.item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.all {
  direction: ltr;
}
.all > * {
  direction: rtl;
}
.hidden {
  display: none;
  transition: width 0.3s linear;
}
.container:hover .hidden {
  width: var(--131b0bc3);
  height: var(--367772ca);
  display: flex;
}
.container {
  position: fixed;
  top:var(--8b7ed71a);
  right:var(--2c4e45ba);
  width: var(--b2ad46e2);
  height: var(--14b33b7e);
  background-color: #fff;
  border-radius: var(--e55f886a);
  box-shadow: 0 0 10px #b3b5b8;
  transition: width 0.3s linear;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container:hover {
  width: var(--301156d1);
  border-radius: var(--e55f886a);
  justify-content: space-around;
}
.icon {
  width: var(--131b0bc3);
  height: var(--367772ca);
  cursor: pointer;
  user-select: none;
}
.icon:hover {
}
.yd-translate-loader {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  height: var(--367772ca);
  width:  var(--131b0bc3);
  animation: spin 0.5s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
@keyframes append-animate {
from {
      opacity: 0;
}
to {
      opacity: 1;
}
}
.popup {
animation: popup 0.3s forwards;
}
@keyframes popup {
0% {
  opacity: 0;
  transform: scale(0);
}
100% {
  opacity: 1;
  transform: scale(1);
}
}
</style><div class="all" style="position: fixed; z-index: 2147483647; --131b0bc3: 22px; --367772ca: 22px; --8b7ed71a: 0px; --2c4e45ba: 0px; --b2ad46e2: 26px; --14b33b7e: 26px; --e55f886a: 13px; --301156d1: 78px;"><!----></div></template></yd-mg-icon><yd-mg-block-icon><template shadowrootmode="open"><style>@charset "UTF-8";
.disabled-element[data-v-d3135d60] {
cursor: not-allowed;
}
.all[data-v-d3135d60] {
position: absolute;
z-index: 1;
}
.all .container[data-v-d3135d60] {
width: var(--5a3ced10);
height: var(--58dc89c6);
display: flex;
justify-content: center;
align-items: center;
}
.all .container .yd-line[data-v-d3135d60] {
display: block;
position: absolute;
height: var(--c03ec7f0);
top: var(--7808ebd8);
left: var(--891c21b0);
}
.all .container .yd-line .orignal[data-v-d3135d60] {
padding: 1px;
background-color: #E4E7F3;
height: var(--5934d8d6);
}
.all .container .yd-line .yd[data-v-d3135d60] {
padding: 1px;
background-color: #FF939E;
height: var(--4d327ada);
}
.all .container .yd-line .llm[data-v-d3135d60] {
padding: 1px;
background-color: #2485FF;
height: var(--18678bd3);
}
.all .container .tooltip-container[data-v-d3135d60] {
display: inline-block;
position: absolute;
top: var(--147b79a2);
left: var(--7afb4d26);
}
.all .container .tooltip-container .icon[data-v-d3135d60] {
width: var(--5a3ced10);
height: var(--58dc89c6);
background-image: var(--4a440a69);
border-radius: 5px;
cursor: pointer;
}
.all .container .tooltip-container .icon[data-v-d3135d60]::before {
content: var(--4809e853);
display: none;
}
.all .container .tooltip-container .icon[data-v-d3135d60]:hover {
box-shadow: 0px 4px 10px rgba(56, 112, 200, 0.16);
transition: width 0.3s linear;
background-image: var(--4809e853);
cursor: pointer;
}
.all .container .tooltip-container .llmIcon[data-v-d3135d60] {
width: var(--5a3ced10);
height: var(--58dc89c6);
background-image: var(--4a440a69);
border-radius: 5px;
}
.all .container .tooltip-container .llmIcon[data-v-d3135d60]:hover {
width: var(--5a3ced10);
height: 48px;
background-image: var(--11da4116);
border-radius: 5px;
}
.all .container .tooltip-container .tooltip[data-v-d3135d60] {
position: absolute;
top: var(--523390c5);
/* 放在元素的上方 */
left: var(--178a82d2);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #F9FBFF;
padding: 8px;
width: 150px;
height: 40px;
border-radius: 8px;
box-sizing: border-box;
border: 1px solid rgba(216, 217, 219, 0.5);
box-shadow: 0px 1.2px 3.6px 0px rgba(0, 0, 0, 0.1), 0px 2px 20px 0px rgba(27, 19, 98, 0.08);
font-family: PingFang SC;
font-size: 16px;
font-weight: normal;
line-height: 150%;
text-align: center;
letter-spacing: 0em;
user-select: none;
color: #2A2B2E;
}
.all .container .tooltip-container .llmTooltip[data-v-d3135d60] {
position: absolute;
top: var(--523390c5);
/* 放在元素的上方 */
left: var(--178a82d2);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #F9FBFF;
padding: 8px;
width: 200px;
height: 40px;
border-radius: 8px;
box-sizing: border-box;
border: 1px solid rgba(216, 217, 219, 0.5);
box-shadow: 0px 1.2px 3.6px 0px rgba(0, 0, 0, 0.1), 0px 2px 20px 0px rgba(27, 19, 98, 0.08);
font-family: PingFang SC;
font-size: 16px;
font-weight: normal;
line-height: 150%;
text-align: center;
letter-spacing: 0em;
user-select: none;
color: #2A2B2E;
}
.all .container .yd-translate-loader-block[data-v-d3135d60] {
position: absolute;
top: var(--147b79a2);
left: var(--7afb4d26);
width: var(--5a3ced10);
height: var(--5a3ced10);
background-image: var(--3fa19693);
/* 确保这里是正确的图片路径 */
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0px 4px 10px rgba(56, 112, 200, 0.16);
overflow: hidden;
/* 保持子元素的圆角效果 */
}
.all .container .yd-translate-loader-block[data-v-d3135d60]::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 5px;
border: 1px solid transparent;
background: linear-gradient(to left bottom, rgba(38, 132, 255, 0.6), rgba(120, 85, 250, 0.6));
-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.all .container .tip[data-v-d3135d60] {
background-color: #F9FBFF;
padding: 8px;
border-radius: 8px;
height: 400px;
border: 1px solid #D8D9DB;
}</style><div data-v-d3135d60="" class="all notranslate" style="--5a3ced10: 24px; --58dc89c6: 24px; --c03ec7f0: 0px; --7808ebd8: 0px; --891c21b0: 0px; --5934d8d6: 0px; --4d327ada: 0px; --18678bd3: 0px; --147b79a2: -16px; --7afb4d26: -44px; --4a440a69: url(chrome-extension://jlpcnoohcpfgpbalhlggdhjocgnlgafn/block.svg); --4809e853: url(chrome-extension://jlpcnoohcpfgpbalhlggdhjocgnlgafn/block-h.svg); --11da4116: url(chrome-extension://jlpcnoohcpfgpbalhlggdhjocgnlgafn/block-h-llm.svg); --523390c5: undefined; --178a82d2: undefined; --3fa19693: url(chrome-extension://jlpcnoohcpfgpbalhlggdhjocgnlgafn/block-l.gif);"><!----></div></template></yd-mg-block-icon><yd-image-ocr style="z-index: 2147483647;"><template shadowrootmode="open"><style>@charset "UTF-8";
.modal-overlay[data-v-04ce0a75] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
}
.modal-content[data-v-04ce0a75] {
background-color: white;
padding: 20px;
border-radius: 10px;
display: flex;
gap: 20px;
width: 800px;
height: 500px;
flex-direction: column;
position: relative;
}
.modal-header[data-v-04ce0a75] {
display: flex;
justify-content: flex-end;
height: 24px;
}
.modal-body[data-v-04ce0a75] {
display: flex;
flex-grow: 1;
flex-direction: row;
}
.modal-body .imageContainer[data-v-04ce0a75] {
flex: 2;
justify-content: center;
}
.modal-body .img[data-v-04ce0a75] {
position: relative;
background-size: contain;
background-position: center;
height: 600px;
background-repeat: no-repeat;
}
.modal-body .img .box[data-v-04ce0a75] {
position: absolute;
border: #333 3px solid;
}
.modal-body .text-content[data-v-04ce0a75] {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
/* 根据需要调整文本内容的样式 */
}
.modal-body .text-content .text[data-v-04ce0a75] {
overflow-y: auto;
height: 450px;
}
.modal-body .text-content .toolbar[data-v-04ce0a75] {
height: 36px;
display: flex;
justify-content: space-around;
flex-direction: row;
flex-wrap: wrap;
}
.close-button[data-v-04ce0a75] {
background-color: transparent;
/* 透明背景 */
border: none;
/* 去除边框 */
cursor: pointer;
/* 鼠标悬停时显示指针 */
outline: none;
/* 去除焦点轮廓 */
position: absolute;
/* 绝对定位 */
top: 10px;
/* 距顶部的距离 */
right: 10px;
/* 距右边的距离 */
font-size: 24px;
/* 字体大小 */
line-height: 24px;
/* 行高，以确保垂直居中 */
color: #333;
/* 字体颜色 */
font-weight: bold;
/* 字体加粗 */
}
.close-button[data-v-04ce0a75]:hover {
color: #666;
/* 鼠标悬停时的颜色变化 */
}
.line[data-v-04ce0a75], .redline[data-v-04ce0a75] {
font-family: Arial, Helvetica, sans-serif;
/* 使用无衬线字体 */
font-size: 16px;
/* 设置合适的字体大小 */
line-height: 24px;
color: #333;
/* 文字颜色 */
padding: 3px 3px 3px 6px;
/* 内边距 */
margin-top: 5px;
cursor: pointer;
transition: background-color 0.3s, border-left-color 0.3s;
/* 背景色和边框颜色变化的过渡效果 */
border-left: 3px solid #ddd;
/* 设置灰色的左边框 */
}
.redline[data-v-04ce0a75] {
border-left-color: #e53935;
/* 鼠标悬停时边框颜色变为红色 */
background-color: #f5f5f5;
}
.button[data-v-04ce0a75] {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background-color: #FB4A3E;
/* 一个明亮但不饱和的红色 */
color: white;
/* 文本颜色为白色 */
padding: 5px 10px;
/* 按钮内边距 */
border: none;
/* 无边框 */
border-radius: 5px;
/* 轻微的圆角 */
font-size: 10px;
text-transform: uppercase;
/* 文本大写 */
cursor: pointer;
/* 鼠标悬停时的指针样式 */
transition: background-color 0.3s;
/* 背景颜色变化的过渡效果 */
}
.button[data-v-04ce0a75]:hover {
background-color: #d32f2f;
/* 鼠标悬停时的背景颜色稍暗 */
}
.button[data-v-04ce0a75]:active {
background-color: #c62828;
/* 鼠标点击时的背景颜色更暗 */
}
.button[data-v-04ce0a75]:disabled {
background-color: #ef9a9a;
/* 禁用状态的按钮颜色更亮，更少饱和度 */
cursor: default;
/* 禁用状态的鼠标样式 */
}
.loading-indicator[data-v-04ce0a75] {
/* 添加你的样式，比如居中显示、动画等 */
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1.5em;
/* ...其他样式 */
}
.message[data-v-04ce0a75] {
position: absolute;
top: 50%;
/* 定位到父元素的中间 */
left: 50%;
/* 定位到父元素的中间 */
transform: translate(-50%, -50%);
/* 使用 transform 实现精确居中 */
padding: 10px;
background-color: white;
/* 设置背景颜色为白色 */
border: 1px solid blue;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
/* 添加阴影效果 */
text-align: center;
z-index: 100;
/* 确保提示信息在其他元素上方 */
}
.loader[data-v-04ce0a75] {
border: 5px solid #f3f3f3;
/* 浅灰色边框 */
border-top: 5px solid #3498db;
/* 蓝色边框 */
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin-04ce0a75 2s linear infinite;
margin-bottom: 20px;
}
@keyframes spin-04ce0a75 {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}