.webgl-warning[data-v-1c5726ee] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow-y: auto;
}
.warning-content[data-v-1c5726ee] {
    text-align: center;
    padding: 20px;
    font-family: Arial, sans-serif;
    color: #000;
    max-width: 600px;
}
.warning-content h1[data-v-1c5726ee] {
    margin-top: 20px;
    color: #e74c3c;
}
.browser-icons[data-v-1c5726ee] {
    margin-top: 20px;
}
.browser-icon[data-v-1c5726ee] {
    margin: 15px;
    text-decoration: none;
    transition: transform 0.2s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #333;
}
.browser-icon[data-v-1c5726ee]:hover {
    transform: scale(1.05);
    background-color: #f8f9fa;
}
.browser-icon img[data-v-1c5726ee] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.debug-info[data-v-1c5726ee] {
    margin-top: 20px;
    text-align: left;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #dee2e6;
}
.debug-info h3[data-v-1c5726ee] {
    margin-top: 0;
    color: #495057;
}
.debug-info pre[data-v-1c5726ee] {
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #dee2e6;
    font-size: 12px;
    overflow-x: auto;
}
.loading-container[data-v-1c5726ee] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9998;
}
.loading-content[data-v-1c5726ee] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* // 渲染时的生成图片的样式，如果style标签加了 scope 属性，则无法生效 */
.screen-shot-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 900;
    width: 300px;
    height: 185px;
}
/* // 同上 */
.screen-shot-img {
    position: relative;
    width: 100%;
    height: 100%;
}
/* AI渲染飞入动画容器 */
.ai-fly-container {
    position: fixed;
    z-index: 900;
    width: 300px;
    height: 185px;
    opacity: 1;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}
.ai-fly-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.el-message {
    top: 70px !important; /* 默认值通常是 20px 左右，增大此值可下移 */
}

/* 公共固定弹窗样式 */
.dialog[data-v-2da98cb6] {
  /* 弹窗标题样式 */
  /* 按钮基础样式：取消按钮 */
  /* 确认按钮样式：绿色主题 */
}
.dialog[data-v-2da98cb6] .el-dialog__title {
  font-size: 16px;
  font-weight: 600;
}
.dialog[data-v-2da98cb6] .el-button {
  background: rgba(34, 40, 45, 0.06);
  border: none;
  /* 按钮悬停状态 */
}
.dialog[data-v-2da98cb6] .el-button:hover {
  color: rgba(34, 40, 45, 0.7);
}
.dialog[data-v-2da98cb6] .el-button + .el-button {
  background: #00be8c;
  color: #fff;
  /* 禁用状态样式 */
}
.dialog[data-v-2da98cb6] .el-button + .el-button:disabled {
  background: rgba(0, 190, 140, 0.5);
  color: rgba(255, 255, 255, 0.5);
}

[data-v-dd801926] .el-icon .el-dialog__close {
  font-size: 20px;
}
[data-v-dd801926] .el-dialog {
  border-radius: 24px !important;
}
.transfer-title[data-v-dd801926] {
  font-weight: 500;
  font-size: 20px;
  color: #1c1c1c;
  margin-left: 20px;
}
.transfer-time[data-v-dd801926] {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-left: 20px;
  margin-bottom: 20px;
}
.transfer-info[data-v-dd801926] {
  width: 540px;
  height: 145px;
  background: #f6f7f8;
  border-radius: 8px;
  padding: 0px 0px 0px 30px;
  margin-left: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.transfer-info .transfer-info-item[data-v-dd801926] {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
  gap: 26px;
  margin: 20px 0;
}
.transfer-info .transfer-info-item span[data-v-dd801926]:nth-child(1) {
  text-align: right;
  font-size: 14px;
  color: #666666;
  margin-top: 0;
}
.transfer-info .transfer-info-item span[data-v-dd801926]:nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  color: #1c1c1c;
  margin-top: 0;
}
.copy-btn[data-v-dd801926] {
  width: 200px;
  height: 40px;
  background: #00be8c;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 20px;
}
.copy-btn span[data-v-dd801926] {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.contact[data-v-dd801926] {
  font-weight: 500;
  font-size: 14px;
  color: #1c1c1c;
  text-align: center;
  margin-top: 12px;
  cursor: pointer;
}

[data-v-f518d958] .el-dialog {
  border-radius: 24px !important;
}
.contrast-title[data-v-f518d958] {
  font-weight: 500;
  font-size: 20px;
  color: #1c1c1c;
}
.scrollbar[data-v-f518d958] {
  height: 465px;
  overflow-y: auto;
}
[data-v-f518d958]::-webkit-scrollbar {
  width: 0px;
}
.no-inherit[data-v-f518d958] {
  font-size: 20px;
}
[data-v-f518d958] .el-table thead {
  color: var(--theme-content-black1);
  font-size: 20px;
}
[data-v-f518d958] .el-table tr {
  height: 48px;
}
[data-v-f518d958] .el-table .cell {
  line-height: 30px;
}
.foot[data-v-f518d958] {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 65px;
  background: var(--theme-bg-white1);
  z-index: 3;
  text-align: center;
  line-height: 65px;
  border-radius: 0px 0px 24px 24px;
}
.foot .btn[data-v-f518d958] {
  width: 180px;
  height: 40px;
  background: #c83c32;
  border-radius: 4px;
  border: 0px;
  font-weight: 500;
  font-size: 12px;
  color: var(--theme-bg-white1);
}
.foot .btn[data-v-f518d958]:hover {
  color: var(--theme-bg-white1) !important;
  border: 0px !important;
}
.affix[data-v-f518d958] {
  width: 100%;
  height: 88px;
  background: #ffffff;
  box-shadow: 0px 8px 8px 0px rgba(200, 200, 200, 0.4);
  display: flex;
  align-items: center;
  gap: 40%;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1000;
}
.affix .affixLeft[data-v-f518d958] {
  width: 100px;
  margin-left: 60px;
}
.affix .affixLeft div[data-v-f518d958]:last-child {
  font-weight: 500;
  font-size: 24px;
  color: #1c1c1c;
}
.affix .affixRight[data-v-f518d958] {
  display: flex;
  gap: 360px;
}
.affix .affixRight .affixRightBox[data-v-f518d958] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.affix .affixRight .affixRightBox .payMoney[data-v-f518d958] {
  font-weight: 500;
  font-size: 16px;
  color: #1c1c1c;
}
.affix .affixRight .affixRightBox .name[data-v-f518d958] {
  font-weight: 500;
  font-size: 20px;
  color: #1c1c1c;
}
.affix .affixRight .affixRightBox img[data-v-f518d958] {
  position: absolute;
  top: -10px;
  left: 65px;
}

.memberBox[data-v-74ca276c] {
  width: 100%;
  display: flex;
}
.memberBox .package[data-v-74ca276c] {
  width: 200px;
}
.memberBox .package .title[data-v-74ca276c] {
  font-weight: 600;
  font-size: 20px;
  color: var(--theme-content-black1);
  line-height: 28px;
  margin-top: 20px;
  margin-left: 32px;
  display: flex;
  height: 24px;
  align-items: center;
}
.memberBox .package .title img[data-v-74ca276c] {
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.memberBox .package .name[data-v-74ca276c] {
  font-weight: 500;
  font-size: 16px;
  color: var(--theme-content-black1);
  line-height: 22px;
  margin-top: 50px;
  margin-left: 32px;
}
.memberBox .package .tabs[data-v-74ca276c] {
  margin-top: 12px;
  margin-left: 32px;
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-gray6);
  line-height: 17px;
  display: flex;
  white-space: pre-wrap;
  text-align: left;
}
.memberBox .package .tabs .el-icon[data-v-74ca276c] {
  width: 12px;
  height: 8px;
  color: var(--theme-brand-green3);
  margin-right: 4px;
  margin-top: 5px;
}
.memberBox .price[data-v-74ca276c] {
  width: 620px;
  margin-bottom: 30px;
  margin-top: 28px;
  border-left: 1px solid #e6e6e6;
  padding-left: 32px;
  box-sizing: border-box;
}
.memberBox .price .priceModel[data-v-74ca276c] {
  display: flex;
  flex-wrap: wrap;
  height: 200px;
}
.memberBox .price .upgrade-version[data-v-74ca276c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.memberBox .price .upgrade-version .upgrade-version-title[data-v-74ca276c] {
  font-weight: 600;
  font-size: 16px;
  color: #1c1c1c;
}
.memberBox .price .priceBox[data-v-74ca276c] {
  width: 200px;
  height: 160px;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  margin-right: 20px;
  margin-top: 18px;
  position: relative;
  cursor: pointer;
}
.memberBox .price .priceBox .first[data-v-74ca276c] {
  position: absolute;
  top: -11px;
  left: -1px;
  width: 72px;
  height: 22px;
  background: linear-gradient(90deg, #ff9664 0%, #ec2a4f 100%);
  border-radius: 8px 0px 8px 0px;
  font-weight: 500;
  font-size: 12px;
  color: var(--theme-bg-white1);
  line-height: 22px;
  text-align: center;
}
.memberBox .price .priceBox .title[data-v-74ca276c] {
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-black1);
  line-height: 20px;
  text-align: center;
  margin-top: 28px;
}
.memberBox .price .priceBox .payAmount[data-v-74ca276c] {
  font-weight: 500;
  font-size: 32px;
  color: var(--theme-content-black1);
  line-height: 22px;
  text-align: center;
  margin-top: 15px;
}
.memberBox .price .priceBox .payAmount span[data-v-74ca276c] {
  font-size: 14px;
}
.memberBox .price .priceBox .Amount[data-v-74ca276c] {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  text-decoration-line: line-through;
}
.memberBox .price .priceBox .dayAmount[data-v-74ca276c] {
  width: 196px;
  height: 32px;
  background: #f6f6f6;
  border-radius: 6px;
  margin: auto;
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-gray6);
  line-height: 16px;
  text-align: center;
  line-height: 32px;
}
.memberBox .price .message[data-v-74ca276c] {
  width: 100%;
}
.memberBox .price .message .single-promotion[data-v-74ca276c] {
  width: 300px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  padding: 8px 12px;
}
.memberBox .price .message .svg[data-v-74ca276c] {
  width: 14px;
  height: 12px;
}
.memberBox .price .message .line[data-v-74ca276c] {
  width: 1px;
  height: 12px;
  background: #eeeeee;
  margin: 0px 12px;
}
.memberBox .price .message .text[data-v-74ca276c] {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
}
.memberBox .price .message .text span[data-v-74ca276c]:first-child {
  color: #1c1c1c;
  margin-left: 8px;
}
.memberBox .price .message .text span[data-v-74ca276c]:last-child {
  color: #e63232;
  margin-left: 4px;
}
.memberBox .price .message .time[data-v-74ca276c] {
  font-weight: 400;
  font-size: 12px;
  color: #e63232;
}
.memberBox .price .message[data-v-74ca276c] .el-select__placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--redText);
}
.memberBox .price .message[data-v-74ca276c] .el-select__wrapper {
  width: 325px;
  padding: 5px 12px;
  background: var(--white);
  border-radius: 4px;
}
.memberBox .price .message[data-v-74ca276c] .el-select__wrapper svg {
  color: var(--writLightSix);
}
.rights-bean[data-v-74ca276c] {
  padding-top: 20px;
}
.rights-bean .rights-title[data-v-74ca276c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rights-bean .rights-title span[data-v-74ca276c]:first-child {
  font-weight: 600;
  font-size: 16px;
  color: #1c1c1c;
}
.rights-bean .rights-title span[data-v-74ca276c]:last-child {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  margin-right: 60px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.rights-bean .rights-title span:last-child img[data-v-74ca276c] {
  width: 6px;
  height: 8px;
}
.rights-bean .rights-title span:last-child img[data-v-74ca276c]:last-child {
  display: none;
}
.rights-bean .rights-title span[data-v-74ca276c]:last-child:hover {
  color: #1c1c1c;
}
.rights-bean .rights-title span:last-child:hover img[data-v-74ca276c]:first-child {
  display: none;
}
.rights-bean .rights-title span:last-child:hover img[data-v-74ca276c]:last-child {
  display: inline;
}
.rights-bean .rights-content[data-v-74ca276c] {
  margin-top: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  align-content: flex-start;
}
.rights-bean .rights-item[data-v-74ca276c] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 calc((100% - 40px) / 3);
  max-width: calc((100% - 40px) / 3);
  box-sizing: border-box;
  padding: 6px 0;
}
.rights-bean .rights-item .icon[data-v-74ca276c] {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rights-bean .rights-item .icon img[data-v-74ca276c] {
  width: 100%;
  height: 100%;
}
.rights-bean .rights-item .text[data-v-74ca276c] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rights-bean .rights-item .text .item-title[data-v-74ca276c] {
  font-weight: 500;
  font-size: 14px;
  color: #1c1c1c;
}
.rights-bean .rights-item .text .item-text[data-v-74ca276c] {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
}
.price-bean[data-v-74ca276c] {
  width: 280px;
  height: 550px;
  background: #f6f7f8;
  border-radius: 0px 0px 24px 0px;
}
.price-bean .price-bean-text[data-v-74ca276c] {
  padding: 28px 0px;
  text-align: center;
}
.price-bean .price-bean-text span[data-v-74ca276c]:first-child {
  font-weight: 500;
  font-size: 20px;
  color: #e63232;
}
.price-bean .price-bean-text span[data-v-74ca276c]:last-child {
  font-weight: 500;
  font-size: 40px;
  color: #e63232;
}
.price-bean .discount[data-v-74ca276c] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.price-bean .discount span[data-v-74ca276c]:first-child {
  font-weight: 400;
  font-size: 12px;
  color: #e63232;
}
.price-bean .discount span[data-v-74ca276c]:last-child {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  cursor: pointer;
}
.price-bean .imgBox[data-v-74ca276c] {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  box-sizing: border-box;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAAXNSR0IArs4c6QAABAlJREFUeF7tmTEuZWEARu9bgVpYgHoUGpah0VGYTmMbFHQUdBrL0FCozQIGtRW8yTMhM5nKjXMTc85NbiFxv/995zvdP7vd/DYfRj5L2zvD4u35/wi8XF8Ni3fsMxsr1sru/rC6933suX33BQj8vDgbHi/PR/3Sd7E2bu5HBfRRBP4kcLe1/vpnYuXFpxJIrE/FWdgbgcTKBYRAYiFYC02sHEAIJBaCtdDEygGEQGIhWAtNrBxACCQWgrXQxMoBhMBfYnWhjDBWhr5dXM8eTo7maweHSgiVZgj8OD0eZk9PT/Pl5WXmhFKVBJ6fnxNLuTxcOrFgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9EwsGbI1PLOvycO/EggFb4xPLujzcO7FgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9EwsGbI1PLOvycO/EggFb4xPLujzcO7FgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9EwsGbI1PLOvycO/EggFb4xPLujzcO7FgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9EwsGbI1PLOvycO/EggFb4xPLujzcO7FgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9X8V6ODmarx0cwkcVbyLw4/R4mN1ufpuv7O4Pq3vfTd3rChH4eXE2PF6e/xZrccbGzT10VLEmAndb6691E8u0+gRdE2sCyMYjEsu4+gSdE2sCyMYjEsu4+gSdE2sCyMYjEsu4+gSdE2sCyMYjEsu4+gSdE2sCyMYjEsu4+gSd/xHro2d2cf1RYl/v/98ulMf88ve7wjEfL23vDIu35/8j8HJ9NSzesc8vXZHQdpttlfIAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
}
.price-bean .imgBox .loadingBox[data-v-74ca276c] {
  width: 160px;
  height: 160px;
  margin: 10px auto;
  background-image: url(/img/price_paycode.25e2d758.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  backdrop-filter: blur(2px);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.price-bean .imgBox .qrImg[data-v-74ca276c] {
  width: 160px;
  height: 160px;
  margin: 10px 10px;
}
.price-bean .imgBox .activing[data-v-74ca276c] {
  filter: blur(5px);
}
.price-bean .imgBox .iconSize[data-v-74ca276c] {
  font-size: 70px;
  position: absolute;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  cursor: pointer;
}
.price-bean .imgBox .text[data-v-74ca276c] {
  font-weight: 400;
  font-size: 12px;
  color: #1c1c1c;
  margin-bottom: 8px;
}
.price-bean .imgBox .content[data-v-74ca276c] {
  font-weight: 400;
  font-size: 12px;
  color: #3c80ff;
  text-align: center;
  cursor: pointer;
}
.price-bean .imgBox .content[data-v-74ca276c]:hover {
  color: #e63232;
}
.price-bean .imgBox .btn[data-v-74ca276c] {
  margin-top: 20px;
  width: 76px !important;
  height: 24px !important;
  background: #c83c32;
  border-radius: 4px;
  border: 0px;
  font-weight: 500;
  font-size: 12px;
  color: var(--theme-bg-white1);
}
.price-bean .imgBox .btn[data-v-74ca276c]:hover {
  background: #bd382f;
  border: 0px;
}
.sweep[data-v-74ca276c] {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 8px;
}
.sweep svg[data-v-74ca276c] {
  width: 16px;
  height: 16px;
}
.transfer[data-v-74ca276c] {
  margin: 75px auto;
  width: 220px;
  height: 36px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.transfer span[data-v-74ca276c] {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.transfer[data-v-74ca276c]:hover {
  border: 1px solid #d8d8d8;
}
.transfer:hover span[data-v-74ca276c] {
  color: #1c1c1c;
}
.details[data-v-74ca276c] {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  cursor: pointer;
}
.details-list[data-v-74ca276c] {
  width: 150px;
}
.details-list .details-title[data-v-74ca276c] {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  margin-bottom: 8px;
}
.details-list .details-item[data-v-74ca276c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details-list .details-item div[data-v-74ca276c]:first-child {
  font-weight: 400;
  font-size: 12px;
  color: #1c1c1c;
  margin-bottom: 5px;
}
.details-list .details-item div[data-v-74ca276c]:last-child {
  font-weight: 400;
  font-size: 12px;
  color: #e63232;
}
.left-price[data-v-74ca276c] {
  font-weight: 400;
  font-size: 12px;
  color: #e63232;
}
.desc[data-v-74ca276c] {
  font-weight: 400;
  font-size: 12px;
  color: #1c1c1c;
}

.loading[data-v-15385869] {
  color: #999;
  font-size: 14px;
}
.error[data-v-15385869] {
  color: red;
  font-size: 14px;
}

.coupon-popups[data-v-f03170fa] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  padding-bottom: 160px;
  gap: 50px;
}
.coupon-card[data-v-f03170fa] {
  position: relative;
  width: 300px;
  height: 210px;
  border-radius: 12px;
}
.close-btn[data-v-f03170fa] {
  position: absolute;
  top: -10px;
  right: 0px;
  background: transparent;
  border: none;
  font-size: 14px;
  cursor: pointer;
  color: #666;
}
.card-header[data-v-f03170fa] {
  width: 100%;
  height: 134px;
  background: url(/img/price_coupon_topbg.5ca8e67c.png) no-repeat center center;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
}
.card-header .header-content[data-v-f03170fa] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 45px;
  padding-left: 16px;
}
.card-header .promo-text[data-v-f03170fa] {
  font-weight: 600;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.65);
}
.card-header .countdown-wrapper[data-v-f03170fa] {
  display: flex;
  align-items: center;
}
.card-header .time-box[data-v-f03170fa] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  width: 20px;
  height: 18px;
  border-radius: 4px;
}
.card-header .colon[data-v-f03170fa] {
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  font-weight: bold;
  margin: 0 2px;
}
.card-header .expire-text[data-v-f03170fa] {
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 4px;
}
.card-header .mascot[data-v-f03170fa] {
  width: 48px;
  height: 48px;
  position: absolute;
  top: -18px;
  right: 8px;
}
.card-body[data-v-f03170fa] {
  padding: 24px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  background: #fff;
  position: absolute;
  bottom: -100px;
}
.coupon-list[data-v-f03170fa] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 200px;
  overflow-y: auto;
}
.value[data-v-f03170fa] {
  width: 252px;
  min-height: 84px;
  display: flex;
  align-items: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfgAAACoCAYAAAAM0fw8AAAQAElEQVR4AezdS5Bc11kH8O+2R5Ljh7IgDo5xCCZGUkzBjqoskxXEqkiVdbKhChZJgAK2VEIRii1QgJMFVLFJ1rEUZNgpS6rYQWE9sDEQ4xg7LBIljmXJc3O+2+oZWZnRzPTpx723f1NzW/2433n8Trv/3bd72pM45E/b/vvx9so//Hp79fnnyna5vfL8tbLdKFtre57BlSUZvHH5kUPeRY+8W3v1wqPuu0tat2XdH7TrsWaz7gOZsdfaq89fLttzXQaXLD7sg92BAd++cunx9uqFr8a1l96MuP1P0cYXyvaJ0sGpsi3twbe07ZdAxI23nlgaw7GtDy2tbQ0TIECgXiAz9lSXuZm9mcElizOTM5sPan7fgG//44UTpZGvxNu3X4q2/XzZTsbxByPe/1jEBz8S8cTTER8+E/Hzz9gYLP4+8ODD0/vu7Xc/Oj2zhNNZ29mXNVz8GjJl6j5Qdx948vQ0azNzM3szg9v2ZMnjz2c2Z0ZnVu/36LhnwHfPDG7f+nZp5EsR7cPx0MmID5XH2cd/cRrw+YC4dTyi2bM8/BCoFjjx0LSJ7fbs9MwSTmdtz/paQheaJECAwNwCkwciMmszczPgM4MzizOTM5vb9ktRsrrL7D06mdx7XXlG8Ktx89a/lGD/eNfw409FfODJiGMn7t219rJ6AvsLvO/R6W1Ne75t2wemFxZ32rVZ2u5anPXVXXBCgACBHgtkFmcmZzZn+Ef78czs9sqlX7l31JO7r5g+C2gvleP9T0a+qskGjr/v7l2cJ7AagTwUdaw8qWzjybj+rd9ceKfZZradfWRfC+9AgwQIEFiiQGZzZnRmdT6WNbdemGb4bp87Ad8dx3/79jd3wv1nPxKRhwd29+3XOaMZv0AekspZtu2flCNLd17S5xV1W9dWabNrZdZHd8EJAQIEBiSQGZ1ZPQv5kuFdlt+Zwk7Ax7u3/mjnsPxjHy43N2XzS2CNAvk+Uz5Lbdv8JP3Xy2H13fvrnMO608bXI9vMtrOPOdtSRoAAgfULlKzOQ/azw/Vdlk9H1T1gdi/r2/jD7qoP/FxswCv3bqpOBiAwuz+27bm49q2/uBPQcw28q71+4S9LuJ/r7uPZ9lwtKSJAgECPBB7Yipg9npUs7zK9DK8L+Lh5+8vl1fvDka9m8lVNucEvgV4I5LPS2RGldvv34trFb3aH2I84uK6m1MZ2/G5EE5FtZtvhhwABAiMQyOzODM9P13eZHjHJb6grU/ts2aL7G/fujJP7CrhxtQInHorI95ny/aZ8JR9xtb128bfKK/IDP12f++S+ZcBXd165Z1vZZrnSLwECBEYjsPuZos9mtk/i6iufLA98JyM/SZyfKB7NTE1kVAIZyPmJ0XyWmu+fb2//bVy78F/tlQt/UwL8U+3Ll061b1x+pNvy/LWLn8rbcp/IfbMma7ONbGtUOCZDgACBIpAZnlneticz2yfR3D5Xro7wt8AdwwpOdDGvwNbxiAzo/EBJ3pHzT0Oi/WIJ8BfinVvX4v+/f6Pb8vz29gvlbacvdn8VkvtmTdZmG/P2r44AAQJ9F5hlecn2SRnrM2WL8KqmY3AyAIF8nym/zSm/1SkPSeW3PGVwN+XunFuez+vyttwn982aAUzNEAkQIFAlsJvlz0zKK5z8E6SIrWNVbSpekYBudgXyUFSGeH5P8+z/jZD/f4Q8n9flbbnPboVzBAgQGLfALMvbeGJSZjoN+PyYfbnglwABAgQIEBiowG6WdwH/SDeNPLTZnXEyYgFTI0CAAIExC+xm+SP5Cn7MUzU3AgQIECCwkQICfiOXfc5JKyNAgACBwQgI+MEslYESIECAAIHDCwj4w1vZs05ANQECBAisUEDArxBbVwQIECBAYFUCAn5V0vqpE1BNgAABAkcSEPBH4rIzAQIECBAYhoCAH8Y6GWWdgGoCBAhsnICA37glN2ECBAgQ2AQBAb8Jq2yOdQKqCRAgMEABAT/ARTNkAgQIECBwkICAP0jI7QTqBFQTIEBgLQICfi3sOiVAgAABAssVEPDL9dU6gToB1QQIEJhTQMDPCaeMAAECBAj0WUDA93l1jI1AnYBqAgQ2WEDAb/DimzoBAgQIjFdAwI93bc2MQJ2AagIEBi0g4Ae9fAZPgAABAgT2FhDwe7u4lgCBOgHVBAisWUDAr3kBdE+AAAECBJYhIOCXoapNAgTqBFQTIFAtIOCrCTVAgAABAgT6JyDg+7cmRkSAQJ2AagIEioCALwh+CRAgQIDA2AQE/NhW1HwIEKgTUE1gJAICfiQLaRoECBAgQOBuAQF/t4bzBAgQqBNQTaA3AgK+N0thIAQIECBAYHECAn5xlloiQIBAnYBqAgsUEPALxNQUAQIECBDoi4CA78tKGAcBAgTqBFQTeI+AgH8PhwsECBAgQGAcAgJ+HOtoFgQIEKgTUD06AQE/uiU1IQIECBAgECHg3QsIECBAoFZAfQ8FBHwPF8WQCBAgQIBArYCArxVUT4AAAQJ1AqqXIiDgl8KqUQIECBAgsF4BAb9ef70TIECAQJ2A6n0EBPw+MK4mQIAAAQJDFhDwQ149YydAgACBOoERVwv4ES+uqREgQIDA5goI+M1dezMnQIAAgTqBXlcL+F4vj8ERIECAAIH5BAT8fG6qCBAgQIBAncCSqwX8koE1T4AAAQIE1iEg4Nehrk8CBAgQIFAncGC1gD+QyA4ECBAgQGB4AgJ+eGtmxAQIECBA4ECB+wb8gdV2IECAAAECBHopIOB7uSwGRYAAAQIE6gSWGPB1A1NNgAABAgQIzC8g4Oe3U0mAAAECBHor0NuA762YgREgQIAAgQEICPgBLJIhEiBAgACBowqMNOCPymB/AgQIECAwLgEBP671NBsCBAgQINAJCPiO4b0nLhEgQIAAgaELCPihr6DxEyBAgACBPQQE/B4odVepJkCAAAEC6xcQ8OtfAyMgQIAAAQILFxDwCyeta1A1AQIECBBYhICAX4SiNggQIECAQM8EBHzPFqRuOKoJECBAgMBUQMBPHZwSIECAAIFRCQj4US1n3WRUEyBAgMB4BAT8eNbSTAgQIECAwI6AgN+hcKZOQDUBAgQI9ElAwPdpNYyFAAECBAgsSEDALwhSM3UCqgkQIEBgsQICfrGeWiNAgAABAr0QEPC9WAaDqBNQTYAAAQL3Cgj4e0VcJkCAAAECIxAQ8CNYRFOoE1BNgACBMQoI+DGuqjkRIECAwMYLCPiNvwsAqBNQTYAAgX4KCPh+rotRESBAgACBKgEBX8WnmECdgGoCBAgsS0DAL0tWuwQIECBAYI0CAn6N+LomUCegmgABAvsLCPj9bdxCgAABAgQGKyDgB7t0Bk6gTkA1AQLjFhDw415fsyNAgACBDRUQ8Bu68KZNoE5ANQECfRcQ8H1fIeMjQIAAAQJzCAj4OdCUECBQJ6CaAIHlCwj45RvrgQABAgQIrFxAwK+cXIcECNQJqCZA4DACAv4wSvYhQIAAAQIDExDwA1swwyVAoE5ANYFNERDwm7LS5kmAAAECGyUg4DdquU2WAIE6AdUEhiMg4IezVkZKgAABAgQOLSDgD01lRwIECNQJqCawSgEBv0ptfREgQIAAgRUJCPgVQeuGAAECdQKqCRxNQMAfzcveBAgQIEBgEAICfhDLZJAECBCoE1C9eQICfvPW3IwJECBAYAMEBPwGLLIpEiBAoE5A9RAFBPwQV82YCRAgQIDAAQIC/gAgNxMgQIBAnYDq9QgI+PW465UAAQIECCxVQMAvlVfjBAgQIFAnoHpeAQE/r5w6AgQIECDQYwEB3+PFMTQCBAgQqBPY5GoBv8mrb+4ECBAgMFoBAT/apTUxAgQIEKgTGHa1gB/2+hk9AQIECBDYU0DA78niSgIECBAgUCew7moBv+4V0D8BAgQIEFiCgIBfAqomCRAgQIBAnUB9tYCvN9QCAQIECBDonYCA792SGBABAgQIEKgTyGoBnwo2AgQIECAwMgEBP7IFNR0CBAgQIJAC8wd8VtsIECBAgACBXgoI+F4ui0ERIECAAIE6gXUFfN2oVRMgQIAAAQL3FRDw9+VxIwECBAgQGKbAMAN+mNZGTYAAAQIEViYg4FdGrSMCBAgQILA6gU0M+NXp6okAAQIECKxJQMCvCV63BAgQIEBgmQIC/qi69idAgAABAgMQEPADWCRDJECAAAECRxUQ8EcVq9tfNQECBAgQWImAgF8Js04IECBAgMBqBQT8ar3relNNgAABAgQOKSDgDwllNwIECBAgMCQBAT+k1aobq2oCBAgQ2CABAb9Bi22qBAgQILA5AgJ+c9a6bqaqCRAgQGBQAgJ+UMtlsAQIECBA4HACGfA/7Hbdfrf7xwmBJQhokgABAgRWITDL8qa5kQH/Wtfn7MrughMCBAgQIEBgcAKzLG/b706iiWnA3741uHkY8IYI7DfNd96O+P6bEW/8d8RrL0V85+p0y/N5Xd6W++xX73oCBAiMTWCW5SXbJ2VuL5Yt4uZb3T9OCPRe4K0fRHz35YjX/3Ma8G//KOL2OxHt9nTL83ldBnzuk/tmTe8nZoAECBCoFNjN8hcn0W5d7Jr78Y3uHycEeiuQwf36KxHfezXi1s0oR5/Kmea5mEyejePHTsfPvP/RbsvzeV2U25p4tds3a7I22wg/BAgQGKnALMtLtk/izFOXo2l+EHkoMx80Rzpn0xq4QD4rzYB+58dR7q+vxWTy23H6/C80Hzv/O83pc//YfPTs9eaDn/xht+X5vK7clvt0+zbNa5G12Ua2FX4IECAwMoHM8MzyzPSS7ZOm+eVybDO+0U0zD2l2Z5wQ6JFABvL/lffZ88MjTZNHnM6UUP+7pmkO/NOP3Cf3LbM5U54YXIxsI9vKNsuVB/7agQABAkMR2M3wb2S253vwESe2vhLR/Cjyfcp8lRN+CPREIA+pv/mdMpg2opn8VZw+95nmzPkjv5/U1ZTamMRflzfqI7LNbDv8ECBAYAQCmd2Z4ZnlXaZHebgr82qeOvt6NPHn5WzE9/43ulc53QUnBNYsMLs/5iv305/+g6ZptucdUVd76vzvR7aVr+Sz7XkbO1ydvQgQILB8gbsfz0qWd5leep2+gi9n4oFjfxbR/HP3aeR8dRPlFVP4IbBGgXw2ms9K8/3ziM91AV05nDttfK6E/PQ9+eyjsk3lBAgQWJ9AyerM7O6IZMnwLsuno9kJ+OaXnr0ZD259Jpp4tfuTuXyfMp8VTPdzSmD1ArP3k5rmj7tD7AsaQddWabNrbtZHd6FnJ4ZDgACB+wlkRmdW52eKMrtLhndZfqdmJ+Dz8vRlfXN2J+TzE8f5CipvtBFYpUB+EjQ/EZp32lOf/vuFd51tZtvZR/a18A40SIAAgSUKZDZnRs/CvT327DTDd/t8T8Dn1eXVzb/GiWO/FrPD9dlA/g1xPhCGHwIrEtj5W87mQnOIT8sfdVRdm21zoaub9dVdGM2JiRAgMEaBNJUdSgAAASZJREFUzOLM5Mzm2WH5ktnNx87+273T/amAzx26ZwFbxz4RTfOnkZ/Iy/cp89vA8lvB8pBmfktYNpzfHBZ+CCxBIJ+VZrOT5lL+s5Rt1vasr6V0olECBAjMKZAZm1mbmZvZmxmcWZyZnNmcGV2yusvsPbrYM+Bzv6a8J19ezX+5vC//dAn6r5Vt+mU42Ul+z3d+33d+9/f/vBhhY7Do+0DeofOOuPXAy/nPUrZZ29nXosc/9PaM33/T7gPrvw9kxmbWZuZm9ubbifklNk3ztczmzOjM6v0eH/cN+FlBPjMojXwhTj/9WMTWb0QTXy3bt8vt18s2/V/NljN+CSxF4NGHpv8zpGU0vsy2lzFebRIgsGkCmbHXu8zN7M0MLlmcmZzZfBDGTwAAAP//5uE4VQAAAAZJREFUAwDOZpf1n31fhwAAAABJRU5ErkJggg==) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  gap: 50px;
}
.line[data-v-f03170fa] {
  height: 44px;
  border: 1px dashed #ffd7b0;
  position: absolute;
  left: 90px;
}
.currency[data-v-f03170fa] {
  font-weight: 500;
  font-size: 16px;
  color: #f55032;
}
.amount[data-v-f03170fa] {
  font-weight: 500;
  font-size: 36px;
  color: #f55032;
  margin-left: 15px;
}
.amount .discount-text[data-v-f03170fa] {
  font-weight: 500;
  font-size: 20px;
  color: #f55032;
}
.amount .currency[data-v-f03170fa] {
  font-weight: 500;
  font-size: 16px;
  color: #f55032;
}
.meta[data-v-f03170fa] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.title[data-v-f03170fa] {
  font-weight: 500;
  font-size: 16px;
  color: #1c1c1c;
}
.subtitle[data-v-f03170fa] {
  font-size: 12px;
  color: #888;
}
.use-btn[data-v-f03170fa] {
  width: 252px;
  height: 50px;
  background: linear-gradient(90deg, #ff8c4b 0%, #f05035 100%);
  border-radius: 25px;
  border: none;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
}

.paySuccess[data-v-abed6d70] {
  height: 570px;
  text-align: center;
}
.paySuccess .icon[data-v-abed6d70] {
  width: 196px;
  height: 180px;
  text-align: center;
  padding-top: 100px;
}
.paySuccess .title[data-v-abed6d70] {
  font-weight: 600;
  font-size: 24px;
  color: var(--theme-content-black1);
  line-height: 33px;
  text-align: center;
  margin-top: 32px;
}
.paySuccess .content[data-v-abed6d70] {
  font-weight: 400;
  font-size: 16px;
  color: var(--theme-content-gray6);
  line-height: 22px;
  text-align: center;
  margin-top: 12px;
}
.paySuccess .content span[data-v-abed6d70] {
  font-weight: 600;
}
.paySuccess .btnFlash[data-v-abed6d70] {
  width: 160px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid var(--theme-content-gray6);
  font-weight: 500;
  font-size: 16px;
  color: var(--theme-content-black1);
  margin-top: 40px;
}
.paySuccess .btnBack[data-v-abed6d70] {
  width: 160px;
  height: 48px;
  border-radius: 8px;
  border: 0px;
  font-weight: 500;
  font-size: 16px;
  background: #c83c32;
  color: var(--theme-bg-white1);
  margin-top: 40px;
}

.maskMember[data-v-b690ea46] {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a80;
  z-index: 1010;
}
.maskMember .window[data-v-b690ea46] {
  position: relative;
  min-width: 900px;
  height: 580px;
  background: var(--theme-bg-white1);
  border-radius: 12px;
  overflow: hidden;
  margin: auto auto;
}
.maskMember .window .bg[data-v-b690ea46] {
  width: 900px;
  height: 90px;
  cursor: default;
}
.maskMember .window .bg > img[data-v-b690ea46] {
  width: 100%;
  height: 100%;
  display: block;
}
.maskMember .window .bg .type[data-v-b690ea46] {
  display: flex;
  position: absolute;
  top: 42px;
  right: -10px;
}
.maskMember .window .bg .type .titleAciive[data-v-b690ea46] {
  width: 288px;
  height: 50px;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-black1);
  line-height: 16px;
  text-align: center;
  line-height: 56px;
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAAwCAYAAACxIqevAAAAAXNSR0IArs4c6QAAByNJREFUeF7tnW9sE2Ucx393bdd2XR0wV+XPBAEx2EiIRCEo25iI+MJEog5nMEZQo8gL0YgQCAMCETGKiYhGEGMkTlCjiS9ExLENJRCDIZj6B0TB8UdXB8yta7v27sxDd+wobWl7d+1z5rs3W7LseX7P53f95Ps81/UE4uRLUUjgpBSUAQL/ewKCQAoPiyzKix6y4aH1qAEELiVQDCkVVEDpxLNq1UD6CQSQhPDCAAGzCPj9A8mnsTF1CiqkiAoioGTxqMJRZRMMklDbT/x0NwRk1sWHcUFgmDchnRYiqqxM/KxKKVlIhRCRqQLKJB4mnXH9sjkXJqGnLyGesTcQdYchIbxUQMBoAl43Kb8dTYxaVkLKYHdCQEe8pDAZFUNEpggok3j8QRJYylGlc80IEkLRAeFE+kVkNHyMBwIgQOQqGdh2eZyk/H2SFFVGLB0FCiwiwwWUSj5sq8XEE+ggkSUdVTqqbAbFNAKKI/3ghQICZhFw2QcEdN6R+JlJSSsjv49kVURmb8sMFVCyfOrrSVS3Wu1dJGrFo0onohFOVIJ8zLrwMC4IqASctgEJqUJiMtKKqKqcZHVrtmMHyVp6Rp4NGSYgrXzYIbM29QR7SawcSgJLPEw8qnSYcFZ/0HzdyFHjb3WXlU+ylzgmioJYJYhiBRG5iciGywYEQEA3AYmIwoosd8qy3B6PxQ6Fe7oOnjj+8/crHqn7UxUSk5EqouAZUipLSU6XhoySkCECSiWfwb+TqKaezm4StYln0Ws7rp0wdeaDbo/nIVG0T9CNFwOAAAjkRUCW44fDodBHh/ft+njDc/V/aRNRhZdkdkbE0tC50SSzQ2rtlswICekWUCb5lFWSqE09S979uurmW6qXOkpKGojInhcx/BEIgIAZBOKxvr6mH39oe2nd/LvatWmoJ0iyWRIyVEDszEdNPlr51M1d6W1YuHi50+1+nIicZtDDmCAAAoYQiEbD4S1NG9evad62slvdkmklpD0T0puCdAlIm36YfNidrgMnyaaVz9pPfpo0fMyNW0VRHGMIHgwCAiBgOgFZlo+dOvbrvGUP3HRQK6HJI0hid8iMklDeAkreerW0kFjZQaLHR6J65vPWt+efKS27ao0gCA7TiWECEAABQwkoihLr7fl3+dN3DHqTSYidCYU6SA76SK6tJdmI8yDdAlLveLGt15FOsnkrEgfO7+zvXe5yu5cYSgSDgQAIFJxAJBxe9+SU0jVMQt2dJI+rICn5UDrfrVheAkreemnPfVwhEjfv713ndLsXFpwUJgQBEDCFQCwafmP+baVLIx6SjTwP0iUgln6St15Ne84v8HjLXzGFAgYFARAoGoFQd9cLDdMHbUq3FcsnBeUsoEzpZ+P2P6p9VaO+ICKc+RTtMsHEIGAagVhH+/F7F865vs2oFJS3gJLTz6OLt11dM+vhg4Ig+ExbPgYGARAoKgFFUTpad3446f31c/9JdSCdawrKSUDp0o+9nGyffhd53eF0PlFUOpgcBEDAdAKxaHTz/be7no13kaS+QTHf2/J5CUibfqicbBuajk4cPnLsXvzvlum9xwQgwAMB6dSJX6Ytahh/iLpISr4tn0sKylpAmdLPZwdiX9ps9moeyKAGEAAB8wlIUrxt9mTHPXpTUM4CSk4/b39+unqIb+hO85eMGUAABHgicLbjzKyn7hvWpicFZSWgjOlnf2ynzW6fxhMY1AICIGA+ASke3zt7imOWnhSUk4CQfsxvKmYAASsR0JuCriggpB8rXQ6oFQQKS0BvCspaQEg/hW0sZgMBqxDQk4IyCgjpxyqXAOoEgeIR0JOCshIQ0k/xmouZQcAKBPJNQWkFhPRjhbajRhDgg0C+KeiKAkL64aPBqAIEeCeQTwpKKSCkH95bjfpAgD8C+aSgjAJC+uGvyagIBHgmkGsKukxASD88txe1gQDfBHJNQWkFhPTDd6NRHQjwSiCXFHSJgJB+eG0p6gIB6xDIJQWlFBDSj3WajUpBgEcC2aagiwJC+uGxjagJBKxJINsUdJmAkH6s2XBUDQK8EcgmBV0QENIPb61DPSBgfQLZpKBLBJT8pItXt5+uwacdWv9CwApAoFgEWAp6fs6w1nRP0LhMQNRCYqD/Ge9bd8e/Emw2fNZzsbqHeUHA4gQUSWqbN8N+NxOQ30cyaZ4pzz68Pq2A3tvXWeMpH7LL4utH+SAAAkUmEOo6O/OxqRWtWQkoECCBPet904H4bhvST5Fbh+lBwPoEJElqWzDZPuPcaJL9flIaG0lhq0qdgIho2YvhWrvL9Y31l44VgAAI8EAgHoncufZldwurJa2A2C/ZQfSKFXKzIAg1PBSOGkAABKxPQFGU1tWrxTpVPikTUGKZChPPHusvGSsAARDgjMB0IqFVreniFuyCdhTqf1Oi0kxEtZwVjnJAAASsT6CFSKhT0w/7/h+4Y2VtJc3CxQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
.maskMember .window .bg .type .title[data-v-b690ea46] {
  width: 288px;
  height: 50px;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-black1);
  line-height: 16px;
  text-align: center;
  line-height: 56px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAAwCAYAAACxIqevAAAAAXNSR0IArs4c6QAAA61JREFUeF7tm02rTlEYhu/HR0yIgZQhYcJvkKnCVJgoKWbK6GQoI2VGKZkgQ1FnKr/hmDhiqGRATMjH4931zt6vvfZaa6+1cr1j+1n3ez3r3F05Z5v4QAACEChEwAqdy7EQgAAERAFxCSAAgWIEKKBi6DkYAhCggLgDEIBAMQIUUDH0HAwBCFBA3AEIQKAYAQqoGHoOhgAEiheQu++XdETSUUmHJO2TtFvSDklbWBEEIBBN4K+kn5K+Sfos6b2kt5I2zexT9PSIAUUKyN33Sjoh6aSkgxH5eRQCEIgj8GHys/hq8rP42sy+xI0Kf3rUAnL3zm7OT4tna3hcnoAABDIR+DMtoqdm1lnSKJ9RCsjdd0q6KOmUpO2jfDMOgQAEhhD4JWld0mMz+zFkQMgz2QvI3Q9LuiHpQEgw/i0EIFCUwEdJd8zsXc4UWQvI3c9IuiRpW84vwWwIQCALgd+SHpnZiyzTpXzvgrn7BUnncgVnLgQgMBqBZ2b2JMdpWQzI3S9LOpsjMDMhAIEiBJ6b2cPUJycvIHc/LelK6qDMgwAEihN4YGYvU6ZIWkDufmzy/z23JPEr9pRbYhYE6iDQ/ar+ppm9SRUnWQG5+y5J9yTtSRWOORCAQHUEvkq6ZmbfUyRLWUBXp3/nkyIXMyAAgXoJrJvZ/RTxkhSQu3evU9zl3a0UK2EGBKon0L1bdt3Mutc4oj6pCui2pONRSXgYAhBoicCGma3FBo4uIHfviqcrID4QgMD/RWDNzDZivnKKAsJ+YjbAsxBol0C0BUUVEPbT7s0hOQQSEYiyoNgCwn4SbZExEGiUQJQFDS4g7KfR60JsCKQnMNiCYgoI+0m/SCZCoEUCgy1oUAFhPy3eETJDICuBQRY0tICwn6y7ZDgEmiMwyIKCCwj7ae5iEBgCYxEItqAhBYT9jLVOzoFAWwSCLSiogLCftm4DaSFQgECQBYUWEPZTYKMcCYGGCARZUO8Cwn4augJEhUBZAr0tKKSAsJ+yS+V0CLRCoLcF9Sog7KeVvZMTAtUQ6GVBfQsI+6lmrwSBQBMEelnQygLCfppYNiEhUCOBlRbUp4CwnxpXSyYI1E9gpQUtLSDsp/4NkxAClRNYakGrCgj7qXy7xINA5QSWWtDCAsJ+Kl8r8SDQDoGFFrSsgLCfdhZMUgjUTGChBc0tIOyn5l2SDQJNEphrQYsKCPtpcseEhkC1BOZa0EwBYT/VLpBgEGidwIwFzSsg7Kf1NZMfAnUSmLGgf1r82THWSDDhAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.maskMember .window .bg .type .titleAciiveTeam[data-v-b690ea46] {
  left: -28px;
  width: 288px;
  height: 50px;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-black1);
  line-height: 16px;
  text-align: center;
  line-height: 56px;
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAAwCAYAAACxIqevAAAAAXNSR0IArs4c6QAAByNJREFUeF7tnW9sE2Ucx393bdd2XR0wV+XPBAEx2EiIRCEo25iI+MJEog5nMEZQo8gL0YgQCAMCETGKiYhGEGMkTlCjiS9ExLENJRCDIZj6B0TB8UdXB8yta7v27sxDd+wobWl7d+1z5rs3W7LseX7P53f95Ps81/UE4uRLUUjgpBSUAQL/ewKCQAoPiyzKix6y4aH1qAEELiVQDCkVVEDpxLNq1UD6CQSQhPDCAAGzCPj9A8mnsTF1CiqkiAoioGTxqMJRZRMMklDbT/x0NwRk1sWHcUFgmDchnRYiqqxM/KxKKVlIhRCRqQLKJB4mnXH9sjkXJqGnLyGesTcQdYchIbxUQMBoAl43Kb8dTYxaVkLKYHdCQEe8pDAZFUNEpggok3j8QRJYylGlc80IEkLRAeFE+kVkNHyMBwIgQOQqGdh2eZyk/H2SFFVGLB0FCiwiwwWUSj5sq8XEE+ggkSUdVTqqbAbFNAKKI/3ghQICZhFw2QcEdN6R+JlJSSsjv49kVURmb8sMFVCyfOrrSVS3Wu1dJGrFo0onohFOVIJ8zLrwMC4IqASctgEJqUJiMtKKqKqcZHVrtmMHyVp6Rp4NGSYgrXzYIbM29QR7SawcSgJLPEw8qnSYcFZ/0HzdyFHjb3WXlU+ylzgmioJYJYhiBRG5iciGywYEQEA3AYmIwoosd8qy3B6PxQ6Fe7oOnjj+8/crHqn7UxUSk5EqouAZUipLSU6XhoySkCECSiWfwb+TqKaezm4StYln0Ws7rp0wdeaDbo/nIVG0T9CNFwOAAAjkRUCW44fDodBHh/ft+njDc/V/aRNRhZdkdkbE0tC50SSzQ2rtlswICekWUCb5lFWSqE09S979uurmW6qXOkpKGojInhcx/BEIgIAZBOKxvr6mH39oe2nd/LvatWmoJ0iyWRIyVEDszEdNPlr51M1d6W1YuHi50+1+nIicZtDDmCAAAoYQiEbD4S1NG9evad62slvdkmklpD0T0puCdAlIm36YfNidrgMnyaaVz9pPfpo0fMyNW0VRHGMIHgwCAiBgOgFZlo+dOvbrvGUP3HRQK6HJI0hid8iMklDeAkreerW0kFjZQaLHR6J65vPWt+efKS27ao0gCA7TiWECEAABQwkoihLr7fl3+dN3DHqTSYidCYU6SA76SK6tJdmI8yDdAlLveLGt15FOsnkrEgfO7+zvXe5yu5cYSgSDgQAIFJxAJBxe9+SU0jVMQt2dJI+rICn5UDrfrVheAkreemnPfVwhEjfv713ndLsXFpwUJgQBEDCFQCwafmP+baVLIx6SjTwP0iUgln6St15Ne84v8HjLXzGFAgYFARAoGoFQd9cLDdMHbUq3FcsnBeUsoEzpZ+P2P6p9VaO+ICKc+RTtMsHEIGAagVhH+/F7F865vs2oFJS3gJLTz6OLt11dM+vhg4Ig+ExbPgYGARAoKgFFUTpad3446f31c/9JdSCdawrKSUDp0o+9nGyffhd53eF0PlFUOpgcBEDAdAKxaHTz/be7no13kaS+QTHf2/J5CUibfqicbBuajk4cPnLsXvzvlum9xwQgwAMB6dSJX6Ytahh/iLpISr4tn0sKylpAmdLPZwdiX9ps9moeyKAGEAAB8wlIUrxt9mTHPXpTUM4CSk4/b39+unqIb+hO85eMGUAABHgicLbjzKyn7hvWpicFZSWgjOlnf2ynzW6fxhMY1AICIGA+ASke3zt7imOWnhSUk4CQfsxvKmYAASsR0JuCriggpB8rXQ6oFQQKS0BvCspaQEg/hW0sZgMBqxDQk4IyCgjpxyqXAOoEgeIR0JOCshIQ0k/xmouZQcAKBPJNQWkFhPRjhbajRhDgg0C+KeiKAkL64aPBqAIEeCeQTwpKKSCkH95bjfpAgD8C+aSgjAJC+uGvyagIBHgmkGsKukxASD88txe1gQDfBHJNQWkFhPTDd6NRHQjwSiCXFHSJgJB+eG0p6gIB6xDIJQWlFBDSj3WajUpBgEcC2aagiwJC+uGxjagJBKxJINsUdJmAkH6s2XBUDQK8EcgmBV0QENIPb61DPSBgfQLZpKBLBJT8pItXt5+uwacdWv9CwApAoFgEWAp6fs6w1nRP0LhMQNRCYqD/Ge9bd8e/Emw2fNZzsbqHeUHA4gQUSWqbN8N+NxOQ30cyaZ4pzz68Pq2A3tvXWeMpH7LL4utH+SAAAkUmEOo6O/OxqRWtWQkoECCBPet904H4bhvST5Fbh+lBwPoEJElqWzDZPuPcaJL9flIaG0lhq0qdgIho2YvhWrvL9Y31l44VgAAI8EAgHoncufZldwurJa2A2C/ZQfSKFXKzIAg1PBSOGkAABKxPQFGU1tWrxTpVPikTUGKZChPPHusvGSsAARDgjMB0IqFVreniFuyCdhTqf1Oi0kxEtZwVjnJAAASsT6CFSKhT0w/7/h+4Y2VtJc3CxQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
.maskMember .window .bg .type .titleTeam[data-v-b690ea46] {
  position: relative;
  left: -28px;
  width: 288px;
  height: 50px;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-black1);
  line-height: 16px;
  text-align: center;
  line-height: 56px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASAAAAAwCAYAAACxIqevAAAAAXNSR0IArs4c6QAAA61JREFUeF7tm02rTlEYhu/HR0yIgZQhYcJvkKnCVJgoKWbK6GQoI2VGKZkgQ1FnKr/hmDhiqGRATMjH4931zt6vvfZaa6+1cr1j+1n3ez3r3F05Z5v4QAACEChEwAqdy7EQgAAERAFxCSAAgWIEKKBi6DkYAhCggLgDEIBAMQIUUDH0HAwBCFBA3AEIQKAYAQqoGHoOhgAEiheQu++XdETSUUmHJO2TtFvSDklbWBEEIBBN4K+kn5K+Sfos6b2kt5I2zexT9PSIAUUKyN33Sjoh6aSkgxH5eRQCEIgj8GHys/hq8rP42sy+xI0Kf3rUAnL3zm7OT4tna3hcnoAABDIR+DMtoqdm1lnSKJ9RCsjdd0q6KOmUpO2jfDMOgQAEhhD4JWld0mMz+zFkQMgz2QvI3Q9LuiHpQEgw/i0EIFCUwEdJd8zsXc4UWQvI3c9IuiRpW84vwWwIQCALgd+SHpnZiyzTpXzvgrn7BUnncgVnLgQgMBqBZ2b2JMdpWQzI3S9LOpsjMDMhAIEiBJ6b2cPUJycvIHc/LelK6qDMgwAEihN4YGYvU6ZIWkDufmzy/z23JPEr9pRbYhYE6iDQ/ar+ppm9SRUnWQG5+y5J9yTtSRWOORCAQHUEvkq6ZmbfUyRLWUBXp3/nkyIXMyAAgXoJrJvZ/RTxkhSQu3evU9zl3a0UK2EGBKon0L1bdt3Mutc4oj6pCui2pONRSXgYAhBoicCGma3FBo4uIHfviqcrID4QgMD/RWDNzDZivnKKAsJ+YjbAsxBol0C0BUUVEPbT7s0hOQQSEYiyoNgCwn4SbZExEGiUQJQFDS4g7KfR60JsCKQnMNiCYgoI+0m/SCZCoEUCgy1oUAFhPy3eETJDICuBQRY0tICwn6y7ZDgEmiMwyIKCCwj7ae5iEBgCYxEItqAhBYT9jLVOzoFAWwSCLSiogLCftm4DaSFQgECQBYUWEPZTYKMcCYGGCARZUO8Cwn4augJEhUBZAr0tKKSAsJ+yS+V0CLRCoLcF9Sog7KeVvZMTAtUQ6GVBfQsI+6lmrwSBQBMEelnQygLCfppYNiEhUCOBlRbUp4CwnxpXSyYI1E9gpQUtLSDsp/4NkxAClRNYakGrCgj7qXy7xINA5QSWWtDCAsJ+Kl8r8SDQDoGFFrSsgLCfdhZMUgjUTGChBc0tIOyn5l2SDQJNEphrQYsKCPtpcseEhkC1BOZa0EwBYT/VLpBgEGidwIwFzSsg7Kf1NZMfAnUSmLGgf1r82THWSDDhAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.maskMember .window .messageBox[data-v-b690ea46] {
  cursor: default;
  background: var(--theme-bg-white1);
  position: relative;
  overflow: hidden;
  height: 492px;
}
.maskMember .window .messageBox .dropDown[data-v-b690ea46] {
  position: absolute;
  top: -100%;
  transition: top 0.5s ease;
  background: var(--theme-bg-white1);
}
.maskMember .window .messageBox .dropDown.show[data-v-b690ea46] {
  top: 0px;
}
.maskMember .window .icon[data-v-b690ea46] {
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}
.maskMember .window .member[data-v-b690ea46] {
  position: absolute;
  right: 146px;
  top: 17px;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  color: var(--black);
  line-height: 16px;
}
.maskMember .window .member img[data-v-b690ea46] {
  width: 14px;
  height: 14px;
  top: 2px;
  left: -16px;
}
.maskMember .window .question[data-v-b690ea46] {
  position: absolute;
  right: 60px;
  top: 17px;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-black1);
  line-height: 16px;
}
.maskMember .window .question img[data-v-b690ea46] {
  width: 12px;
  height: 12px;
  top: 2px;
  left: -16px;
}
.user-info[data-v-b690ea46] {
  display: flex;
  padding: 20px 30px 0px 20px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}
.user-info .avatar[data-v-b690ea46] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.user-info .user-info-text[data-v-b690ea46] {
  margin-top: 2px;
  margin-left: 10px;
}
.user-info .user-info-text .user-info-nickname[data-v-b690ea46] {
  display: flex;
  gap: 10px;
}
.user-info .user-info-text .user-info-nickname img[data-v-b690ea46] {
  width: 16px;
  height: 16px;
}
.user-info .user-info-text .user-info-nickname span[data-v-b690ea46] {
  font-weight: 500;
  font-size: 14px;
  color: #1c1c1c;
}
.user-info .user-info-text .user-info-detail[data-v-b690ea46] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  margin-top: 4px;
  cursor: pointer;
}
.user-info .user-info-pro[data-v-b690ea46] {
  margin-top: 2px;
  margin-left: 10px;
}
.user-info .user-info-pro .user-info-nickname[data-v-b690ea46] {
  display: flex;
  gap: 10px;
}
.user-info .user-info-pro .user-info-nickname img[data-v-b690ea46] {
  width: 16px;
  height: 16px;
}
.user-info .user-info-pro .user-info-nickname span[data-v-b690ea46] {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
}
.user-info .user-info-pro .user-info-detail[data-v-b690ea46] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  margin-top: 4px;
  cursor: pointer;
}
.permission[data-v-b690ea46] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.commonImg[data-v-b690ea46] {
  width: 105px;
  height: 105px;
  margin: auto;
  margin-top: 12px;
}
.commonName[data-v-b690ea46] {
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-black1);
  line-height: 16px;
  margin-top: 8px;
  margin-bottom: 12px;
  text-align: center;
}

/* 公共固定弹窗样式 */
.dialog[data-v-6dddcce2] {
  /* 弹窗标题样式 */
  /* 确认按钮样式：绿色主题 */
}
.dialog[data-v-6dddcce2] .el-dialog {
  padding: 28px 40px;
  border-radius: 12px;
}
.dialog[data-v-6dddcce2] .el-dialog__title {
  font-size: 16px;
  font-weight: 600;
}
.dialog .dialog-footer[data-v-6dddcce2] {
  text-align: center;
  padding-top: 10px;
}
.dialog .dialog-footer .tip[data-v-6dddcce2] {
  margin-top: 20px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(34, 40, 45, 0.7);
}
.dialog .dialog-footer .tip span[data-v-6dddcce2] {
  color: #00be8c;
  margin-left: 10px;
  cursor: pointer;
}
.dialog[data-v-6dddcce2] .el-button {
  background: #00be8c;
  width: 128px !important;
  height: 40px !important;
  color: #fff;
  font-size: 18px;
  /* 禁用状态样式 */
}
.dialog[data-v-6dddcce2] .el-button:disabled {
  background: rgba(0, 190, 140, 0.5);
  color: rgba(255, 255, 255, 0.5);
}
.dialog h4[data-v-6dddcce2] {
  text-align: center;
  font-size: 18px !important;
}
.dialog h6[data-v-6dddcce2] {
  text-align: center;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--theme-content-gray6);
}

.opened-bean[data-v-8f306310] {
  display: flex;
  position: relative;
}
.buy-bean-wrap[data-v-8f306310] {
  display: flex;
  flex-direction: column;
  padding: 32px 0px 0px 30px;
  width: 620px;
}
.buy-bean .buy-title[data-v-8f306310] {
  font-weight: 600;
  font-size: 16px;
  color: #1c1c1c;
  margin-bottom: 10px;
}
.buy-bean .price-list .priceModelWrap[data-v-8f306310] {
  display: flex;
  align-items: center;
}
.buy-bean .price-list .priceModel[data-v-8f306310] {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.buy-bean .price-list .priceModel[data-v-8f306310]::-webkit-scrollbar {
  display: none;
}
.buy-bean .price-list .arrow[data-v-8f306310] {
  position: absolute;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.buy-bean .price-list .arrow img[data-v-8f306310] {
  width: 32px;
  height: 58px;
}
.buy-bean .price-list .arrow.left[data-v-8f306310] {
  left: 8px;
  top: 33%;
  transform: translateY(-50%);
}
.buy-bean .price-list .arrow.right[data-v-8f306310] {
  right: 30%;
  top: 33%;
  transform: translateY(-50%);
}
.buy-bean .price-list .priceBox[data-v-8f306310] {
  width: 160px;
  height: 160px;
  border-radius: 8px;
  border: 1px solid #e6e6e6;
  margin-top: 8px;
  flex: 0 0 auto;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.buy-bean .price-list .priceBox .ruleTips[data-v-8f306310] {
  width: 72px;
  height: 22px;
  background: linear-gradient(90deg, #ffe064 0%, #fa7300 100%);
  border-radius: 8px 0px 8px 0px;
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -1px;
  top: -1px;
}
.buy-bean .price-list .priceBox .badge[data-v-8f306310] {
  position: absolute;
  top: -10px;
  left: 6px;
  background: linear-gradient(90deg, #ff9664 0%, #ec2a4f 100%);
  color: #fff;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 6px;
}
.buy-bean .price-list .priceBox .title[data-v-8f306310] {
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-black1);
  margin-top: 24px;
  text-align: center;
}
.buy-bean .price-list .priceBox .payAmount[data-v-8f306310] {
  font-weight: 500;
  font-size: 26px;
  color: var(--theme-content-black1);
  margin-top: 6px;
}
.buy-bean .price-list .priceBox .payAmount span[data-v-8f306310] {
  font-size: 14px;
}
.buy-bean .price-list .priceBox .Amount[data-v-8f306310] {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  text-decoration: line-through;
  margin-top: 6px;
}
.buy-bean .price-list .priceBox .dayAmount[data-v-8f306310] {
  width: 156px;
  height: 32px;
  background: #f6f6f6;
  border-radius: 6px;
  margin: auto;
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-gray6);
  text-align: center;
  line-height: 32px;
}
.buy-bean .price-list .priceBox[data-v-8f306310]:hover {
  box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.4);
}
.rights-bean[data-v-8f306310] {
  padding-top: 32px;
}
.rights-bean .rights-title[data-v-8f306310] {
  font-weight: 600;
  font-size: 16px;
  color: #1c1c1c;
}
.rights-bean .rights-content[data-v-8f306310] {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 47px;
}
.rights-bean .rights-item[data-v-8f306310] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rights-bean .rights-item .icon[data-v-8f306310] {
  width: 44px;
  height: 44px;
}
.rights-bean .rights-item .icon img[data-v-8f306310] {
  width: 100%;
  height: 100%;
}
.rights-bean .rights-item .text[data-v-8f306310] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rights-bean .rights-item .text .item-title[data-v-8f306310] {
  font-weight: 500;
  font-size: 14px;
  color: #1c1c1c;
}
.rights-bean .rights-item .text .item-text[data-v-8f306310] {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
}
.price-bean[data-v-8f306310] {
  width: 280px;
  height: 452px;
  background: #f6f7f8;
  border-radius: 0px 0px 24px 0px;
}
.price-bean .price-bean-text[data-v-8f306310] {
  padding: 28px 0px;
  text-align: center;
}
.price-bean .price-bean-text span[data-v-8f306310]:first-child {
  font-weight: 500;
  font-size: 20px;
  color: #e63232;
}
.price-bean .price-bean-text span[data-v-8f306310]:last-child {
  font-weight: 500;
  font-size: 40px;
  color: #e63232;
}
.price-bean .imgBox[data-v-8f306310] {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  box-sizing: border-box;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAAXNSR0IArs4c6QAABAlJREFUeF7tmTEuZWEARu9bgVpYgHoUGpah0VGYTmMbFHQUdBrL0FCozQIGtRW8yTMhM5nKjXMTc85NbiFxv/995zvdP7vd/DYfRj5L2zvD4u35/wi8XF8Ni3fsMxsr1sru/rC6933suX33BQj8vDgbHi/PR/3Sd7E2bu5HBfRRBP4kcLe1/vpnYuXFpxJIrE/FWdgbgcTKBYRAYiFYC02sHEAIJBaCtdDEygGEQGIhWAtNrBxACCQWgrXQxMoBhMBfYnWhjDBWhr5dXM8eTo7maweHSgiVZgj8OD0eZk9PT/Pl5WXmhFKVBJ6fnxNLuTxcOrFgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9EwsGbI1PLOvycO/EggFb4xPLujzcO7FgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9EwsGbI1PLOvycO/EggFb4xPLujzcO7FgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9EwsGbI1PLOvycO/EggFb4xPLujzcO7FgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9EwsGbI1PLOvycO/EggFb4xPLujzcO7FgwNb4xLIuD/dOLBiwNT6xrMvDvRMLBmyNTyzr8nDvxIIBW+MTy7o83DuxYMDW+MSyLg/3TiwYsDU+sazLw70TCwZsjU8s6/Jw78SCAVvjE8u6PNw7sWDA1vjEsi4P904sGLA1PrGsy8O9X8V6ODmarx0cwkcVbyLw4/R4mN1ufpuv7O4Pq3vfTd3rChH4eXE2PF6e/xZrccbGzT10VLEmAndb6691E8u0+gRdE2sCyMYjEsu4+gSdE2sCyMYjEsu4+gSdE2sCyMYjEsu4+gSdE2sCyMYjEsu4+gSdE2sCyMYjEsu4+gSd/xHro2d2cf1RYl/v/98ulMf88ve7wjEfL23vDIu35/8j8HJ9NSzesc8vXZHQdpttlfIAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden;
}
.price-bean .imgBox .loadingBox[data-v-8f306310] {
  width: 160px;
  height: 160px;
  margin: 10px auto;
  background-image: url(/img/price_paycode.25e2d758.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  backdrop-filter: blur(2px);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.price-bean .imgBox .qrImg[data-v-8f306310] {
  width: 160px;
  height: 160px;
  margin: 10px 10px;
}
.price-bean .imgBox .activing[data-v-8f306310] {
  filter: blur(5px);
}
.price-bean .imgBox .iconSize[data-v-8f306310] {
  font-size: 70px;
  position: absolute;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  cursor: pointer;
}
.price-bean .imgBox .text[data-v-8f306310] {
  font-weight: 400;
  font-size: 12px;
  color: #1c1c1c;
  margin-bottom: 8px;
}
.price-bean .imgBox .content[data-v-8f306310] {
  font-weight: 400;
  font-size: 12px;
  color: #3c80ff;
  text-align: center;
  cursor: pointer;
}
.price-bean .imgBox .content[data-v-8f306310]:hover {
  color: #e63232;
}
.price-bean .imgBox .btn[data-v-8f306310] {
  margin-top: 20px;
  width: 76px !important;
  height: 24px !important;
  background: #c83c32;
  border-radius: 4px;
  border: 0px;
  font-weight: 500;
  font-size: 12px;
  color: var(--theme-bg-white1);
}
.price-bean .imgBox .btn[data-v-8f306310]:hover {
  background: #bd382f;
  border: 0px;
}
.price-bean .sweep[data-v-8f306310] {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.price-bean .sweep img[data-v-8f306310] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.price-bean .transfer[data-v-8f306310] {
  margin: 66px auto;
  width: 220px;
  height: 36px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.price-bean .transfer span[data-v-8f306310] {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.price-bean .transfer[data-v-8f306310]:hover {
  border: 1px solid #d8d8d8;
}
.price-bean .transfer:hover span[data-v-8f306310] {
  color: #1c1c1c;
}

.bean-success[data-v-fb33075e] {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a80;
  z-index: 1010;
}
.bean-success .bean-success-content[data-v-fb33075e] {
  width: 600px;
  height: 400px;
  background: #ffffff;
  border-radius: 24px;
  position: relative;
}
.bean-success .bean-success-content .close[data-v-fb33075e] {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.bean-success .bean-success-content .success-icon[data-v-fb33075e] {
  width: 164px;
  height: 150px;
  margin: 35px auto;
}
.bean-success .bean-success-content .success-icon img[data-v-fb33075e] {
  width: 100%;
  height: 100%;
}
.bean-success .bean-success-content .title[data-v-fb33075e] {
  font-weight: 600;
  font-size: 24px;
  color: #1c1c1c;
  text-align: center;
  margin-bottom: 12px;
}
.bean-success .bean-success-content .content[data-v-fb33075e] {
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  text-align: center;
  margin-bottom: 40px;
}
.bean-success .bean-success-content .content span[data-v-fb33075e]:nth-child(2) {
  color: #00be8c;
  font-weight: 600;
  font-size: 16px;
}
.bean-success .bean-success-content .footer[data-v-fb33075e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.bean-success .bean-success-content .footer .btn-back[data-v-fb33075e] {
  width: 160px;
  height: 48px;
  background: rgba(34, 40, 45, 0.06);
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #1c1c1c;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.bean-success .bean-success-content .footer .btn-use[data-v-fb33075e] {
  width: 160px;
  height: 48px;
  background: #00be8c;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* 设置弹窗的圆角边框 */
[data-v-92d7b00e] .el-dialog {
  border-radius: 24px !important;
}
.dig-title[data-v-92d7b00e] {
  display: flex;
  align-items: center;
}
.dig-title span[data-v-92d7b00e] {
  font-weight: 500;
  font-size: 24px;
  color: #1c1c1c;
}
.btn[data-v-92d7b00e] {
  width: 160px;
  height: 40px;
  background: #00be8c;
  border-radius: 8px;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bean-details-content[data-v-92d7b00e] {
  width: 600px;
  height: 88px;
  background: #f6f7f8;
  border-radius: 8px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 12px 20px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04);
}
.bean-details-content .item[data-v-92d7b00e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.bean-details-content .available .available-title[data-v-92d7b00e] {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  margin-bottom: 6px;
}
.bean-details-content .available .available-num[data-v-92d7b00e] {
  font-weight: 500;
  font-size: 24px;
  color: #1c1c1c;
}
.bean-details-content .center-title[data-v-92d7b00e] {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  display: flex;
  align-items: center;
  gap: 6px;
}
.bean-details-content .center-num[data-v-92d7b00e] {
  font-weight: 500;
  font-size: 24px;
  color: #1c1c1c;
  margin-top: 6px;
}
.bean-details-content .divider[data-v-92d7b00e] {
  width: 2px;
  height: 48px;
  background: rgba(0, 50, 20, 0.1);
  margin: 0 20px;
}
.records-wrap[data-v-92d7b00e] {
  width: 600px;
  margin: 30px auto 0;
  position: relative;
}
.tabs[data-v-92d7b00e] {
  display: flex;
  gap: 32px;
}
.tab[data-v-92d7b00e] {
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  cursor: pointer;
}
.tab.active[data-v-92d7b00e] {
  color: #00be8c;
  border-bottom: 2px solid #00be8c;
}
.records-list[data-v-92d7b00e] {
  max-height: 280px;
  overflow-y: auto;
  margin-top: 12px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.records-list[data-v-92d7b00e]::-webkit-scrollbar {
  display: none;
}
.no-records[data-v-92d7b00e] {
  text-align: center;
  padding: 40px 0;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}
.record-item[data-v-92d7b00e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #f3f3f3;
}
.record-left[data-v-92d7b00e] {
  display: flex;
  flex-direction: column;
}
.record-title[data-v-92d7b00e] {
  font-size: 16px;
  color: #1c1c1c;
}
.record-date[data-v-92d7b00e] {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  margin-top: 6px;
}
.record-right[data-v-92d7b00e] {
  text-align: right;
}
.record-amount[data-v-92d7b00e] {
  font-size: 16px;
  font-weight: 500;
}
.record-amount.positive[data-v-92d7b00e] {
  color: #e63232;
}
.record-amount.negative[data-v-92d7b00e] {
  color: #1c1c1c;
}
.record-sub[data-v-92d7b00e] {
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  margin-top: 6px;
}
.rule[data-v-92d7b00e] {
  width: 100%;
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  cursor: pointer;
}
.rule span[data-v-92d7b00e]:first-child {
  font-weight: 400;
  font-size: 14px;
  color: #1c1c1c;
  padding-left: 10px;
}
.rule span[data-v-92d7b00e]:last-child {
  font-weight: 500;
  font-size: 14px;
  color: #3c80ff;
}
.detail-row[data-v-92d7b00e] {
  padding: 5px;
  display: flex;
  gap: 34px;
  font-weight: 400;
  font-size: 12px;
  color: #1c1c1c;
}

.pay-bean[data-v-566e16ab] {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a80;
  z-index: 1010;
}
.pay-bean .pay-bean-content[data-v-566e16ab] {
  position: relative;
  min-width: 900px;
  height: 540px;
  background: var(--theme-bg-white1);
  border-radius: 24px;
  overflow: hidden;
  margin: auto auto;
}
.pay-bean .pay-bean-content .pay-bean-header[data-v-566e16ab] {
  width: 100%;
  height: 88px;
  background: url(/img/title_td.c84ed9a7.png) no-repeat center center;
  background-size: 100% 100%;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info[data-v-566e16ab] {
  display: flex;
  padding: 20px 30px 0px 20px;
  box-sizing: border-box;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .avatar[data-v-566e16ab] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text[data-v-566e16ab] {
  margin-top: 2px;
  margin-left: 10px;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-nickname[data-v-566e16ab] {
  display: flex;
  gap: 10px;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-nickname img[data-v-566e16ab] {
  width: 16px;
  height: 16px;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-nickname span[data-v-566e16ab] {
  font-weight: 500;
  font-size: 14px;
  color: #1c1c1c;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-detail[data-v-566e16ab] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  margin-top: 4px;
  cursor: pointer;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-detail[data-v-566e16ab]:hover {
  color: #1c1c1c;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-detail:hover img[data-v-566e16ab]:first-child {
  display: none;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-detail:hover img[data-v-566e16ab]:last-child {
  display: inline;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-detail img[data-v-566e16ab] {
  width: 6px;
  height: 8px;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-detail img[data-v-566e16ab]:last-child {
  display: none;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .user-info-text .user-info-detail .detail-link[data-v-566e16ab] {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .question[data-v-566e16ab] {
  position: absolute;
  right: 60px;
  top: 17px;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-black1);
  display: flex;
  align-items: center;
  gap: 4px;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .question img[data-v-566e16ab] {
  width: 14px;
  height: 14px;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .close[data-v-566e16ab] {
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}
.pay-bean .pay-bean-content .pay-bean-header .user-info .close img[data-v-566e16ab] {
  width: 20px;
  height: 20px;
}
.permission[data-v-566e16ab] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.commonImg[data-v-566e16ab] {
  width: 105px;
  height: 105px;
  margin: auto;
  margin-top: 12px;
}
.commonName[data-v-566e16ab] {
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-black1);
  line-height: 16px;
  margin-top: 8px;
  margin-bottom: 12px;
  text-align: center;
}


.btnClose[data-v-45f36aa4] {
    float: right;
}

.public-dropdown[data-v-7f27060e] {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 1000;
}
.public-dropdown.show[data-v-7f27060e] {
  opacity: 1;
  visibility: visible;
}
.dropdown-menu[data-v-7f27060e] {
  background: var(--theme-bg-white1);
  box-shadow: 0px 0px 8px 0px var(--theme-content-gray8);
  border-radius: 4px;
  border: 1px solid var(--theme-content-gray1);
  padding: 4px 0;
}
.dropdown-item[data-v-7f27060e] {
  display: flex;
  padding: 12px;
  cursor: pointer;
  white-space: nowrap;
}
.dropdown-item[data-v-7f27060e]:hover {
  background: var(--theme-bg-white2);
}
.dropdown-item:hover .item-icon[data-v-7f27060e] {
  filter: brightness(0) contrast(100%);
}
.dropdown-item .item-label[data-v-7f27060e] {
  margin-left: 8px;
}

.project-particulars[data-v-2b8a53b1] .el-input__wrapper {
  border-radius: 6px;
}
.project-particulars[data-v-2b8a53b1] .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--theme-content-black1) !important;
}
.project-particulars[data-v-2b8a53b1] .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--theme-content-black1);
}
.project-particulars[data-v-2b8a53b1] .el-select__wrapper {
  border-radius: 6px;
}
.project-particulars[data-v-2b8a53b1] .el-select__wrapper:hover {
  box-shadow: 0 0 0 1px var(--theme-content-black1) !important;
}
.project-particulars[data-v-2b8a53b1] .el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--theme-content-black1);
}

.header-tool[data-v-6f6db95c] {
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 150px;
}
.header-tool .tool-item[data-v-6f6db95c] {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 50px;
  height: 48px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.header-tool .tool-item .tool-item-content[data-v-6f6db95c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-tool .tool-item .tool-item-content .title-icon[data-v-6f6db95c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-tool .tool-item .tool-item-content .tool-item-icon[data-v-6f6db95c] {
  width: 18px;
  height: 18px;
  margin-bottom: 5px;
  filter: brightness(0.7);
  transition: filter 0.2s ease;
}
.header-tool .tool-item .tool-item-content .tool-icon-wrap[data-v-6f6db95c] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.header-tool .tool-item .tool-item-content .tool-badge[data-v-6f6db95c] {
  position: absolute;
  top: -5px;
  right: -13px;
  width: 8px;
  height: 8px;
  width: 20px;
  height: 12px;
}
.header-tool .tool-item .tool-item-content span[data-v-6f6db95c] {
  font-size: 11px;
  line-height: 1;
  color: #666;
  transition: color 0.2s ease;
}
.header-tool .tool-item .tool-item-content .dropdown-arrow[data-v-6f6db95c] {
  margin-left: 5px;
}
.header-tool .tool-item .tool-item-content .dropdown-arrow img[data-v-6f6db95c] {
  transition: transform 0.2s ease;
}
.header-tool .tool-item[data-v-6f6db95c]:hover {
  background: var(--theme-bg-white3);
}
.header-tool .tool-item:hover .tool-item-content .tool-item-icon[data-v-6f6db95c] {
  transform: scale(1.1);
  /* 放大 */
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
  /* 添加阴影 */
}
.header-tool .tool-item:hover .tool-item-content span[data-v-6f6db95c] {
  color: var(--theme-content-black1);
}
.header-tool .tool-item:hover .tool-item-content .dropdown-arrow img[data-v-6f6db95c] {
  filter: brightness(0);
  transform: rotate(180deg);
}
.header-tool .tool-item[data-v-6f6db95c]:hover .public-dropdown {
  opacity: 1;
  visibility: visible;
}
.header-tool .line[data-v-6f6db95c] {
  width: 1px;
  height: 34px;
  background: var(--theme-content-gray2);
  margin: 16px;
}

.logo[data-v-36f1aedf] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-wrapper[data-v-36f1aedf] {
  background-color: #e8ebed;
  border-radius: 2px;
  height: 17px;
  width: 27px;
  margin-top: 5px;
}
.text-wrapper .text_2[data-v-36f1aedf] {
  color: #22282d;
  font-size: 12px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recover-history .history-popup-content[data-v-3af689b1] {
  padding: 20px;
}
.recover-history .history-popup-content .tabTitle[data-v-3af689b1] {
  margin-bottom: 20px;
}
.recover-history .history-popup-content .tabTitle[data-v-3af689b1] .el-radio-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.recover-history .history-popup-content .tabTitle[data-v-3af689b1] .el-radio-button.is-active .el-radio-button__inner {
  color: var(--theme-bg-white1) !important;
  box-shadow: var(--theme-content-gray6);
  --el-radio-button-checked-bg-color: var(--theme-content-gray6);
  --el-radio-button-checked-text-color: var(--theme-bg-white1);
  --el-radio-button-checked-border: var(--theme-content-gray6);
}
.recover-history .history-popup-content .tabTitle[data-v-3af689b1] .el-radio-button__inner {
  width: 56px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  --el-button-bg-color: var(--theme-content-gray1);
}
.recover-history .history-popup-content .tabTitle[data-v-3af689b1] .el-radio-button__inner:hover {
  color: var(--theme-content-black1);
}
.recover-history .history-popup-content .tabTitle[data-v-3af689b1] .el-radio-button.el-radio-button--small {
  margin: 0 1px;
}
.recover-history .history-popup-content .version-list[data-v-3af689b1] {
  height: 320px;
  overflow-y: auto;
}
.recover-history .history-popup-content .version-list .version-radio-group[data-v-3af689b1] {
  width: 100%;
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item[data-v-3af689b1] {
  width: 350px;
  height: 36px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  margin-bottom: 10px;
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] {
  width: 100%;
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] .el-radio__input .el-radio__inner {
  border-color: var(--theme-content-gray1);
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] .el-radio__input .el-radio__inner:hover {
  border-color: var(--theme-brand-green3);
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] .el-radio__input.is-checked .el-radio__inner {
  border-color: var(--theme-brand-green3);
  background: var(--theme-brand-green3);
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] .el-radio__input.is-checked .el-radio__inner::after {
  background: var(--theme-bg-white1);
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio.is-checked[data-v-3af689b1] .el-radio__label .row span {
  color: var(--theme-content-black1) !important;
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] .el-radio__label {
  width: 100%;
  padding-left: 8px;
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] .el-radio__label .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] .el-radio__label .row span {
  font-size: 14px;
  color: var(--theme-content-gray5);
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] .el-radio__label .row span:first-child {
  color: var(--theme-content-gray6);
}
.recover-history .history-popup-content .version-list .version-radio-group .version-item .version-radio[data-v-3af689b1] .el-radio__label .row span:last-child {
  color: var(--theme-content-gray6);
  margin-right: 10px;
}
.recover-history .history-popup-content .version-list .none-content[data-v-3af689b1] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recover-history .history-popup-content .version-list .unlock-section[data-v-3af689b1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.recover-history .history-popup-content .version-list .unlock-section .unlock-text[data-v-3af689b1] {
  font-weight: 600;
  font-size: 14px;
  color: var(--theme-content-black1);
}
.recover-history .history-popup-content .version-list .unlock-section .upgrade-button[data-v-3af689b1] {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.recover-history .history-popup-content .version-list .unlock-section .upgrade-button[data-v-3af689b1]:hover {
  opacity: 0.8;
}
.recover-history .history-popup-content .version-list .unlock-section .upgrade-button .upgrade-icon[data-v-3af689b1] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 10px;
  font-weight: bold;
}
.recover-history .history-popup-content .version-list .unlock-section .upgrade-button .upgrade-text[data-v-3af689b1] {
  color: var(--theme-content-gray6);
  font-size: 14px;
  font-weight: 500;
}
.recover-history .history-popup-content .version-list .section-title[data-v-3af689b1] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  position: relative;
}
.recover-history .history-popup-content .version-list .section-title[data-v-3af689b1]::before,
.recover-history .history-popup-content .version-list .section-title[data-v-3af689b1]::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--theme-content-gray3);
}
.recover-history .history-popup-content .version-list .section-title[data-v-3af689b1]::before {
  margin-right: 16px;
}
.recover-history .history-popup-content .version-list .section-title[data-v-3af689b1]::after {
  margin-left: 16px;
}
.recover-history .history-popup-content .version-list .section-title span[data-v-3af689b1] {
  font-size: 14px;
  color: var(--theme-content-gray6);
  white-space: nowrap;
}

/* 左侧头部区域样式 */
.left[data-v-f1f42282] {
  display: flex;
  align-items: center;
  justify-content: center;
  /* 文件操作区域样式 */
}
.left .file[data-v-f1f42282] {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 28px;
  min-width: 0;
  flex-shrink: 1;
  /* 文件菜单按钮样式 */
  /* 文件菜单按钮激活和悬停状态 */
  /* 下拉箭头样式 */
  /* 文件名显示区域样式 */
  /* 重命名输入框样式 */
  /* 文件名操作箭头样式 */
  /* 文件名操作箭头悬停状态 */
}
.left .file .file-menu-btn[data-v-f1f42282] {
  width: 64px;
  height: 40px;
  display: flex;
  align-content: center;
  justify-content: center;
  line-height: 40px;
  cursor: pointer;
  border-radius: 4px;
}
.left .file .file-menu-btn.active[data-v-f1f42282],
.left .file .file-menu-btn[data-v-f1f42282]:hover {
  background: var(--theme-bg-white3);
}
.left .file .arrow[data-v-f1f42282] {
  margin-left: 5px;
}
.left .file .file-name-block[data-v-f1f42282] {
  margin-left: 12px;
  position: relative;
  display: flex;
  align-items: center;
  width: 130px;
  max-width: 130px;
  min-width: 0;
  flex-shrink: 1;
  height: 36px;
}
.left .file .file-name[data-v-f1f42282] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  flex: 1;
  min-width: 0;
}
.left .file .file-rename-input[data-v-f1f42282] {
  width: 114px;
  height: 40px;
  background: var(--theme-bg-white3);
  border: none;
  border-radius: 4px;
  line-height: 32px;
  padding: 0 8px;
  outline: none;
  color: var(--theme-content-black1);
  z-index: 10;
  /* 输入框占位符样式 */
}
.left .file .file-rename-input[data-v-f1f42282]::-moz-placeholder {
  color: var(--theme-content-black1);
  opacity: 0.7;
}
.left .file .file-rename-input[data-v-f1f42282]::placeholder {
  color: var(--theme-content-black1);
  opacity: 0.7;
}
.left .file .file-name-arrow[data-v-f1f42282] {
  margin-left: 5px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: transparent;
  text-align: center;
  line-height: 24px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left .file .file-name-arrow-hover[data-v-f1f42282] {
  background: var(--theme-bg-white3) !important;
}

/**
 * 引导系统全局样式
 * 
 * 包含：
 * - 渐变装饰
 * - 动画效果
 * - 通用工具类
 */
.guide-gradient-header {
  background: linear-gradient(135deg, #f7efd9 0%, #d8f6ee 100%);
}
.guide-gradient-accent {
  background: radial-gradient(closest-side, #38c694, #a8f1dd 70%, transparent 71%);
  border-radius: 50%;
  opacity: 0.6;
}
@keyframes guide-fade-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.guide-fade-in {
  animation: guide-fade-in 0.3s ease-out;
}
body.guide-locked {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
body.guide-locked .shepherd-enabled,
body.guide-locked .shepherd-enabled *,
body.guide-locked .guide-modal,
body.guide-locked .guide-modal *,
body.guide-locked .guide-panel,
body.guide-locked .guide-panel *,
body.guide-locked .guide-highlight-target,
body.guide-locked .guide-highlight-target * {
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
.shepherd-only-highlight.shepherd-step,
.shepherd-only-highlight.shepherd-element,
.shepherd-only-highlight .shepherd-content {
  display: none !important;
}
.shepherd-element {
  z-index: 10001;
  /* 气泡在遮罩和引线之上 */
}
.shepherd-content {
  border-radius: 12px;
  position: relative;
  z-index: 10002;
  /* 气泡内容更高优先级 */
}
.shepherd-button {
  position: relative;
  z-index: 10003;
  /* 按钮最高优先级，确保"我可以"按钮可点击 */
  width: 76px;
  height: 24px;
  background: #00be8c;
  border-radius: 4px;
  padding: 0;
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
}
.shepherd-button:hover {
  background: #00a078 !important;
  color: #ffffff !important;
}
.guide-popover-dark .shepherd-content {
  width: 260px;
  height: 88px;
  background: linear-gradient(90deg, #30394b 0%, #192337 100%);
  box-shadow: 0px 2px 6px 0px rgba(0, 190, 140, 0.5);
  border-radius: 8px;
}
.guide-popover-dark .shepherd-content .shepherd-header {
  background: linear-gradient(90deg, #30394b 0%, #192337 100%);
  padding: 10px 0px 0px 12px;
  line-height: 25px !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.guide-popover-dark .shepherd-content .shepherd-header .shepherd-title {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
}
.guide-popover-dark .shepherd-content .shepherd-text {
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  padding: 4px 0px 4px 12px;
}
.guide-popover-dark .shepherd-arrow:before {
  background: #1f3447;
}
.guide-popover-dark .shepherd-arrow {
  display: none;
}
.guide-highlight-target {
  position: relative;
  z-index: 9999;
  /* 高亮目标元素在遮罩之上、气泡之下 */
}
.guide-highlight-target::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 2px dashed #00be8c;
  border-radius: 12px;
  pointer-events: none;
  z-index: 10000;
  /* 高亮边框优先级高于引线和标点 */
  animation: guide-pulse 2s ease-in-out infinite;
}
.guide-arrow-indicator {
  position: fixed;
  z-index: 10002;
  /* 箭头在遮罩和高亮之上，但不高于气泡按钮 */
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.guide-arrow-indicator img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  animation: guide-arrow-shake 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes guide-arrow-shake {
  0%,
  100% {
    transform: translateX(-10px) translateZ(0);
  }
  50% {
    transform: translateX(10px) translateZ(0);
  }
}
@keyframes guide-arrow-shake-vertical {
  0%,
  100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-10px);
  }
  75% {
    transform: translateY(10px);
  }
}
@keyframes guide-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.02);
  }
}
.guide-connector-dot {
  z-index: 9999 !important;
  /* 绿色标点优先级高于引线，低于气泡 */
}
.guide-text-center {
  text-align: center;
}
.guide-flex {
  display: flex;
}
.guide-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}


.guide-modal-overlay[data-v-f3a1e9a0] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* 遮罩透明度由 maskOpacity 属性控制 */
    display: flex;
    align-items: center;
    justify-content: center;
    /* z-index 由 zIndex 属性控制，默认 10000 */
    /* 提示框以外地方不能点击 - 遮罩阻止所有点击 */
    pointer-events: auto;
}
.guide-modal[data-v-f3a1e9a0] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
    /* 宽度由传入的 width 控制 */
    max-height: 90vh;
    overflow: auto;
    /* 弹窗内容可以点击 */
    pointer-events: auto;
}

.identity-modal[data-v-5c25dda0] {
  border-radius: 14px;
  overflow: hidden;
  background-image: url(/img/pop_bg01.d3bb9a60.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 0;
}
.identity-header[data-v-5c25dda0] {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 20px;
}
.identity-title[data-v-5c25dda0] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.identity-body[data-v-5c25dda0] {
  display: flex;
  gap: 40px;
  padding: 28px 60px;
}
.identity-card[data-v-5c25dda0] {
  width: 230px;
  height: 360px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid rgba(0, 190, 140, 0.5);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform, box-shadow;
  transform-origin: center center;
  position: relative;
}
.identity-card[data-v-5c25dda0]:hover {
  box-shadow: 0px 0px 30px 0px rgba(200, 200, 200, 0.4);
  transform: translateY(-10px);
}
.identity-card[data-v-5c25dda0] * {
  pointer-events: none;
}
.identity-card .identity-footer-btn[data-v-5c25dda0] {
  pointer-events: auto;
}
.identity-figure[data-v-5c25dda0] {
  width: 184px;
  height: 184px;
}
.identity-figure img[data-v-5c25dda0] {
  width: 100%;
  height: 100%;
}
.identity-text[data-v-5c25dda0] {
  margin-top: 12px;
}
.card-title[data-v-5c25dda0] {
  font-weight: 600;
  font-size: 20px;
  color: #22282d;
}
.card-desc[data-v-5c25dda0] {
  font-weight: 400;
  font-size: 14px;
  color: rgba(34, 40, 45, 0.7);
}
.identity-footer[data-v-5c25dda0] {
  margin-top: 24px;
  position: relative;
}
.identity-footer span[data-v-5c25dda0] {
  width: 78px;
  height: 24px;
  background: linear-gradient(90deg, #ffe69d 0%, #ffc864 100%);
  border-radius: 12px 12px 12px 0px;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -18px;
  right: -13px;
}
.identity-footer .identity-footer-btn[data-v-5c25dda0] {
  width: 182px !important;
  height: 40px !important;
  background: #00be8c;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}
.identity-footer .identity-footer-btn[data-v-5c25dda0]:hover {
  background: #00a078;
}
.identity-tip[data-v-5c25dda0] {
  width: 620px;
  height: 42px;
  background: #f5f5f5;
  border-radius: 0px 0px 12px 12px;
  font-weight: 400;
  font-size: 16px;
  color: rgba(34, 40, 45, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-modal[data-v-1de209f5] {
  border-radius: 12px;
  overflow: hidden;
  background-image: url(/img/pop_bg02.1778e30a.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 0;
  padding: 20px 40px;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  box-sizing: border-box;
  overflow-y: hidden;
}
.modal-header[data-v-1de209f5] {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.modal-header .modal-title[data-v-1de209f5] {
  font-weight: 600;
  font-size: 22px;
  color: #22282d;
}
.header-accent[data-v-1de209f5] {
  position: absolute;
  right: 36px;
  top: -30px;
  width: 160px;
  height: 160px;
  background: radial-gradient(closest-side, #38c694, #a8f1dd 70%, transparent 71%);
  border-radius: 50%;
  opacity: 0.6;
}
.video-frame[data-v-1de209f5] {
  position: relative;
  padding: 0 16px 16px;
}
.video-topbar[data-v-1de209f5] {
  height: 12px;
  background: #111;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin: 0 16px;
}
.panorama-viewer[data-v-1de209f5] {
  width: 100%;
  height: 500px;
  max-height: calc(90vh - 250px);
  min-height: 300px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
}
.video-bottommask[data-v-1de209f5] {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 24px;
  height: 48px;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.6));
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  pointer-events: none;
}
.modal-footer[data-v-1de209f5] {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 20px;
}
.primary-btn[data-v-1de209f5] {
  width: 200px;
  height: 50px;
  background: #00be8c;
  border-radius: 8px;
  border: 1px solid #00be8c;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer;
}
.primary-btn[data-v-1de209f5]:hover {
  background: #00a078;
}

.finish-modal-overlay[data-v-5617acd4] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  pointer-events: auto;
}
.finish-modal[data-v-5617acd4] {
  position: relative;
  width: 420px;
  background-image: url(/img/guide_pop_bg.71cee5b0.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 8px;
  padding: 40px 24px 24px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.finish-modal-content[data-v-5617acd4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 50px;
}
.success-icon-wrapper[data-v-5617acd4] {
  position: absolute;
  top: -70px;
}
.success-icon-wrapper img[data-v-5617acd4] {
  width: 154px;
  height: 140px;
}
.success-icon[data-v-5617acd4] {
  width: 80px;
  height: 80px;
}
.modal-title[data-v-5617acd4] {
  font-weight: 600;
  font-size: 22px;
  color: #22282d;
}
.modal-description[data-v-5617acd4] {
  font-weight: 400;
  font-size: 14px;
  color: #22282d;
  margin-top: 8px;
}
.modal-footer[data-v-5617acd4] {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.guide-button[data-v-5617acd4] {
  width: 160px;
  height: 40px;
  background: #00be8c;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  border: none;
}
.guide-button-primary[data-v-5617acd4] {
  background: #00be8c;
  color: #fff;
}
.guide-button-primary[data-v-5617acd4]:hover {
  background: #00a67c;
}
.guide-button-primary[data-v-5617acd4]:active {
  transform: translateY(1px);
}
.send-bean[data-v-5617acd4] {
  font-weight: 600;
  font-size: 14px;
  color: #22282d;
  margin-top: 20px;
}
.send-bean .text[data-v-5617acd4] {
  font-weight: 500;
  font-size: 14px;
  color: #3c80ff;
  cursor: pointer;
}

.skip-confirm-modal-overlay[data-v-3808093c] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10020;
  pointer-events: auto;
  /* 确保可以接收点击事件 */
}
.skip-confirm-modal[data-v-3808093c] {
  position: relative;
  width: 420px;
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  pointer-events: auto;
  /* 确保可以接收点击事件 */
}
.close-button[data-v-3808093c] {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.close-button[data-v-3808093c]:hover {
  background-color: #f3f4f6;
}
.modal-content[data-v-3808093c] {
  display: flex;
  flex-direction: column;
}
.modal-title[data-v-3808093c] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 8px 0;
  line-height: 1.4;
}
.warning-icon[data-v-3808093c] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.modal-description[data-v-3808093c] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 24px 0;
  line-height: 1.5;
  margin-left: 30px;
}
.button-group[data-v-3808093c] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  margin-top: 30px;
}
.cancel-button[data-v-3808093c],
.confirm-button[data-v-3808093c] {
  width: 84px;
  height: 36px;
  background: rgba(34, 40, 45, 0.06);
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.cancel-button[data-v-3808093c] {
  background: #f3f4f6;
  color: #374151;
}
.cancel-button[data-v-3808093c]:hover {
  background: #e5e7eb;
}
.confirm-button[data-v-3808093c] {
  background: #00be8c;
  color: #fff;
}
.confirm-button[data-v-3808093c]:hover {
  background: #00a67c;
}


/* 遮罩层基础样式 */
.guide-mask[data-v-5237717e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none; /* 点击拦截统一由 GuideLock 处理 */
    z-index: 9996; /* 在页面内容之上，但在箭头(10002)、气泡(10002)之下 */
}

/* 确保高亮目标元素在遮罩层之上，并且可以接收点击事件 */
.guide-highlight-target[data-v-5237717e] {
    position: relative;
    pointer-events: auto !important; /* 确保可以接收点击事件 */
}


.circular-progress[data-v-2b35fb3e] {
    position: relative;
    display: inline-block;
}
.progress-ring[data-v-2b35fb3e] {
    transform: rotate(-90deg);
}
.progress-ring-background[data-v-2b35fb3e] {
    fill: none;
    background: rgba(0, 190, 140, 0.2);
}
.progress-ring-progress[data-v-2b35fb3e] {
    fill: none;
    stroke-linecap: round;
}
.progress-text[data-v-2b35fb3e] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.progress-value[data-v-2b35fb3e] {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}


.guide-step-item[data-v-3df35943] {
    height: 54px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 24px;
    position: relative;
    padding: 0px 16px;
}
.guide-step-item[data-v-3df35943]:hover {
    background: rgba(255, 255, 255, 0.1);
}
.guide-step-item.completed[data-v-3df35943] {
    background: rgba(255, 255, 255, 0.1);
}
.guide-step-item.active[data-v-3df35943] {
    background: rgba(255, 255, 255, 0.1);
}
.step-indicator-wrapper[data-v-3df35943] {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0;
    gap: 8px; /* 标识和进度圆圈之间的间距 */
    position: relative;
}

/* 当前步骤标识（进度圆圈前面的垂直矩形条） */
.step-active-badge[data-v-3df35943] {
    background-image: url(/img/pop_on.c8fc47ea.svg);
    width: 6px;
    height: 54px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    z-index: 1;
    overflow: visible; /* 允许进度条显示 */
}
.step-indicator[data-v-3df35943] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: visible; /* 允许进度条显示 */
}
.step-indicator.active[data-v-3df35943] {
    background: rgba(0, 190, 140, 0.15); /* 激活：绿色圆形背景 */
    color: #00be8c; /* 绿色数字 */
}
.step-indicator.completed[data-v-3df35943] {
    background: rgba(76, 175, 80, 0.15); /* 完成：绿色圆形背景(#4caf50) */
    color: #4caf50; /* 绿色✓符号 */
}
.step-progress-ring[data-v-3df35943] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; /* 进度条在背景层 */
}
.step-check[data-v-3df35943] {
    font-size: 16px;
    color: #00be8c; /* 绿色✓符号，1:1还原UI设计 */
    z-index: 2; /* 确保✓在进度条之上 */
    position: relative;
}
.step-number[data-v-3df35943] {
    font-weight: 600;
    font-size: 16px;
    color: #b8b8b8;
    z-index: 2; /* 确保数字在进度条之上 */
    position: relative;
}
.step-number.active[data-v-3df35943] {
    color: #00be8c; /* 激活状态：绿色数字 */
}

/* 激活步骤的绿色竖线连接器 */
.step-connector[data-v-3df35943] {
    width: 2px;
    height: calc(100% + 8px);
    background: #00be8c; /* 绿色竖线，1:1还原UI设计 */
    margin-top: 4px;
    position: absolute;
    left: 15px; /* 圆形中心位置 */
    top: 36px; /* 从圆形底部开始 */
    z-index: 0;
}
.step-content[data-v-3df35943] {
    flex: 1;
}
.step-title[data-v-3df35943] {
    font-size: 14px;
    font-weight: 600;
    color: #fff; /* 白色文字，激活状态，1:1还原UI设计 */
    margin-bottom: 4px;
    line-height: 1.4;
}
.step-description[data-v-3df35943] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}
.step-action[data-v-3df35943] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    margin-left: auto;
}
.play-icon[data-v-3df35943] {
    width: 16px;
    height: 16px;
}
.play-tooltip[data-v-3df35943] {
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

/* 步骤项 hover 时，播放键放大并提升亮度，显示提示 */
.guide-step-item:hover .play-icon[data-v-3df35943] {
    transform: scale(1.1);
    filter: brightness(1.5);
}
.guide-step-item:hover .play-tooltip[data-v-3df35943] {
    opacity: 1;
}

.guide-panel[data-v-0ec2325a] {
  position: fixed;
  right: calc(236px + 10px);
  top: 60px;
  background: #192337;
  border-radius: 12px;
  padding: 20px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: right bottom;
  z-index: 10010 !important;
  /* 确保展开状态时始终在遮罩层(9996)之上，与收起状态保持一致，使用 !important 确保优先级 */
}
.guide-panel.collapsing[data-v-0ec2325a] {
  z-index: 10011 !important;
  /* 确保动画时在最上层，使用 !important 确保优先级 */
}
.guide-panel-body.collapsing-body[data-v-0ec2325a] {
  overflow: hidden;
}
/* 收起状态的矩形标记 */
.guide-panel-collapsed[data-v-0ec2325a] {
  position: fixed;
  width: 36px;
  height: 36px;
  /* 正方形：宽高相等 */
  background: #192337;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s ease, right 0.2s ease, transform 0.2s ease;
  z-index: 10010 !important;
  /* 确保在遮罩层(9996)和其他元素之上，使用 !important 确保优先级 */
  pointer-events: auto;
  /* 确保可以接收点击事件 */
}
/* 收起标记的淡入动画 */
.collapse-fade-enter-active[data-v-0ec2325a] {
  transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
}
.collapse-fade-enter-from[data-v-0ec2325a] {
  opacity: 0;
  transform: scale(0.8);
}
.collapse-fade-enter-to[data-v-0ec2325a] {
  opacity: 1;
  transform: scale(1);
}
.guide-panel-collapsed[data-v-0ec2325a]:hover {
  opacity: 0.8;
}
.collapsed-content[data-v-0ec2325a] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  /* 增加内边距，避免圆形进度条和矩形边重合（36px - 24px = 12px，单边 6px） */
}
.progress-circle[data-v-0ec2325a] {
  width: 24px;
  /* 从 32px 调整为 24px */
  height: 24px;
  /* 从 32px 调整为 24px */
  border-radius: 50%;
  background: rgba(0, 190, 140, 0.2);
  border: 3px solid #00be8c;
  /* 从 2px 增加到 3px，加粗边框 */
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-text[data-v-0ec2325a] {
  font-size: 10px;
  font-weight: 700;
  /* 从 600 增加到 700，加粗文字 */
  color: #00be8c;
  line-height: 1;
}
.header-top[data-v-0ec2325a] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.header-content[data-v-0ec2325a] {
  flex: 1;
}
.panel-title[data-v-0ec2325a] {
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 4px;
}
.panel-description[data-v-0ec2325a] {
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
}
.toggle-button[data-v-0ec2325a] {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
  flex-shrink: 0;
  margin-left: 16px;
}
.toggle-button[data-v-0ec2325a]:hover {
  opacity: 0.8;
}
.toggle-icon[data-v-0ec2325a] {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.header-progress[data-v-0ec2325a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header-progress .progress-label-container[data-v-0ec2325a] {
  display: flex;
  justify-content: space-between;
}
.header-progress .progress-bar-container[data-v-0ec2325a] {
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}
.progress-label[data-v-0ec2325a] {
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
}
.progress-bar[data-v-0ec2325a] {
  height: 100%;
  background: #00be8c;
  /* 绿色进度条，1:1还原UI设计 */
  border-radius: 2px;
  transition: width 0.3s ease;
}
.progress-value[data-v-0ec2325a] {
  font-weight: 500;
  font-size: 12px;
  color: #00be8c;
}
.guide-panel-body[data-v-0ec2325a] {
  padding: 0;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.steps-list[data-v-0ec2325a] {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
}
.panel-footer[data-v-0ec2325a] {
  padding: 24px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.complete-button[data-v-0ec2325a] {
  width: 100%;
  height: 40px;
  background-image: url(/img/pop_button.cbf97abb.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  font-weight: 600;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.complete-button span[data-v-0ec2325a]:last-child {
  margin-left: 12px;
}
.complete-button[data-v-0ec2325a]:hover {
  opacity: 0.9;
}
.skip-link[data-v-0ec2325a] {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.skip-link[data-v-0ec2325a]:hover {
  color: rgba(255, 255, 255, 0.8);
}

/* 注意：不使用 scoped，因为引线是动态创建的 DOM 元素，需要全局样式 */
.guide-popover-with-connector {
  position: fixed;
  z-index: 10008;
  pointer-events: none;
}
.guide-popover-bubble {
  position: relative;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  /* 基础样式通过 inline style 动态设置，其他样式在 CSS 中定义 */
}
/* UI设计1:1还原：标题（第一行，较大字体，加粗） */
.guide-popover-title {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 4px;
}
/* UI设计1:1还原：文本（第二行，较小字体，稍透明） */
.guide-popover-text {
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
/* UI设计1:1还原：底部按钮区域（右对齐，不居中） */
.guide-popover-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 6px 0px 8px 0px;
}
/* 按钮样式（使用 CSS 变量，便于统一管理） */
.guide-popover-button {
  background: #00be8c;
  border-radius: 4px;
  border: none;
  padding: 4px 7px;
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
.guide-popover-button:hover {
  background: #00a078;
}

.step-video-modal[data-v-312d2a8e] {
  border-radius: 12px;
  overflow: hidden;
  background-image: url(/img/pop_bg02.1778e30a.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 0;
  padding: 20px 40px;
}
.modal-header[data-v-312d2a8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 20px 0;
  border-bottom: none;
}
.modal-title[data-v-312d2a8e] {
  font-weight: 600;
  font-size: 22px;
  color: #22282d;
}
.close-button[data-v-312d2a8e] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}
.close-button[data-v-312d2a8e]:hover {
  opacity: 0.7;
}
.close-button img[data-v-312d2a8e] {
  width: 16px;
  height: 16px;
}
.video-container[data-v-312d2a8e] {
  position: relative;
  width: 100%;
  background: #000;
  overflow: hidden;
  padding: 0 16px 16px;
}
.video-wrap[data-v-312d2a8e] {
  position: relative;
  width: 100%;
}
.video-player[data-v-312d2a8e] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-loading[data-v-312d2a8e] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
  color: #fff;
  font-size: 14px;
}


.guide-root[data-v-2c1ff808] {
    position: relative;
    /* z-index: 10008;  */
}

.continue-confirm-modal-overlay[data-v-2f33a7a4] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10020;
  pointer-events: auto;
  /* 确保可以接收点击事件 */
}
.continue-confirm-modal[data-v-2f33a7a4] {
  position: relative;
  width: 420px;
  background: #fff;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  pointer-events: auto;
  /* 确保可以接收点击事件 */
}
.close-button[data-v-2f33a7a4] {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.close-button[data-v-2f33a7a4]:hover {
  background-color: #f3f4f6;
}
.modal-content[data-v-2f33a7a4] {
  display: flex;
  flex-direction: column;
}
.modal-title[data-v-2f33a7a4] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 8px 0;
  line-height: 1.4;
}
.warning-icon[data-v-2f33a7a4] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.modal-description[data-v-2f33a7a4] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 24px 0;
  line-height: 1.5;
  margin-left: 30px;
}
.button-group[data-v-2f33a7a4] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  margin-top: 30px;
}
.cancel-button[data-v-2f33a7a4],
.confirm-button[data-v-2f33a7a4] {
  height: 36px;
  background: rgba(34, 40, 45, 0.06);
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  padding: 0 16px;
  white-space: nowrap;
}
.cancel-button[data-v-2f33a7a4] {
  width: 84px;
  background: #f3f4f6;
  color: #374151;
}
.cancel-button[data-v-2f33a7a4]:hover {
  background: #e5e7eb;
}
.confirm-button[data-v-2f33a7a4] {
  background: #00be8c;
  color: #fff;
}
.confirm-button[data-v-2f33a7a4]:hover {
  background: #00a67c;
}

.help-container[data-v-e2e76648] {
  width: 100%;
}
.help-container .help-info[data-v-e2e76648] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
}
.help-container .help-info .help-icon[data-v-e2e76648] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.help-container .help-info .help-icon img[data-v-e2e76648] {
  width: 18px;
  height: 18px;
}
.help-container .help-info .help-icon span[data-v-e2e76648] {
  font-weight: 400;
  font-size: 12px;
  color: #22282d;
}
.help-dropdown[data-v-e2e76648] {
  padding: 4px 0;
}
.help-menu-item[data-v-e2e76648] {
  padding: 10px 16px;
  font-size: 14px;
  color: #22282d;
  cursor: pointer;
  transition: background-color 0.2s;
}
.help-menu-item[data-v-e2e76648]:hover {
  background-color: #f3f4f6;
}
.right[data-v-e2e76648] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vipBox[data-v-e2e76648] {
  padding: 0 10px;
  box-sizing: border-box;
}
.vip[data-v-e2e76648] {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  border-radius: 4px;
  background: linear-gradient(120deg, #ffe5c2 0%, #f7c07e 100%);
  display: flex;
}
.vip .vipLeft[data-v-e2e76648] {
  width: 150px;
  padding: 8px 0 0 8px;
  box-sizing: border-box;
  color: #783c0a;
}
.vip .vipLeft .vipName[data-v-e2e76648] {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vip .vipLeft .vipContent[data-v-e2e76648] {
  margin-top: 4px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vip .vipLeft[data-v-e2e76648] .el-carousel__indicator {
  display: none;
}
.vip .vipRight[data-v-e2e76648] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vip .vipRight .btn[data-v-e2e76648] {
  padding: 3px 5px;
  font-size: 12px;
  background: linear-gradient(120deg, #f4a84f 0%, #d72a23 100%);
  color: #fff;
  border: 0px;
  width: 60px !important;
  height: 30px !important;
}
.user-info-container[data-v-e2e76648] {
  position: relative;
}
.user-info[data-v-e2e76648] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background-color 0.2s;
}
.user-info .avatar[data-v-e2e76648] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 8px;
}
.user-info span[data-v-e2e76648] {
  font-size: 14px;
  color: var(--theme-content-black1);
  margin-right: 8px;
  max-width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-dropdown[data-v-e2e76648] {
  position: fixed;
  top: 60px;
  right: 20px;
  width: 240px;
  background: var(--theme-bg-white1);
  box-shadow: 0px 0px 8px 0px var(--theme-content-gray8);
  border-radius: 4px;
  border: 1px solid var(--theme-content-gray1);
  overflow: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}
.user-dropdown .user-info-section[data-v-e2e76648] {
  display: flex;
  align-items: center;
  padding: 16px;
}
.user-dropdown .user-info-section .dropdown-avatar[data-v-e2e76648] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 12px;
}
.user-dropdown .user-info-section .user-details[data-v-e2e76648] {
  flex: 1;
}
.user-dropdown .user-info-section .user-details .username[data-v-e2e76648] {
  width: 150px;
  font-weight: 500;
  font-size: 20px;
  color: var(--theme-content-black1);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.user-dropdown .user-info-section .user-details .username .name[data-v-e2e76648] {
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-dropdown .user-info-section .user-details .username .icon[data-v-e2e76648] {
  font-size: 16px;
  cursor: pointer;
}
.user-dropdown .user-info-section .user-details .user-id[data-v-e2e76648] {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  color: var(--theme-content-gray5);
}
.user-dropdown .user-info-section .user-details .user-id .edit-id[data-v-e2e76648] {
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  color: var(--theme-brand-green3);
  cursor: pointer;
  display: flex;
  align-items: center;
}
.user-dropdown .user-info-section .user-details .user-id .edit-id img[data-v-e2e76648] {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.user-dropdown .separator-line[data-v-e2e76648] {
  height: 1px;
  background: var(--theme-content-gray2);
  margin: 0 16px;
}
.user-dropdown .menu[data-v-e2e76648] {
  padding: 8px 0;
}
.user-dropdown .menu .menu-item[data-v-e2e76648] {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.user-dropdown .menu .menu-item[data-v-e2e76648]:hover {
  background-color: var(--theme-bg-white2);
}
.user-dropdown .menu .menu-item img[data-v-e2e76648] {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  opacity: 0.7;
}
.user-dropdown .menu .menu-item span[data-v-e2e76648] {
  font-size: 14px;
  color: var(--theme-content-black1);
}
.separator[data-v-e2e76648] {
  width: 1px;
  height: 20px;
  background: var(--theme-content-gray2);
  margin: 20px;
}
.action-icon-placeholder[data-v-e2e76648] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.action-icon-placeholder[data-v-e2e76648]:hover {
  background: var(--theme-bg-white3);
  border-radius: 4px;
}
/** 图豆容器 */
.bean-container[data-v-e2e76648] {
  height: 32px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 0 10px 12px 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.bean-container[data-v-e2e76648]:hover {
  background: #f6f7f8;
}
.bean-container .bean-quantity[data-v-e2e76648] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.bean-container .bean-quantity img[data-v-e2e76648] {
  width: 16px;
  height: 16px;
}
.bean-container .bean-quantity span[data-v-e2e76648] {
  font-weight: 600;
  font-size: 14px;
  color: #1c1c1c;
}
.bean-container .obtain-bean[data-v-e2e76648] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
}
.bean-container .obtain-bean span[data-v-e2e76648] {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
}
.bean-container .obtain-bean img[data-v-e2e76648] {
  width: 6px;
  height: 10px;
}

.header[data-v-1766c93a] {
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  background-color: var(--theme-bg-white2);
  border-bottom: 1px solid var(--theme-bg-white3);
  z-index: 6;
}
.header[data-v-1766c93a] > :first-child {
  flex-shrink: 1;
  min-width: 0;
}
.header .header-center[data-v-1766c93a] {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: center;
  padding: 0 12px;
}
.header .header-right[data-v-1766c93a] {
  flex-shrink: 0;
}

.panel-title[data-v-304e803e] {
  margin-bottom: 12px;
  letter-spacing: 1px;
  color: var(--theme-content-black1);
}
.tool-grid[data-v-304e803e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.tool-card[data-v-304e803e] {
  width: 100%;
  height: 80px;
  background-color: var(--theme-bg-white2);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tool-card[data-v-304e803e]:hover {
  background: var(--theme-brand-green1);
}
.tool-card.is-active[data-v-304e803e] {
  background: var(--theme-brand-green1);
}
.tool-card img[data-v-304e803e] {
  width: 48px;
  height: 48px;
}
.tool-card span[data-v-304e803e] {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}

.door-title[data-v-c62d28bc] {
  margin: 28px 0 12px 0;
  letter-spacing: 1px;
  color: var(--theme-content-black1);
}
.tool-grid[data-v-c62d28bc] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.tool-card[data-v-c62d28bc] {
  width: 100%;
  height: 80px;
  background-color: var(--theme-bg-white2);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tool-card[data-v-c62d28bc]:hover {
  background: var(--theme-brand-green1);
}
.tool-card.is-active[data-v-c62d28bc] {
  background: var(--theme-brand-green1);
}
.tool-card img[data-v-c62d28bc] {
  width: 48px;
  height: 48px;
}
.tool-card span[data-v-c62d28bc] {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}

.section-title[data-v-108913f2] {
  margin: 28px 0 12px 0;
  letter-spacing: 1px;
  color: var(--theme-content-black1);
}
.tool-grid[data-v-108913f2] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.tool-card[data-v-108913f2] {
  width: 100%;
  height: 80px;
  background-color: var(--theme-bg-white2);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tool-card[data-v-108913f2]:hover {
  background: var(--theme-brand-green1);
}
.tool-card.is-active[data-v-108913f2] {
  background: var(--theme-brand-green1);
}
.tool-card img[data-v-108913f2] {
  width: 48px;
  height: 48px;
}
.tool-card span[data-v-108913f2] {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}

.academic-panel[data-v-03bc879b] {
  padding: 20px 12px 20px 12px;
  box-sizing: border-box;
  background: var(--theme-bg-white1);
  border-radius: 12px 12px 0 0;
}

.left-panel:hover .hidden-button[data-v-56615f00] {
  opacity: 1;
}
.left-panel[data-v-56615f00] {
  position: absolute;
  top: 0;
  transition: left 0.5s ease;
  z-index: -1;
  bottom: 0px;
  box-sizing: border-box;
  display: flex;
  background: var(--theme-bg-white1);
  box-shadow: 4px 0px 4px 0px var(--theme-content-gray2);
  border-radius: 0px 12px 0px 0px;
}
.left-panel .draggable-divider[data-v-56615f00] {
  width: 4px;
  height: 100%;
  background-color: var(--color-white1);
  background: linear-gradient(to right, --color-white1, --color-white6);
  cursor: col-resize;
}
.hidden-button[data-v-56615f00] {
  opacity: 0;
  width: 16px;
  height: 62px;
  background-image: url(/img/tool_public_hide_lleftbg.564560e0.svg);
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  cursor: pointer;
}
.hidden-button .icon[data-v-56615f00] {
  width: 5px;
  height: 5px;
}

.search-box[data-v-650491c4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 12px 12px 12px;
  gap: 8px;
}
.search-left[data-v-650491c4] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.left-arrow[data-v-650491c4] {
  color: var(--theme-content-gray6);
  cursor: pointer;
  transition: color 0.2s ease;
}
.left-arrow[data-v-650491c4]:hover {
  color: var(--theme-content-black1);
}
.search-bar[data-v-650491c4] {
  flex: 1;
}
.search-input[data-v-650491c4] {
  width: 100%;
}
.sourcing-list img[data-v-650491c4] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.sourcing-list img[data-v-650491c4]:hover {
  opacity: 1;
}
[data-v-650491c4] .el-input__wrapper {
  border: none !important;
  box-shadow: none !important;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  transition: all 0.2s ease;
}
[data-v-650491c4] .el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px var(--theme-content-black1) !important;
}
[data-v-650491c4] .el-input__inner {
  outline: none !important;
  box-shadow: none !important;
  font-size: var(--theme-font12);
}
[data-v-650491c4] .el-input__suffix .el-icon {
  transition: color 0.2s ease;
}
[data-v-650491c4] .el-input__suffix .el-icon:hover {
  color: var(--theme-content-black1);
}
.trigger-button[data-v-650491c4] {
  cursor: pointer;
}
.trigger-button img[data-v-650491c4] {
  width: 18px;
  height: 18px;
}

.category-box[data-v-c4561d62] {
  height: calc(100vh - 260px);
  overflow-y: auto;
}
.nav-list[data-v-c4561d62] {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  cursor: pointer;
}
.nav-list .nav-item[data-v-c4561d62] {
  text-align: center;
}
.nav-list .nav-item .nav-img[data-v-c4561d62] {
  width: 112px;
  height: 80px;
  border-radius: 4px;
}
.nav-list .nav-item .nav-title[data-v-c4561d62] {
  margin: 8px 0px 12px 0px;
  font-size: var(--theme-font14);
  color: var(--theme-content-black1);
}
.attr[data-v-c4561d62] {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
  cursor: pointer;
  justify-items: center;
}
.attr img[data-v-c4561d62] {
  width: 235px;
  height: 80px;
  cursor: pointer;
  margin: 12px 12px 0px 12px;
}

.loading[data-v-b4d60564] {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.loading .loadingImg[data-v-b4d60564] {
  width: 32px;
  height: 32px;
}

.simple-scroll-load-container[data-v-c7fbb010] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /* 自定义滚动条样式 */
}
.simple-scroll-load-container[data-v-c7fbb010]::-webkit-scrollbar {
  width: 6px;
}
.simple-scroll-load-container[data-v-c7fbb010]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.simple-scroll-load-container[data-v-c7fbb010]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.simple-scroll-load-container[data-v-c7fbb010]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.scroll-content[data-v-c7fbb010] {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
.default-item[data-v-c7fbb010] {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
  transition: background-color 0.2s;
}
.default-item[data-v-c7fbb010]:hover {
  background: #fafafa;
}
.default-item.placeholder[data-v-c7fbb010] {
  background: #f8f8f8;
}
.default-item.placeholder .placeholder-content[data-v-c7fbb010] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.default-item.placeholder .placeholder-content .placeholder-skeleton[data-v-c7fbb010] {
  width: 40px;
  height: 40px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading-shimmer-c7fbb010 1.5s infinite;
  border-radius: 4px;
}
.default-item.placeholder .placeholder-content .placeholder-text[data-v-c7fbb010] {
  color: #999;
  font-size: 14px;
}
.loading-indicator[data-v-c7fbb010] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #666;
}
.loading-indicator .loading-spinner[data-v-c7fbb010] {
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  animation: spin-c7fbb010 1s linear infinite;
  margin-right: 8px;
}
.loading-indicator .loading-text[data-v-c7fbb010] {
  font-size: 14px;
}
.no-more-data[data-v-c7fbb010],
.reached-bottom[data-v-c7fbb010] {
  text-align: center;
  padding: 20px;
  color: #999;
  font-size: 14px;
}
.reached-bottom[data-v-c7fbb010] {
  color: #666;
  font-style: italic;
}
.empty-state[data-v-c7fbb010] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: #999;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.empty-state .default-empty[data-v-c7fbb010] {
  text-align: center;
}
.empty-state .default-empty .empty-icon[data-v-c7fbb010] {
  font-size: 48px;
  margin-bottom: 12px;
}
.empty-state .default-empty .empty-text[data-v-c7fbb010] {
  font-size: 14px;
}
@keyframes spin-c7fbb010 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes loading-shimmer-c7fbb010 {
0% {
    background-position: -200% 0;
}
100% {
    background-position: 200% 0;
}
}

.product-modal-overlay[data-v-d2f7834e] {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  background: var(--theme-content-gray6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.product-modal[data-v-d2f7834e] {
  position: relative;
  width: 960px;
  height: 640px;
  background: var(--theme-bg-white1);
  border-radius: 12px;
  display: flex;
  overflow: hidden;
}
.product-modal__close[data-v-d2f7834e] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  line-height: 28px;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  color: var(--theme-content-gray3);
  z-index: 1;
  transition: color 0.2s;
}
.product-modal__close[data-v-d2f7834e]:hover {
  color: var(--theme-content-gray5);
}
.product-modal__image-section[data-v-d2f7834e] {
  width: 640px;
  height: 100%;
  flex-shrink: 0;
  position: relative;
}
.product-modal .thumbnail-gallery[data-v-d2f7834e] {
  position: absolute;
  bottom: 16px;
  left: 16px;
  display: flex;
  gap: 8px;
  max-width: 400px;
  overflow-x: auto;
  padding: 4px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  backdrop-filter: blur(10px);
}
.product-modal .thumbnail-gallery[data-v-d2f7834e]::-webkit-scrollbar {
  display: none;
}
.product-modal .thumbnail-gallery .thumbnail-item[data-v-d2f7834e] {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.2s ease;
}
.product-modal .thumbnail-gallery .thumbnail-item[data-v-d2f7834e]:hover {
  border-color: var(--theme-brand-green3);
}
.product-modal .thumbnail-gallery .thumbnail-item.active[data-v-d2f7834e] {
  border-color: var(--theme-brand-green3);
  box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2);
}
.product-modal .thumbnail-gallery .thumbnail-item img[data-v-d2f7834e] {
  width: 68px;
  height: 68px;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-modal__info-section[data-v-d2f7834e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 60px 20px 32px;
}
.product-modal__info-content[data-v-d2f7834e] {
  flex: 1;
}
.product-modal__title[data-v-d2f7834e] {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-content-black1);
  margin: 0 0 20px 0;
}
.product-modal__info-row[data-v-d2f7834e] {
  display: flex;
  margin-bottom: 20px;
  font-size: 14px;
}
.product-modal__label[data-v-d2f7834e] {
  color: var(--theme-content-gray6);
  flex-shrink: 0;
}
.product-modal__value[data-v-d2f7834e] {
  color: var(--theme-content-gray6);
}
.product-modal__price[data-v-d2f7834e] {
  margin-bottom: 16px;
  cursor: pointer;
}
.product-modal__price span[data-v-d2f7834e]:first-child {
  font-weight: 600;
  font-size: 18px;
  color: var(--theme-content-black1);
}
.product-modal__price span[data-v-d2f7834e]:last-child {
  font-weight: 600;
  font-size: 18px;
  color: var(--theme-help-red1);
}
.product-modal__buttons[data-v-d2f7834e] {
  display: flex;
  gap: 12px;
}
.product-modal__buy[data-v-d2f7834e] {
  width: 100px;
  height: 36px;
  background: var(--theme-brand-green3);
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-bg-white1);
  border: none;
  cursor: pointer;
}
.product-modal__buy[data-v-d2f7834e]:hover {
  background: var(--theme-brand-green4);
}
.product-modal__btn[data-v-d2f7834e] {
  width: 76px;
  height: 36px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-black1);
  border: none;
  cursor: pointer;
}
.product-modal__btn[data-v-d2f7834e]:hover {
  background: var(--theme-content-gray2);
}
.product-modal__introduce-content[data-v-d2f7834e] {
  font-size: 14px;
  color: var(--theme-content-gray6);
  line-height: 20px;
}
.carousel-image-wrapper[data-v-d2f7834e] {
  width: 100%;
  height: 100%;
}
.carousel-image-wrapper img[data-v-d2f7834e] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.simple-scroll-load-example[data-v-1d4e3c9f] {
  height: calc(100vh - 150px);
  display: flex;
  flex-direction: column;
  background: var(--theme-bg-white1);
  position: relative;
}
@keyframes loading-shimmer-1d4e3c9f {
0% {
    background-position: -200% 0;
}
100% {
    background-position: 200% 0;
}
}
.scroll-container[data-v-1d4e3c9f] {
  flex: 1;
  background: var(--theme-bg-white1);
  overflow: hidden;
  position: relative;
}
.data-item[data-v-1d4e3c9f] {
  transition: background-color 0.2s;
  margin: 12px 0px 0px 10px;
}
.data-item.placeholder .placeholder-content[data-v-1d4e3c9f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-radius: 4px;
}
.data-item.placeholder .placeholder-content .placeholder-skeleton[data-v-1d4e3c9f] {
  width: 112px;
  height: 80px;
  background: var(--theme-bg-white5);
  background-size: 200% 100%;
  animation: loading-shimmer-1d4e3c9f 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-item.placeholder .placeholder-content .placeholder-text[data-v-1d4e3c9f] {
  color: var(--theme-content-gray6);
  font-size: var(--theme-font12);
  text-align: center;
}
.data-item .real-content[data-v-1d4e3c9f] {
  background: var(--theme-bg-white5);
  border-radius: 4px;
  position: relative;
  height: 112px;
}
.data-item .real-content .collect[data-v-1d4e3c9f] {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 13;
  cursor: pointer;
}
.data-item .real-content .collect .collect-success img[data-v-1d4e3c9f] {
  width: 18px;
  height: 18px;
  background: var(--theme-bg-white1);
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .real-content .collect .collect-normal img[data-v-1d4e3c9f] {
  width: 18px;
  height: 18px;
  background: var(--theme-bg-white1);
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .real-content .collect-normal[data-v-1d4e3c9f] {
  opacity: 0;
}
.data-item .real-content .collectTab[data-v-1d4e3c9f] {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 13;
  cursor: pointer;
  opacity: 0;
}
.data-item .real-content .collectTab img[data-v-1d4e3c9f] {
  width: 18px;
  height: 18px;
  background: var(--theme-bg-white1);
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .real-content .newImgs[data-v-1d4e3c9f] {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 18px;
  height: 18px;
  z-index: 99;
}
.data-item .real-content .newImgs img[data-v-1d4e3c9f] {
  width: 16px;
  height: 16px;
}
.data-item .real-content .detail[data-v-1d4e3c9f] {
  position: absolute;
  top: 30px;
  right: 6px;
  z-index: 13;
  opacity: 0;
  cursor: pointer;
}
.data-item .real-content .detail img[data-v-1d4e3c9f] {
  width: 18px;
  height: 18px;
  background: var(--theme-bg-white1);
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .real-content[data-v-1d4e3c9f]:hover {
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .real-content:hover .collect-normal[data-v-1d4e3c9f] {
  opacity: 1;
}
.data-item .real-content:hover .detail[data-v-1d4e3c9f] {
  opacity: 1;
}
.data-item .real-content:hover .collectTab[data-v-1d4e3c9f] {
  opacity: 1;
}
.data-item .real-content img[data-v-1d4e3c9f] {
  width: 20px;
  height: 20px;
}
.data-item .item-header[data-v-1d4e3c9f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.data-item .goods[data-v-1d4e3c9f] {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 18px;
  height: 18px;
  z-index: 13;
}
.data-item .goods img[data-v-1d4e3c9f] {
  width: 16px;
  height: 16px;
}
.data-item .item-name[data-v-1d4e3c9f] {
  position: absolute;
  bottom: 8px;
  left: 6px;
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
  text-align: left;
  display: flex;
  width: 100px;
  gap: 4px;
}
.data-item .item-name .attrImgs[data-v-1d4e3c9f] {
  width: 18px;
  height: 18px;
  z-index: 99;
}
.data-item .item-name .attrImgs img[data-v-1d4e3c9f] {
  width: 16px;
  height: 16px;
}
.data-item .item-name .attrName[data-v-1d4e3c9f] {
  flex: 1;
  left: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-item .item-img[data-v-1d4e3c9f] {
  width: 112px;
  height: 80px;
}
.data-item .item-img img[data-v-1d4e3c9f] {
  width: 100%;
  height: 100%;
}
.texture-tip[data-v-1d4e3c9f] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.texture-tip span[data-v-1d4e3c9f] {
  font-weight: 400;
  font-size: 14px;
  color: var(--theme-content-gray6);
}
.el-image[data-v-1d4e3c9f] {
  height: 240px;
  width: 100%;
  background: var(--theme-bg-white5);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.detail_content_title[data-v-1d4e3c9f] {
  padding-left: 20px;
  padding-bottom: 12px;
}
.detailTitle[data-v-1d4e3c9f] {
  padding: 12px 0px 12px 0px;
  font-size: var(--theme-font16);
}
.dimension span[data-v-1d4e3c9f] {
  font-size: var(--theme-font12);
  color: var(--theme-content-gray6);
}
.brand span[data-v-1d4e3c9f] {
  font-size: var(--theme-font12);
  color: var(--theme-content-gray6);
}
.price[data-v-1d4e3c9f] {
  margin-bottom: 12px;
}
.price span[data-v-1d4e3c9f]:first-child {
  font-size: var(--theme-font12);
  color: var(--theme-content-gray6);
}
.price span[data-v-1d4e3c9f]:last-child {
  font-size: var(--theme-font12);
  color: var(--theme-help-red1);
}
.product[data-v-1d4e3c9f] {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.product span[data-v-1d4e3c9f] {
  font-weight: 400;
  font-size: 12px;
  color: #00be8c;
}
.product img[data-v-1d4e3c9f] {
  width: 10px;
  height: 10px;
  margin-left: 4px;
}
.custom-empty[data-v-1d4e3c9f] {
  text-align: center;
  padding: 40px 20px;
}
.custom-empty img[data-v-1d4e3c9f] {
  width: 80px;
  height: 60px;
}
.custom-empty .empty-description[data-v-1d4e3c9f] {
  color: var(--theme-content-gray6);
  font-size: var(--theme-font14);
}

.line[data-v-6916bf65] {
  width: 100%;
  height: 1px;
  background: var(--theme-content-gray2);
  margin-bottom: 12px;
}

.selectBox[data-v-3a1c5ccd] {
  width: 100%;
  font-size: 12px;
  position: relative;
}
.selectBox .cascaderTop[data-v-3a1c5ccd] {
  box-sizing: border-box;
  line-height: 24px;
  height: 24px;
  display: flex;
  cursor: pointer;
  width: 100%;
  gap: 4px;
}
.selectBox .cascaderTop .cascaderItem[data-v-3a1c5ccd] {
  border-radius: 4px;
  border: 1px solid var(--theme-content-gray1);
  width: 100%;
  box-sizing: border-box;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectBox .cascaderTop .cascaderItem .title[data-v-3a1c5ccd] {
  white-space: nowrap;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectBox .cascaderDrow[data-v-3a1c5ccd] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--theme-bg-white1);
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  box-shadow: 0px 0px 8px 0px var(--theme-content-gray8);
  border-radius: 2px;
  border: 1px solid var(--theme-content-gray1);
  margin-top: 4px;
  width: 100%;
  max-height: 300px;
  overflow: hidden;
}
.selectBox .cascaderDrow .level1-panel[data-v-3a1c5ccd] {
  box-sizing: border-box;
  flex: 0 0 50%;
  width: 50%;
  display: flex;
  flex-direction: column;
  text-align: left;
  overflow-y: auto;
  border-right: 1px solid var(--theme-content-gray1);
}
.selectBox .cascaderDrow .level1-panel .level1-item .level1-title[data-v-3a1c5ccd] {
  padding: 8px 6px;
  color: var(--theme-content-gray6);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectBox .cascaderDrow .level1-panel .level1-item .level1-title[data-v-3a1c5ccd]:hover {
  color: var(--theme-brand-green3);
}
.selectBox .cascaderDrow .level1-panel .level1-item .level1-title.active[data-v-3a1c5ccd] {
  color: var(--theme-brand-green3);
}
.selectBox .cascaderDrow .level1-panel .level1-item .level1-title .text[data-v-3a1c5ccd] {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.selectBox .cascaderDrow .level2-panel[data-v-3a1c5ccd] {
  box-sizing: border-box;
  flex: 1;
  width: 50%;
  display: flex;
  flex-direction: column;
  text-align: left;
  overflow-y: auto;
}
.selectBox .cascaderDrow .level2-panel .level2-item[data-v-3a1c5ccd] {
  padding: 6px 12px;
  color: var(--theme-content-gray6);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.selectBox .cascaderDrow .level2-panel .level2-item[data-v-3a1c5ccd]:hover {
  color: var(--theme-brand-green3);
}
.selectBox .cascaderDrow .level2-panel .level2-item.active[data-v-3a1c5ccd] {
  color: var(--theme-brand-green3);
}
.selectBox .cascaderDrow .level2-panel .level2-item .text[data-v-3a1c5ccd] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.selectBox .cascaderDrow .level2-panel .level2-item .checkImg[data-v-3a1c5ccd] {
  width: 10px;
  height: 8px;
  flex-shrink: 0;
}
.slide-enter-active[data-v-3a1c5ccd],
.slide-leave-active[data-v-3a1c5ccd] {
  transition: all 0.2s ease;
}
.slide-enter-from[data-v-3a1c5ccd],
.slide-leave-to[data-v-3a1c5ccd] {
  transform: translateX(100%);
  opacity: 0;
}

.selectBox[data-v-1a1d3c25] {
  width: 100%;
  font-size: 12px;
  position: relative;
}
.selectBox .cascaderTop[data-v-1a1d3c25] {
  box-sizing: border-box;
  line-height: 24px;
  height: 24px;
  display: flex;
  cursor: pointer;
  width: 100%;
  gap: 4px;
}
.selectBox .cascaderTop .cascaderItem[data-v-1a1d3c25] {
  border-radius: 4px;
  border: 1px solid #e2e2e2;
  width: 100%;
  box-sizing: border-box;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectBox .cascaderTop .cascaderItem .title[data-v-1a1d3c25] {
  white-space: nowrap;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selectBox .cascaderDrow[data-v-1a1d3c25] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--theme-bg-white1);
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  box-shadow: 0px 0px 8px 0px var(--theme-content-gray8);
  border-radius: 2px;
  border: 1px solid var(--theme-content-gray1);
  margin-top: 4px;
  width: 100%;
  max-height: 300px;
  overflow: hidden;
}
.selectBox .cascaderDrow .level1-panel[data-v-1a1d3c25] {
  box-sizing: border-box;
  flex: 0 0 50%;
  width: 50%;
  display: flex;
  flex-direction: column;
  text-align: left;
  overflow-y: auto;
  border-right: 1px solid var(--theme-content-gray1);
}
.selectBox .cascaderDrow .level1-panel .level1-item .level1-title[data-v-1a1d3c25] {
  padding: 8px 6px;
  color: var(--theme-content-gray6);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectBox .cascaderDrow .level1-panel .level1-item .level1-title[data-v-1a1d3c25]:hover {
  color: var(--theme-brand-green3);
}
.selectBox .cascaderDrow .level1-panel .level1-item .level1-title.active[data-v-1a1d3c25] {
  color: var(--theme-brand-green3);
}
.selectBox .cascaderDrow .level1-panel .level1-item .level1-title .text[data-v-1a1d3c25] {
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.selectBox .cascaderDrow .level2-panel[data-v-1a1d3c25] {
  box-sizing: border-box;
  flex: 1;
  width: 50%;
  display: flex;
  flex-direction: column;
  text-align: left;
  overflow-y: auto;
}
.selectBox .cascaderDrow .level2-panel .level2-item[data-v-1a1d3c25] {
  padding: 6px 12px;
  color: var(--theme-content-gray6);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.selectBox .cascaderDrow .level2-panel .level2-item[data-v-1a1d3c25]:hover {
  color: var(--theme-brand-green3);
}
.selectBox .cascaderDrow .level2-panel .level2-item.active[data-v-1a1d3c25] {
  color: var(--theme-brand-green3);
}
.selectBox .cascaderDrow .level2-panel .level2-item .text[data-v-1a1d3c25] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.selectBox .cascaderDrow .level2-panel .level2-item .checkImg[data-v-1a1d3c25] {
  width: 10px;
  height: 8px;
  flex-shrink: 0;
}
.slide-enter-active[data-v-1a1d3c25],
.slide-leave-active[data-v-1a1d3c25] {
  transition: all 0.2s ease;
}
.slide-enter-from[data-v-1a1d3c25],
.slide-leave-to[data-v-1a1d3c25] {
  transform: translateX(100%);
  opacity: 0;
}

.collect[data-v-6abe16dc] {
  display: flex;
  flex-direction: column;
}
.collect .tabTitle[data-v-6abe16dc] {
  margin-top: 10px;
}
.collect .tabTitle[data-v-6abe16dc] .el-radio-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.collect .tabTitle[data-v-6abe16dc] .el-radio-button.is-active .el-radio-button__inner {
  color: var(--theme-bg-white1) !important;
  --el-radio-button-checked-bg-color: var(--theme-content-gray6);
  --el-radio-button-checked-text-color: var(--theme-bg-white1);
  --el-radio-button-checked-border-color: var(--theme-content-gray6);
}
.collect .tabTitle[data-v-6abe16dc] .el-radio-button:hover.is-active .el-radio-button__inner {
  color: var(--theme-bg-white1) !important;
  background-color: var(--theme-content-black1) !important;
  border-color: var(--theme-content-black1) !important;
}
.collect .tabTitle[data-v-6abe16dc] .el-radio-button__inner {
  width: 98px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.collect .tabTitle[data-v-6abe16dc] .el-radio-button__inner:hover {
  color: var(--theme-content-black1);
}
.collect .handleTab[data-v-6abe16dc] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 16px 12px 0 12px;
}
.collect .handleTab .custom-tab[data-v-6abe16dc] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.collect .handleTab .custom-tab .tab-item[data-v-6abe16dc] {
  width: 40px;
  height: 24px;
  background: var(--theme-content-gray1);
  border-radius: 2px;
  font-weight: 500;
  font-size: 12px;
  color: var(--theme-content-gray6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.collect .handleTab .custom-tab .tab-item[data-v-6abe16dc]:hover {
  color: var(--theme-content-gray6);
}
.collect .handleTab .custom-tab .tab-item.active[data-v-6abe16dc] {
  color: var(--theme-brand-green3);
  background: var(--theme-brand-green1);
}
.collect .category-box[data-v-6abe16dc] {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.collect .search-bar[data-v-6abe16dc] {
  padding: 12px 12px 16px 12px;
  border-bottom: 1px solid var(--theme-content-gray2);
}
.collect[data-v-6abe16dc] .el-input__wrapper {
  border: none !important;
  box-shadow: none !important;
  background: var(--theme-content-gray1);
  border-radius: 6px;
  transition: all 0.2s ease;
}
.collect[data-v-6abe16dc] .el-input__wrapper.is-focus {
  border: 1px solid var(--theme-content-black1) !important;
}
.collect[data-v-6abe16dc] .el-input__inner {
  outline: none !important;
  box-shadow: none !important;
  font-size: var(--theme-font12);
}
.collect[data-v-6abe16dc] .el-input__suffix .el-icon {
  transition: color 0.2s ease;
}
.collect[data-v-6abe16dc] .el-input__suffix .el-icon:hover {
  color: var(--theme-content-black1);
}
.collect .listBox[data-v-6abe16dc] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px;
}
.collect .listBox .list-item[data-v-6abe16dc] {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
}
.collect .listBox .list-item .title[data-v-6abe16dc] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  margin: 8px 0 4px 0;
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
  text-align: center;
}
.collect .listBox .list-item .list-imgs[data-v-6abe16dc] {
  width: 112px;
  height: 80px;
  background: var(--theme-bg-white5);
  border-radius: 4px;
}
.collect .listBox .list-item .list-imgs img[data-v-6abe16dc] {
  width: 100%;
  height: 100%;
}
.collect .listBox .list-item .list-imgs[data-v-6abe16dc]:hover {
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.collect .listBox .list-item .collect[data-v-6abe16dc] {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 13;
  opacity: 0;
}
.collect .listBox .list-item:hover .collect[data-v-6abe16dc] {
  opacity: 1;
}

.latest-content[data-v-65da8847] {
  width: calc(100% - 24px);
  height: 62px;
  background-color: var(--theme-bg-white2);
  border-radius: 4px;
  margin: 16px 12px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.latest-content .left-img[data-v-65da8847] {
  margin-left: 8px;
}
.latest-content .left-img img[data-v-65da8847] {
  width: 30px;
  height: 34px;
}
.latest-content .title[data-v-65da8847] {
  margin-left: 4px;
  display: flex;
  flex-direction: column;
}
.latest-content .title .text[data-v-65da8847] {
  margin: 0px 0px 6px 0px;
  color: var(--theme-content-gray7);
}
.latest-content .title .time[data-v-65da8847] {
  font-size: 10px;
  color: var(--theme-content-gray5);
}
.latest-content .right[data-v-65da8847] {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}
.latest-content .right img[data-v-65da8847] {
  width: 50px;
  height: 50px;
}
.latest-content .right .rightText[data-v-65da8847] {
  position: absolute;
  right: 12px;
  color: var(--theme-content-gray6);
  font-size: var(--theme-font12);
}
.latest-content .right .carouselBox[data-v-65da8847] {
  position: absolute;
  right: 0;
  width: 118px;
  height: 50px;
}
.latest-content .right .carouselBox .carouselItem[data-v-65da8847] {
  width: 118px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.latest-content .right .carouselBox .carouselItem img[data-v-65da8847] {
  width: 38px;
  height: 38px;
}

.warp[data-v-7f28caa8] {
  padding: 8px 5px 5px 5px;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: flex-start;
}
.warp .tabBox[data-v-7f28caa8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-height: none;
  overflow: visible;
  transition: all 0.3s ease;
  flex: 1;
}
.warp .tabBox.collapsed[data-v-7f28caa8] {
  max-height: 30px;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  max-width: 240px;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
}
.warp .tabBox.collapsed[data-v-7f28caa8]::-webkit-scrollbar {
  display: none;
}
.warp .tabBox .tabClass[data-v-7f28caa8] {
  margin: 3px 0px 3px 3px;
}
.warp .tabBox .tabItem[data-v-7f28caa8] {
  flex-shrink: 0;
  padding: 6px 12px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  color: var(--theme-content-gray6);
  font-size: var(--theme-font12);
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}
.warp .tabBox .tabItem[data-v-7f28caa8]:hover {
  background: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.warp .tabBox .tabItem .tabImg[data-v-7f28caa8] {
  width: 16px;
  height: 16px;
}
.warp .tabBox .vipClass .tabItem[data-v-7f28caa8] {
  color: var(--theme-content-black1);
}
.warp .tabBox .vipClass .tabItem[data-v-7f28caa8]:hover {
  background: var(--theme-brand-green1);
}
.warp .tabBox .cpClass .tabItem[data-v-7f28caa8] {
  color: var(--theme-content-black1);
}
.warp .tabBox .cpClass .tabItem[data-v-7f28caa8]:hover {
  background: var(--theme-brand-green1);
}
.warp .tabBox .selected .tabItem[data-v-7f28caa8] {
  background: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.warp .expand-control[data-v-7f28caa8] {
  position: absolute;
  top: 9px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--theme-content-gray6);
  width: 20px;
  height: 30px;
  background: var(--theme-bg-white1);
}
.warp .expand-control img[data-v-7f28caa8] {
  width: 12px;
  height: 12px;
  transition: transform 0.3s ease;
}

.cascaderBox[data-v-acef3846] {
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
  font-size: 12px;
  position: relative;
}
.cascaderBox .cascaderDrow[data-v-acef3846] {
  position: absolute;
  top: 100%;
  left: 10px;
  right: 10px;
  background: #fff;
  z-index: 1005;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  box-shadow: 0px 0px 8px 0px rgba(34, 40, 45, 0.1);
  border-radius: 2px;
  border: 1px solid rgba(34, 40, 45, 0.06);
  margin-top: 4px;
  min-height: 152px;
}
.cascaderBox .cascaderDrow .cascaderLine[data-v-acef3846] {
  width: 1px;
  background-color: rgba(34, 40, 45, 0.06);
}
.cascaderBox .cascaderDrow .cascaderSelect[data-v-acef3846] {
  box-sizing: border-box;
  width: calc((100% - 2px) / 3);
  display: flex;
  flex-direction: column;
  text-align: left;
  overflow-y: auto;
}
.cascaderBox .cascaderDrow .cascaderSelect .item[data-v-acef3846] {
  padding: 8px 6px;
  color: rgba(34, 40, 45, 0.7);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cascaderBox .cascaderDrow .cascaderSelect .item[data-v-acef3846]:hover {
  color: #00be8c;
}
.cascaderBox .cascaderDrow .cascaderSelect .item .box-item[data-v-acef3846] {
  height: 16px;
}
.cascaderBox .cascaderDrow .cascaderSelect .item .text[data-v-acef3846] {
  width: calc(100% - 15px);
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.cascaderBox .cascaderDrow .cascaderSelect .item .checkImg[data-v-acef3846] {
  width: 10px;
  height: 8px;
}
.cascaderBox .cascaderDrow .cascaderSelect .active[data-v-acef3846] {
  color: #00be8c;
}
.cascaderBox .cascaderTop[data-v-acef3846] {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  box-sizing: border-box;
  line-height: 24px;
  display: flex;
  cursor: pointer;
}
.cascaderBox .cascaderTop .cascaderItem[data-v-acef3846] {
  box-sizing: border-box;
  width: calc(100% / 3);
  padding-left: 8px;
  display: flex;
  justify-content: space-between;
}
.cascaderBox .cascaderTop .cascaderItem .title[data-v-acef3846] {
  white-space: nowrap;
  height: 24px;
  width: calc(100% - 10px);
  overflow: hidden;
}
.cascaderBox .cascaderTop .cascaderItem .arrowImg[data-v-acef3846] {
  width: 10px;
}
.cascaderBox .cascaderTop .threeSelect[data-v-acef3846] {
  align-items: center;
  padding-right: 8px;
}
.cascaderBox .cascaderTop .threeSelect .title[data-v-acef3846] {
  width: calc(100% - 15px);
  overflow: hidden;
}

.selectBox[data-v-d837094e] {
  width: 100%;
  font-size: 12px;
  position: relative;
}
.selectBox .checkImg[data-v-d837094e] {
  width: 16px;
  height: 16px;
}
.selectBox .titleImg[data-v-d837094e] {
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
}
.selectBox .cascaderDrow[data-v-d837094e] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  box-shadow: 0px 0px 8px 0px rgba(34, 40, 45, 0.1);
  border-radius: 2px;
  border: 1px solid rgba(34, 40, 45, 0.06);
  margin-top: 4px;
  max-height: 232px;
}
.selectBox .cascaderDrow .cascaderSelect[data-v-d837094e] {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.selectBox .cascaderDrow .cascaderSelect .item[data-v-d837094e] {
  padding: 1px;
  border: 1px solid #fff;
  width: 16px;
  height: 16px;
}
.selectBox .cascaderDrow .cascaderSelect .item[data-v-d837094e]:hover {
  border-color: #00be8c;
}
.selectBox .cascaderDrow .cascaderSelect .active[data-v-d837094e] {
  border-color: #00be8c;
}
.selectBox .cascaderTop[data-v-d837094e] {
  box-sizing: border-box;
  line-height: 24px;
  height: 24px;
  display: flex;
  cursor: pointer;
  width: 100%;
  gap: 4px;
}
.selectBox .cascaderTop .cascaderItem[data-v-d837094e] {
  border-radius: 4px;
  border: 1px solid #e2e2e2;
  width: 100%;
  box-sizing: border-box;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectBox .cascaderTop .cascaderItem .title[data-v-d837094e] {
  white-space: nowrap;
  height: 24px;
  width: calc(100% - 10px);
  overflow: hidden;
}
.selectBox .cascaderTop .cascaderItem .title .colorText[data-v-d837094e] {
  margin-left: 5px;
}
.selectBox .cascaderTop .cascaderItem .arrowImg[data-v-d837094e] {
  width: 10px;
}

.selectBox[data-v-66fdcb6a] {
  width: 100%;
  font-size: 12px;
  position: relative;
}
.selectBox .cascaderDrow[data-v-66fdcb6a] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  box-shadow: 0px 0px 8px 0px rgba(34, 40, 45, 0.1);
  border-radius: 2px;
  border: 1px solid rgba(34, 40, 45, 0.06);
  margin-top: 4px;
  max-height: 232px;
}
.selectBox .cascaderDrow .cascaderSelect[data-v-66fdcb6a] {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  overflow-y: auto;
}
.selectBox .cascaderDrow .cascaderSelect .item[data-v-66fdcb6a] {
  padding: 8px 6px;
  color: rgba(34, 40, 45, 0.7);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectBox .cascaderDrow .cascaderSelect .item[data-v-66fdcb6a]:hover {
  color: #00be8c;
}
.selectBox .cascaderDrow .cascaderSelect .item .text[data-v-66fdcb6a] {
  width: calc(100% - 15px);
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.selectBox .cascaderDrow .cascaderSelect .item .checkImg[data-v-66fdcb6a] {
  width: 10px;
  height: 8px;
}
.selectBox .cascaderDrow .cascaderSelect .active[data-v-66fdcb6a] {
  color: #00be8c;
}
.selectBox .cascaderTop[data-v-66fdcb6a] {
  box-sizing: border-box;
  line-height: 24px;
  height: 24px;
  display: flex;
  cursor: pointer;
  width: 100%;
  gap: 4px;
}
.selectBox .cascaderTop .cascaderItem[data-v-66fdcb6a] {
  border-radius: 4px;
  border: 1px solid #e2e2e2;
  width: 100%;
  box-sizing: border-box;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectBox .cascaderTop .cascaderItem .title[data-v-66fdcb6a] {
  white-space: nowrap;
  height: 24px;
  width: calc(100% - 10px);
  overflow: hidden;
}
.selectBox .cascaderTop .cascaderItem .arrowImg[data-v-66fdcb6a] {
  width: 10px;
}

.goodsFilter[data-v-19285870] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.goodsFilter img[data-v-19285870] {
  width: 24px;
  height: 24px;
}
.goodsFilter img[data-v-19285870]:hover {
  opacity: 0.8;
}

.selectGroup[data-v-558ba6d0] {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  align-items: center;
  padding: 0 12px;
  box-sizing: border-box;
  width: 100%;
  gap: 4px;
}
.selectGroup .box[data-v-558ba6d0] {
  width: calc((100% - 12px) / 2);
}

.line[data-v-0f007639] {
  margin-bottom: 12px;
  height: 1px;
  background: var(--theme-content-gray2);
  flex-shrink: 0;
}
.latest-title[data-v-0f007639] {
  display: flex;
  align-items: center;
  margin: 16px 0px 0px 10px;
}
.latest-title img[data-v-0f007639] {
  width: 30px;
  height: 20px;
  margin-right: 5px;
}
.latest-title span[data-v-0f007639] {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}

.navigation-drag-window[data-v-dcac7572] {
  position: fixed;
  background: var(--theme-bg-white3);
  box-shadow: 0px 0px 8px 0px var(--theme-content-gray2);
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  box-sizing: border-box;
  cursor: move;
}
.navigation-drag-window.window-collapsed[data-v-dcac7572] {
  height: auto !important;
}
.navigation-drag-window.window-resizing[data-v-dcac7572],
.navigation-drag-window.window-dragging[data-v-dcac7572] {
  transition: none;
}
.window-header[data-v-dcac7572] {
  display: flex;
  align-items: center;
  height: 40px;
  color: var(--color-black1);
  font-weight: 500;
  box-shadow: inset 0px -1px 0px 0px var(--theme-bg-white3);
  border-radius: 6px 6px 0 0;
  box-sizing: border-box;
  padding: 12px;
}
.drag-icon[data-v-dcac7572] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2px 0 6px;
  cursor: move;
}
.window-title[data-v-dcac7572] {
  flex: 1;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.window-controls[data-v-dcac7572] {
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 6px;
  cursor: pointer;
}
.window-content[data-v-dcac7572] {
  height: calc(100% - 40px);
  padding: 0 12px;
}
.resize-handle[data-v-dcac7572] {
  position: absolute;
  width: 20px;
  height: 20px;
}
.resize-handle-nw[data-v-dcac7572] {
  top: 0;
  left: 0;
  cursor: nw-resize;
}
.resize-handle-ne[data-v-dcac7572] {
  top: 0;
  right: 0;
  cursor: ne-resize;
}
.resize-handle-sw[data-v-dcac7572] {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
}
.resize-handle-se[data-v-dcac7572] {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.navigation-drag-window[data-v-dcac7572] * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.model-nav-header-title[data-v-7eb1baf8] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.model-nav-header-title p[data-v-7eb1baf8] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(---theme-content-black1);
}
.model-nav-header-title .line[data-v-7eb1baf8] {
  width: 1px;
  height: 10px;
  background: var(--theme-content-gray5);
}
.model-nav-header-title .selected-category[data-v-7eb1baf8] {
  font-size: var(--theme-font12);
  font-weight: 500;
  color: var(---theme-content-black1);
}
.model-nav-content[data-v-7eb1baf8] {
  display: flex;
  height: 100%;
  padding: 0px 6px 10px 6px;
  box-sizing: border-box;
}
.model-nav-content .model-nav-left[data-v-7eb1baf8] {
  width: 100px;
  background: var(--theme-bg-white1);
  border-radius: 8px;
  overflow-y: auto;
  padding: 10px 6px 0px 6px;
}
.model-nav-content .model-nav-left .first-level-item[data-v-7eb1baf8] {
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  gap: 10px;
  padding: 10px 6px;
  box-sizing: border-box;
}
.model-nav-content .model-nav-left .first-level-item[data-v-7eb1baf8]:hover {
  background: var(--theme-bg-white2);
}
.model-nav-content .model-nav-left .first-level-item.active[data-v-7eb1baf8] {
  background: var(--theme-brand-green1);
  border-radius: 4px;
  color: var(--theme-brand-green3);
}
.model-nav-content .model-nav-left .first-level-item .first-level-icon[data-v-7eb1baf8] {
  flex-shrink: 0;
}
.model-nav-content .model-nav-left .first-level-item .first-level-icon img[data-v-7eb1baf8] {
  width: 16px;
  height: 16px;
}
.model-nav-content .model-nav-left .first-level-item .first-level-name[data-v-7eb1baf8] {
  flex: 1;
  font-size: var(--theme-font12);
  font-weight: 500;
  transition: color 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.model-nav-content .model-nav-right[data-v-7eb1baf8] {
  flex: 1;
  height: 100%;
  background: var(--theme-bg-white1);
  border-radius: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 5px;
}
.model-nav-content .model-nav-right[data-v-7eb1baf8]::-webkit-scrollbar {
  width: 4px;
}
.model-nav-content .model-nav-right .second-level-container[data-v-7eb1baf8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
  gap: 10px;
}
.model-nav-content .model-nav-right .second-level-container .second-level-item[data-v-7eb1baf8] {
  padding: 16px 20px 0px 20px;
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .second-level-title[data-v-7eb1baf8] {
  cursor: pointer;
  box-sizing: border-box;
  width: 85px;
  height: 28px;
  color: var(--theme-content-gray6);
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .second-level-title .second-level-title-content[data-v-7eb1baf8] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .second-level-title[data-v-7eb1baf8]:hover {
  background: var(--theme-bg-white2);
  border-radius: 4px;
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .second-level-title.active[data-v-7eb1baf8] {
  background: var(--theme-brand-green1);
  border-radius: 4px;
  color: var(--theme-brand-green3) !important;
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .second-level-title .title-icon-img[data-v-7eb1baf8] {
  width: 4px;
  height: 4px;
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .second-level-title .title-text[data-v-7eb1baf8] {
  flex: 1;
  font-weight: 500;
  font-size: var(--theme-font14);
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .second-level-title .green-line[data-v-7eb1baf8] {
  width: 56px;
  height: 4px;
  background: linear-gradient(270deg, rgba(0, 190, 140, 0) 0%, var(--theme-brand-green3) 100%);
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .third-level-list .third-level-item[data-v-7eb1baf8] {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
  font-weight: 500;
  cursor: pointer;
  box-sizing: border-box;
  width: 78px;
  height: 24px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .third-level-list .third-level-item[data-v-7eb1baf8]:hover {
  background: var(--theme-bg-white2);
  border-radius: 4px;
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .third-level-list .third-level-item.active[data-v-7eb1baf8] {
  background: var(--theme-brand-green1);
  border-radius: 4px;
  color: var(--theme-brand-green3);
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .third-level-list .third-level-item .third-level-icon img[data-v-7eb1baf8] {
  width: 4px;
  height: 4px;
}
.model-nav-content .model-nav-right .second-level-container .second-level-item .third-level-list .third-level-item .third-level-name[data-v-7eb1baf8] {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.model-list .model-tabs[data-v-62a45413] {
  display: flex;
  align-items: center;
  padding: 12px 12px 8px 12px;
  flex-shrink: 0;
}
.model-list .model-tabs .tabs-content[data-v-62a45413] {
  color: var(--theme-content-gray6);
  margin-right: 20px;
  cursor: pointer;
  font-size: var(--theme-font14);
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s;
}
.model-list .model-tabs .tabs-content[data-v-62a45413]:hover {
  color: var(--color-black1);
}
.model-list .model-tabs .tabs-content.active[data-v-62a45413] {
  color: var(--color-black1);
  font-weight: 600;
}
.model-list .model-list-content[data-v-62a45413] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.angle[data-v-9702d282] {
  position: relative;
  overflow: visible;
}
.angle:hover .eyeBox[data-v-9702d282] {
  display: block;
}
.eye-btn[data-v-9702d282] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #ffffff;
  border: none;
  box-shadow: 0px 0px 4px 0px rgba(0, 70, 51, 0.1);
  border-radius: 4px;
  cursor: pointer;
}
.eyeBox[data-v-9702d282] {
  position: absolute;
  bottom: 36px;
  left: 0;
  display: none;
  z-index: 999;
}
.eyeBox .hidden-models-panel[data-v-9702d282] {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 280px;
  max-width: 320px;
}
.eyeBox .hidden-models-panel .panel-header[data-v-9702d282] {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}
.eyeBox .hidden-models-panel .panel-header .header-text[data-v-9702d282] {
  color: #999999;
  font-size: 14px;
  font-weight: 500;
}
.eyeBox .hidden-models-panel .models-list[data-v-9702d282] {
  padding: 8px 0;
}
.eyeBox .hidden-models-panel .models-list .model-item[data-v-9702d282] {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.eyeBox .hidden-models-panel .models-list .model-item[data-v-9702d282]:hover {
  background-color: #f8f9fa;
}
.eyeBox .hidden-models-panel .models-list .model-item .model-checkbox[data-v-9702d282] {
  margin-right: 8px;
}
.eyeBox .hidden-models-panel .models-list .model-item .model-name[data-v-9702d282] {
  flex: 1;
  font-size: 14px;
  color: #333333;
  margin-right: 8px;
}
.eyeBox .hidden-models-panel .models-list .model-item[data-v-9702d282] .el-checkbox__label {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}
.eyeBox .hidden-models-panel .models-list .model-item[data-v-9702d282] .el-checkbox__inner {
  background-color: var(--theme-bg-white1);
}
.eyeBox .hidden-models-panel .models-list .model-item[data-v-9702d282] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-brand-green3);
  border: var(--theme-brand-green3);
}
.eyeBox .hidden-models-panel .models-list .model-item[data-v-9702d282] .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--theme-bg-white1);
}

.view-toggle-group[data-v-5ecea62c] {
  width: 120px;
  height: 36px;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 70, 51, 0.1);
  border-radius: 4px;
  margin-left: 10px;
  position: relative;
}
.view-toggle-group .toggle-buttons[data-v-5ecea62c] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d[data-v-5ecea62c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 24px;
  border: none;
  cursor: pointer;
  position: relative;
  color: rgba(34, 40, 45, 0.7);
}
.view-toggle-group .toggle-buttons .toggle-btn-2d[data-v-5ecea62c]:hover {
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d.active[data-v-5ecea62c] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d .arrow-icon[data-v-5ecea62c] {
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d .arrow-icon.rotated[data-v-5ecea62c] {
  transform: rotate(180deg);
}
.view-toggle-group .toggle-buttons .toggle-btn-3d[data-v-5ecea62c] {
  width: 52px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(34, 40, 45, 0.7);
}
.view-toggle-group .toggle-buttons .toggle-btn-3d[data-v-5ecea62c]:hover {
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-3d.active[data-v-5ecea62c] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .dropdown-menu[data-v-5ecea62c] {
  position: absolute;
  bottom: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 80px;
  margin-bottom: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.2s ease;
}
.view-toggle-group .dropdown-menu.visible[data-v-5ecea62c] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-5ecea62c] {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  transition: background-color 0.2s ease;
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-5ecea62c]:hover {
  background: #f5f5f5;
}
.view-toggle-group .dropdown-menu .dropdown-item.active[data-v-5ecea62c] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-5ecea62c]:first-child {
  border-radius: 4px 4px 0 0;
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-5ecea62c]:last-child {
  border-radius: 0 0 4px 4px;
}

.view-toggle[data-v-538597fa] {
  display: flex;
  align-items: center;
  position: relative;
}

.table-content[data-v-2d85858e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.table-content .table-name[data-v-2d85858e] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 4px;
  margin-top: 10px;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-content .table-name .table-detail[data-v-2d85858e] {
  font-size: 12px;
  color: var(--theme-content-gray5);
  cursor: pointer;
  white-space: nowrap;
}
.table-content img[data-v-2d85858e] {
  width: 68px;
  height: 68px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.table-name[data-v-2d85858e] {
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-black1);
}
.table-spec[data-v-2d85858e] {
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-gray6);
}
/* 表格文本 */
.table-text[data-v-2d85858e] {
  font-weight: 400;
  font-size: 14px;
  color: var(--theme-content-black1);
}
/* 表格价格 */
.table-price[data-v-2d85858e] {
  font-weight: 600;
  font-size: 18px;
  color: var(--theme-help-red1);
}
/* 表格操作 */
.action-links[data-v-2d85858e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.action-links img[data-v-2d85858e] {
  width: 14px;
  height: 14px;
}
.action-links .link-text[data-v-2d85858e] {
  font-size: 13px;
  color: var(--theme-brand-green3);
  cursor: pointer;
}
.action-links .link-text[data-v-2d85858e]:hover {
  text-decoration: underline;
}

.table-header[data-v-74a8790b] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 40px 0px 20px 0px;
}
.table-header .title-badge[data-v-74a8790b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100px;
  height: 24px;
  border-radius: 12px;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-bg-white1);
}
.table-header .title-badge.platform[data-v-74a8790b] {
  background: var(--theme-brand-green3);
}
.table-header .title-badge.self[data-v-74a8790b] {
  background: var(--theme-content-gray5);
}
.table-header .title-badge .badge-icon[data-v-74a8790b] {
  width: 14px;
  height: 14px;
}
.table-header .desc[data-v-74a8790b] {
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-black1);
}

.empty-state[data-v-cf533a58] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
  gap: 16px;
}
.empty-state .empty-icon[data-v-cf533a58] {
  width: 120px;
  height: 120px;
  opacity: 0.6;
}
.empty-state .empty-text[data-v-cf533a58] {
  font-size: 16px;
  color: var(--theme-content-gray6);
}

.shop-cart-page[data-v-80815e96] {
  position: fixed;
  left: 51px;
  right: 0;
  bottom: 0;
  top: 60px;
  display: flex;
  flex-direction: column;
  background-color: var(--theme-bg-white4);
  z-index: 9999;
}
.shop-cart-main[data-v-80815e96] {
  flex: 1;
  overflow: hidden;
  background-color: var(--theme-bg-white1);
  border-radius: 20px;
  margin: 20px;
  padding: 42px 80px;
  position: relative;
}
.title-bar[data-v-80815e96] {
  font-weight: 500;
  font-size: 20px;
  color: var(--theme-content-black1);
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.close-btn[data-v-80815e96] {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.close-btn .close-icon[data-v-80815e96] {
  width: 40px;
  height: 40px;
}
.tab-bar[data-v-80815e96] {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--theme-content-gray9);
  position: relative;
}
.tab-bar .tab-item[data-v-80815e96] {
  padding: 12px 24px;
  font-size: 14px;
  color: var(--theme-content-gray6);
  cursor: pointer;
  transition: all 0.2s;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.tab-bar .tab-item[data-v-80815e96]:hover {
  color: var(--theme-content-black1);
}
.tab-bar .tab-item.is-active[data-v-80815e96] {
  color: var(--theme-brand-green3);
  border-bottom-color: var(--theme-brand-green3);
}
.table-container[data-v-80815e96] {
  height: calc(100% - 120px);
  overflow-y: auto;
}
.table-platform[data-v-80815e96] .el-table__header-wrapper th,
.table-self[data-v-80815e96] .el-table__header-wrapper th {
  height: 60px;
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-gray6);
}
.table-platform[data-v-80815e96] .el-table__body-wrapper td,
.table-self[data-v-80815e96] .el-table__body-wrapper td {
  height: 100px;
}
.table-platform[data-v-80815e96] .el-table td.el-table__cell,
.table-self[data-v-80815e96] .el-table td.el-table__cell {
  font-size: 13px;
  padding: 0;
}
.table-platform[data-v-80815e96] {
  /* 自定义 checkbox 选中颜色 - 绿色主题 */
}
.table-platform[data-v-80815e96] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-brand-green3) !important;
  border-color: var(--theme-brand-green3) !important;
}
.table-platform[data-v-80815e96] .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: #ffffff !important;
}
.table-platform[data-v-80815e96] .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: rgba(0, 190, 140, 0.1);
}
.table-platform[data-v-80815e96] .el-table td.el-table__cell {
  background: rgba(0, 190, 140, 0.05);
}
.table-self[data-v-80815e96] .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: var(--theme-content-gray2);
}
.table-self[data-v-80815e96] .el-table td.el-table__cell {
  background: var(--theme-content-gray1);
}
.shop-cart-footer[data-v-80815e96] {
  height: 110px;
  background: var(--theme-bg-white1);
  box-shadow: 0px -6px 6px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 100px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
}
.footer-left[data-v-80815e96] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer-left .info-label[data-v-80815e96] {
  font-weight: 400;
  font-size: 16px;
  color: var(--theme-content-black1);
}
.selected-images .images-list[data-v-80815e96] {
  display: flex;
  align-items: center;
  gap: -8px;
}
.selected-images .images-list .selected-thumbnail[data-v-80815e96] {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 2px solid var(--theme-bg-white1);
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: -8px;
}
.selected-images .images-list .selected-thumbnail[data-v-80815e96]:first-child {
  margin-left: 0;
}
.selected-images .images-list .more-count[data-v-80815e96] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 2px solid var(--theme-bg-white1);
  background: var(--theme-brand-green3);
  color: var(--theme-bg-white1);
  font-size: 12px;
  font-weight: 500;
  margin-left: -8px;
}
.footer-right[data-v-80815e96] {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 8px;
}
.footer-right .tip-explain[data-v-80815e96] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.footer-right .tip-explain img[data-v-80815e96] {
  width: 14px;
  height: 14px;
}
.footer-right .tip-explain span[data-v-80815e96] {
  font-size: 12px;
  color: var(--theme-content-gray5);
}
.summary-info[data-v-80815e96] {
  display: flex;
  align-items: center;
  gap: 20px;
}
.summary-info .info-label[data-v-80815e96] {
  font-weight: 400;
  font-size: 16px;
  color: var(--theme-content-black1);
  display: flex;
  align-items: center;
}
.summary-info .info-price[data-v-80815e96] {
  font-weight: 500;
  font-size: 20px;
  color: var(--theme-help-red1);
}
.export-btn[data-v-80815e96] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 120px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid var(--theme-brand-green3);
  cursor: pointer;
}
.export-btn img[data-v-80815e96] {
  width: 16px;
  height: 16px;
}
.export-btn span[data-v-80815e96] {
  font-size: 14px;
  color: var(--theme-brand-green3);
}
.export-btn[data-v-80815e96]:hover {
  background: var(--theme-bg-white2);
  border-color: var(--theme-brand-green2);
}
[data-v-80815e96] .el-table__inner-wrapper {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--theme-content-gray9);
}
[data-v-80815e96] .el-table__inner-wrapper::before {
  display: none;
}
[data-v-80815e96] .el-table__body-wrapper tr.el-table__row:last-child td.el-table__cell {
  border-bottom: none !important;
}

.left-side[data-v-49765429] {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  background-color: var(--theme-bg-white1);
}
.left-nav-menu[data-v-49765429] {
  width: 52px;
  height: 100%;
  background-color: var(--theme-bg-white2);
  box-shadow: inset -1px 0px 0px 0px var(--theme-bg-white3);
  display: flex;
  flex-direction: column;
}
.menu-item[data-v-49765429] {
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 1.5;
  font-size: 12px;
  color: var(--theme-content-gray6);
  cursor: pointer;
  transition: background-color 0.2s;
}
.menu-item[data-v-49765429]:hover {
  background-color: var(--theme-bg-white3);
}
.menu-item.is-active[data-v-49765429] {
  color: var(--theme-brand-green3);
}
.menu-item .menu-icon-wrapper[data-v-49765429] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-item .menu-icon-wrapper .menu-icon[data-v-49765429] {
  width: 24px;
  height: 24px;
}
.menu-item .menu-icon-wrapper .menu-badge[data-v-49765429] {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  background-color: var(--theme-help-red1);
  border-radius: 8px;
  transform: translate(25%, -25%);
}
.view-toggle[data-v-49765429] {
  position: absolute;
  bottom: 20px;
  right: -100px;
}

.parameter[data-v-01b1e04f] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.parameter .camera-parameters[data-v-01b1e04f] {
  margin-bottom: 4px;
}
.parameter .camera-slider[data-v-01b1e04f] {
  width: 140px;
}
.parameter .comment-color[data-v-01b1e04f] {
  margin-bottom: 6px;
  color: #2d3037;
}
.parameter .camera-input[data-v-01b1e04f] {
  position: relative;
}
.parameter input[data-v-01b1e04f] {
  border: 1px solid #e5e5e5;
  text-align: right;
  padding-right: 24px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  line-height: 28px;
  width: 80px;
  color: #2d3037;
}
.parameter input[data-v-01b1e04f]:focus {
  border: 1px solid #409eff;
  color: #409eff;
}
.parameter .degree[data-v-01b1e04f] {
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  color: #8d8f94;
}

.attr-args-input-num[data-v-5a8bb106] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  line-height: 21px;
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-args-input-num .spandisabled[data-v-5a8bb106] {
  color: var(--theme-content-gray4);
}
.attr-args-input-num[data-v-5a8bb106] .el-input__wrapper {
  padding: 0px 4px 0px 8px;
  width: 80px;
  box-sizing: border-box;
}
.attr-args-input-num[data-v-5a8bb106] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: 12px;
}
.attr-args-input-num[data-v-5a8bb106] .el-input__wrapper .el-input__inner {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-args-input-num[data-v-5a8bb106] .el-input.is-disabled {
  border: 0px !important;
}
.attr-args-input-num[data-v-5a8bb106] .el-input.is-disabled .el-input__wrapper {
  background-color: var(--theme-bg-white1) !important;
}
.attr-args-input-num[data-v-5a8bb106] .el-input.is-disabled .el-input__wrapper .el-input__inner {
  color: var(--theme-content-gray4) !important;
  -webkit-text-fill-color: var(--theme-content-gray4) !important;
}
.attr-args-input-num[data-v-5a8bb106] .el-input.is-disabled .el-input__wrapper .suffixName {
  color: var(--theme-content-gray4) !important;
}
[data-v-5a8bb106] input[type="number"]::-webkit-outer-spin-button,[data-v-5a8bb106] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.attr-args-input[data-v-21ef0784] {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.attr-args-input span[data-v-21ef0784] {
  display: inline-flex;
  align-items: center;
  line-height: 32px;
}
.attr-args-input .input-attr[data-v-21ef0784] {
  border: none;
  position: relative;
  flex: 1;
  margin-left: 6px;
  line-height: 28px;
}
.attr-args-input .input-attr input[data-v-21ef0784] {
  border: none;
  width: 95%;
  height: 30px;
  padding: 0;
  text-align: left;
  border: 1px solid #dcdfe6;
  outline: none;
  color: #303133;
  padding-left: 10px;
}
.attr-args-input .input-attr .num[data-v-21ef0784] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}

.changes[data-v-bdc3634e] {
  width: 100%;
  height: 30px;
  display: flex;
  margin-top: 20px;
  background-color: var(--theme-content-gray1);
  border-radius: 4px;
  overflow: hidden;
}
.changes .item[data-v-bdc3634e] {
  flex: 1;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  color: var(--theme-content-gray7);
}
.changes .actived[data-v-bdc3634e] {
  background-color: var(--theme-brand-green3);
  color: var(--color-white1);
}

.attr-args-select-ele[data-v-297e1284] {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
}
.attr-args-select-ele .title[data-v-297e1284] {
  font-size: 12px;
  color: var(--theme-content-black1);
  height: 14px;
  display: flex;
  align-items: center;
}
.attr-args-select-ele .title .titleLeft[data-v-297e1284] {
  width: 3px;
  height: 14px;
  background: var(--theme-brand-green3);
  margin-right: 4px;
}
.attr-args-select-ele[data-v-297e1284] .el-select__wrapper {
  padding: 0px;
  padding-left: 8px;
}
.attr-args-select-ele[data-v-297e1284] .el-select__wrapper.is-focused {
  box-shadow: none;
  border: 1px solid var(--theme-content-gray1);
}
.attr-args-select-ele[data-v-297e1284] .el-select__suffix {
  order: 2;
  /* 调整布局顺序 */
  padding: 0 5px;
  background: var(--theme-content-gray1);
  height: 30px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.attr-args-select-ele[data-v-297e1284] .el-select__suffix .el-icon {
  color: var(--theme-content-gray6);
  width: 7px;
  height: 4px;
}
.attr-args-select-ele[data-v-297e1284] .el-select__placeholder {
  font-size: 12px;
  min-width: 26px;
  color: var(--theme-content-black1);
}
.attr-args-select-ele[data-v-297e1284] .el-select__prefix {
  font-size: 12px;
  right: 30px;
  order: 1;
  /* 调整布局顺序 */
}

.tabBox[data-v-97bbccd4] {
  font-size: 12px;
  overflow: hidden;
  background: rgba(34, 40, 45, 0.06);
}
.tabBox .tab[data-v-97bbccd4] {
  float: left;
  padding: 3px 8px;
}
.tabBox .active[data-v-97bbccd4] {
  background: rgba(34, 40, 45, 0.7);
  border-radius: 4px;
  color: #fff;
}
.attr-args-select-ele[data-v-97bbccd4] {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
}
.attr-args-select-ele .title[data-v-97bbccd4] {
  font-size: 14px;
  color: var(--theme-content-black1);
  height: 14px;
  display: flex;
  align-items: center;
}
.attr-args-select-ele .title .titleLeft[data-v-97bbccd4] {
  width: 3px;
  height: 14px;
  background: var(--theme-brand-green3);
  margin-right: 4px;
}

.attr-args-select-ele[data-v-ee11889e] {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  line-height: 24px;
}
.attr-args-select-ele[data-v-ee11889e] .el-checkbox__label {
  color: var(--theme-content-black1);
  font-size: 12px !important;
}
.attr-args-select-ele[data-v-ee11889e] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--theme-content-black1);
  font-size: 12px !important;
}
.attr-args-select-ele[data-v-ee11889e] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-brand-green3);
  border-color: var(--theme-brand-green3);
}

.attr-args-text[data-v-168435bd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--theme-content-black1);
}

.attr-args-text[data-v-15ef0de8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--theme-content-black1);
}

.attr-args-checkbox[data-v-4f0d89b7] {
  font-size: 12px;
  color: var(--theme-content-black1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.attr-args-input-num[data-v-3177ab34] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-args-input-num .camera-input[data-v-3177ab34] {
  display: flex;
  align-items: center;
}
[data-v-3177ab34] .el-input__wrapper {
  margin-left: 10px;
  padding: 0px 4px 0px 8px;
  width: 64px;
  box-sizing: border-box;
}
[data-v-3177ab34] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: 12px;
}
[data-v-3177ab34] .el-input__wrapper .el-input__inner {
  font-size: 12px;
  color: var(--theme-content-black1);
}
[data-v-3177ab34] input[type="number"]::-webkit-outer-spin-button,[data-v-3177ab34] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-v-3177ab34] .inputColor {
  width: 64px;
  height: 24px;
  border-color: var(--theme-content-gray2);
}
[data-v-3177ab34] .el-color-picker .el-color-picker__icon {
  display: none;
}

.attr-args-text[data-v-0ef70335] {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-args-text span[data-v-0ef70335] {
  display: flex;
  align-items: center;
}
.attr-args-text .num[data-v-0ef70335] {
  line-height: 28px;
  width: 80px;
  background-color: #f1f3f8;
  color: #8d8f94;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.sudoku[data-v-1b9d8481] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: var(--theme-content-black1);
  margin-top: 20px;
}
.sudoku .sudo[data-v-1b9d8481] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
}
.sudoku .sudo .item[data-v-1b9d8481] {
  border: 1px solid #c4c4c4;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
.sudoku .sudo .item[data-v-1b9d8481]:hover {
  background-color: var(--theme-brand-green3);
}
.sudoku .sudo .item .icon[data-v-1b9d8481] {
  width: 11px;
  height: 14px;
}

.parameter[data-v-981efd82] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.parameter[data-v-981efd82] .el-input__wrapper {
  padding: 1px 4px 1px 8px;
  width: 70px;
  box-sizing: border-box;
}
.parameter[data-v-981efd82] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: 12px;
  width: 22px;
  text-align: left;
}
.parameter[data-v-981efd82] .el-input__wrapper .el-input__inner {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.parameter .camera-parameters[data-v-981efd82] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.parameter .camera-slider[data-v-981efd82] {
  flex: 1;
  min-width: 80px;
}
.parameter .camera-slider[data-v-981efd82] .el-slider__runway {
  height: 2px !important;
  background: var(--theme-content-gray1) !important;
}
.parameter .camera-slider[data-v-981efd82] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green3) !important;
}
.parameter .camera-slider[data-v-981efd82] .el-slider__button {
  width: 14px !important;
  height: 14px !important;
  background: var(--theme-bg-white1) !important;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 0px rgba(0, 70, 51, 0.2) !important;
  border: 1px solid var(--theme-brand-green3) !important;
}
.parameter .camera-slider[data-v-981efd82] .el-slider__button-wrapper {
  top: -17px !important;
}
.parameter .comment-color[data-v-981efd82] {
  color: var(--theme-content-black1);
  font-size: 12px;
  white-space: nowrap;
  padding-right: 5px;
}
[data-v-981efd82] input[type="number"]::-webkit-outer-spin-button,[data-v-981efd82] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.parameter[data-v-210d9da0] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.parameter[data-v-210d9da0] .el-input__wrapper {
  padding: 1px 4px 1px 8px;
  width: 80px;
  box-sizing: border-box;
}
.parameter[data-v-210d9da0] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: 12px;
  width: 22px;
  text-align: left;
}
.parameter[data-v-210d9da0] .el-input__wrapper .el-input__inner {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.parameter .camera-parameters[data-v-210d9da0] {
  flex: 1;
  margin-right: 12px;
}
.parameter .camera-slider[data-v-210d9da0] {
  width: 100%;
  min-width: 100px;
}
.parameter .camera-slider[data-v-210d9da0] .el-slider__runway {
  height: 30px !important;
  background: var(--theme-bg-white5) !important;
}
.parameter .camera-slider[data-v-210d9da0] .el-slider__bar {
  height: 30px !important;
  background-color: var(--theme-brand-green2) !important;
}
.parameter .camera-slider[data-v-210d9da0] .el-slider__button {
  height: 30px !important;
  width: 0px !important;
  border-radius: 0px;
  border: 2px solid var(--theme-brand-green3) !important;
}
.parameter .camera-slider[data-v-210d9da0] .el-slider__button-wrapper {
  top: -3px !important;
}
.parameter .comment-color[data-v-210d9da0] {
  color: var(--theme-content-black1);
  font-size: 12px;
  margin-bottom: 6px;
}

.parameter[data-v-269e4550] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.rotationBox[data-v-269e4550] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.rotationBox .angleInput[data-v-269e4550] {
  width: 64px;
  height: 24px;
  border: 1px solid rgba(34, 40, 45, 0.12);
  border-radius: 2px;
  padding: 3px 0 3px 3px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  box-sizing: border-box;
}
.rotationBox .angleInput .inputBox[data-v-269e4550] {
  display: flex;
  align-items: center;
  flex: 1;
  box-sizing: border-box;
  /* 当输入框聚焦时，隐藏右侧加减按钮 */
}
.rotationBox .angleInput .inputBox .inputNumber[data-v-269e4550] {
  min-width: 43px;
  font-size: 12px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  box-sizing: border-box;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberWrap[data-v-269e4550] {
  color: red;
  box-sizing: border-box;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberWrap .inputNumberInput[data-v-269e4550] {
  text-align: right;
  padding-right: 16px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 24px;
  display: block;
  width: 100%;
  border: 1px solid;
  border-color: rgba(34, 40, 45, 0.12);
  border-radius: 2px;
  background-color: #fff;
  box-sizing: border-box;
  border-left: none;
  border-right: none;
  /* 选中（聚焦）状态 */
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberWrap .inputNumberInput[data-v-269e4550]:focus {
  outline: none;
  /* 移除浏览器默认的聚焦轮廓（通常是蓝色虚线） */
  border-color: #fff;
  /* 改为自定义边框色（如谷歌蓝） */
  box-shadow: none;
  /* 外围发光效果 */
  background-color: #fff;
  /* 可选：轻微调整背景色 */
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberUnit[data-v-269e4550] {
  line-height: 22px;
  right: 9px;
  position: absolute;
  top: 0;
  margin: 1px 0;
  text-align: right;
  color: #22282d;
  pointer-events: none;
  background: #fff;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler[data-v-269e4550] {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  width: 16px;
  height: 22px;
  margin: 1px 0;
  background: #fff;
  flex-direction: column;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerUp[data-v-269e4550] {
  flex-direction: column-reverse;
  display: flex;
  height: 50%;
  cursor: pointer;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerUp[data-v-269e4550]::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto auto 3px;
  border: 4px solid transparent;
  border-bottom: 4px solid rgba(3, 9, 17, 0.3);
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerDown[data-v-269e4550] {
  flex-direction: column;
  display: flex;
  height: 50%;
  cursor: pointer;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerDown[data-v-269e4550]:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 3px auto auto;
  border: 4px solid transparent;
  border-top: 4px solid rgba(3, 9, 17, 0.3);
}
.rotationBox .angleInput .inputBox:hover .inputNumberHandler[data-v-269e4550] {
  display: flex;
}
.rotationBox .angleInput .inputBox .inputNumber:focus-within .inputNumberHandler[data-v-269e4550] {
  display: none;
}
.rotationBox .angleInput .inputDial[data-v-269e4550] {
  position: relative;
  border-radius: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-color: rgba(34, 40, 45, 0.12);
  box-sizing: border-box;
}
.rotationBox .angleInput .inputDial .inputDialPointer[data-v-269e4550] {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  right: 1px;
  top: 6px;
}
.rotationBox .angleInput .inputDial .inputDialPointer[data-v-269e4550] {
  background-color: #00be8c;
}
.rotationBox .angleInput .inputDial[data-v-269e4550]:hover {
  background-color: #00be8c;
}
[data-v-269e4550] input[type="number"]::-webkit-outer-spin-button,[data-v-269e4550] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.parameter[data-v-47793d4c] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.rotationBox[data-v-47793d4c] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.rotationBox .angleInput[data-v-47793d4c] {
  width: 64px;
  height: 24px;
  border: 1px solid rgba(34, 40, 45, 0.12);
  border-radius: 2px;
  padding: 3px 0 3px 3px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  box-sizing: border-box;
}
.rotationBox .angleInput .inputBox[data-v-47793d4c] {
  display: flex;
  align-items: center;
  flex: 1;
  box-sizing: border-box;
  /* 当输入框聚焦时，隐藏右侧加减按钮 */
}
.rotationBox .angleInput .inputBox .inputNumber[data-v-47793d4c] {
  min-width: 43px;
  font-size: 12px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  box-sizing: border-box;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberWrap[data-v-47793d4c] {
  color: red;
  box-sizing: border-box;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberWrap .inputNumberInput[data-v-47793d4c] {
  text-align: right;
  padding-right: 16px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 24px;
  display: block;
  width: 100%;
  border: 1px solid;
  border-color: rgba(34, 40, 45, 0.12);
  border-radius: 2px;
  background-color: #fff;
  box-sizing: border-box;
  border-left: none;
  border-right: none;
  /* 选中（聚焦）状态 */
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberWrap .inputNumberInput[data-v-47793d4c]:focus {
  outline: none;
  /* 移除浏览器默认的聚焦轮廓（通常是蓝色虚线） */
  border-color: #fff;
  /* 改为自定义边框色（如谷歌蓝） */
  box-shadow: none;
  /* 外围发光效果 */
  background-color: #fff;
  /* 可选：轻微调整背景色 */
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberUnit[data-v-47793d4c] {
  line-height: 22px;
  right: 9px;
  position: absolute;
  top: 0;
  margin: 1px 0;
  text-align: right;
  color: #22282d;
  pointer-events: none;
  background: #fff;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler[data-v-47793d4c] {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  width: 16px;
  height: 22px;
  margin: 1px 0;
  background: #fff;
  flex-direction: column;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerUp[data-v-47793d4c] {
  flex-direction: column-reverse;
  display: flex;
  height: 50%;
  cursor: pointer;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerUp[data-v-47793d4c]::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto auto 3px;
  border: 4px solid transparent;
  border-bottom: 4px solid rgba(3, 9, 17, 0.3);
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerDown[data-v-47793d4c] {
  flex-direction: column;
  display: flex;
  height: 50%;
  cursor: pointer;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerDown[data-v-47793d4c]:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 3px auto auto;
  border: 4px solid transparent;
  border-top: 4px solid rgba(3, 9, 17, 0.3);
}
.rotationBox .angleInput .inputBox:hover .inputNumberHandler[data-v-47793d4c] {
  display: flex;
}
.rotationBox .angleInput .inputBox .inputNumber:focus-within .inputNumberHandler[data-v-47793d4c] {
  display: none;
}
.rotationBox .angleInput .inputDial[data-v-47793d4c] {
  position: relative;
  border-radius: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-color: rgba(34, 40, 45, 0.12);
  box-sizing: border-box;
}
.rotationBox .angleInput .inputDial .inputDialPointer[data-v-47793d4c] {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  right: 1px;
  top: 6px;
}
.rotationBox .angleInput .inputDial .inputDialPointer[data-v-47793d4c] {
  background-color: #00be8c;
}
.rotationBox .angleInput .inputDial[data-v-47793d4c]:hover {
  background-color: #00be8c;
}
.parameter[data-v-47793d4c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.parameter[data-v-47793d4c] .el-input__wrapper {
  padding: 1px 4px 1px 8px;
  width: 70px;
  box-sizing: border-box;
}
.parameter[data-v-47793d4c] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: 12px;
  width: 22px;
  text-align: left;
}
.parameter[data-v-47793d4c] .el-input__wrapper .el-input__inner {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.parameter .camera-parameters[data-v-47793d4c] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.parameter .camera-slider[data-v-47793d4c] {
  flex: 1;
  min-width: 80px;
}
.parameter .camera-slider[data-v-47793d4c] .el-slider__runway {
  height: 2px !important;
  background: var(--theme-content-gray1) !important;
}
.parameter .camera-slider[data-v-47793d4c] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green3) !important;
}
.parameter .camera-slider[data-v-47793d4c] .el-slider__button {
  width: 14px !important;
  height: 14px !important;
  background: var(--theme-bg-white1) !important;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 0px rgba(0, 70, 51, 0.2) !important;
  border: 1px solid var(--theme-brand-green3) !important;
}
.parameter .camera-slider[data-v-47793d4c] .el-slider__button-wrapper {
  top: -17px !important;
}
.parameter .comment-color[data-v-47793d4c] {
  color: var(--theme-content-black1);
  font-size: 12px;
  white-space: nowrap;
  padding-right: 5px;
}
[data-v-47793d4c] input[type="number"]::-webkit-outer-spin-button,[data-v-47793d4c] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.rotationBox[data-v-a89863b0] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.rotationBox .angleInput[data-v-a89863b0] {
  width: 64px;
  height: 24px;
  border: 1px solid rgba(34, 40, 45, 0.12);
  border-radius: 2px;
  padding: 3px 0 3px 3px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  box-sizing: border-box;
}
.rotationBox .angleInput .inputBox[data-v-a89863b0] {
  display: flex;
  align-items: center;
  flex: 1;
  box-sizing: border-box;
  /* 当输入框聚焦时，隐藏右侧加减按钮 */
}
.rotationBox .angleInput .inputBox .inputNumber[data-v-a89863b0] {
  min-width: 43px;
  font-size: 12px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  box-sizing: border-box;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberWrap[data-v-a89863b0] {
  color: red;
  box-sizing: border-box;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberWrap .inputNumberInput[data-v-a89863b0] {
  text-align: right;
  padding-right: 16px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 24px;
  display: block;
  width: 100%;
  border: 1px solid;
  border-color: rgba(34, 40, 45, 0.12);
  border-radius: 2px;
  background-color: #fff;
  box-sizing: border-box;
  border-left: none;
  border-right: none;
  /* 选中（聚焦）状态 */
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberWrap .inputNumberInput[data-v-a89863b0]:focus {
  outline: none;
  /* 移除浏览器默认的聚焦轮廓（通常是蓝色虚线） */
  border-color: #fff;
  /* 改为自定义边框色（如谷歌蓝） */
  box-shadow: none;
  /* 外围发光效果 */
  background-color: #fff;
  /* 可选：轻微调整背景色 */
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberUnit[data-v-a89863b0] {
  line-height: 22px;
  right: 9px;
  position: absolute;
  top: 0;
  margin: 1px 0;
  text-align: right;
  color: #22282d;
  pointer-events: none;
  background: #fff;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler[data-v-a89863b0] {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  width: 16px;
  height: 22px;
  margin: 1px 0;
  background: #fff;
  flex-direction: column;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerUp[data-v-a89863b0] {
  flex-direction: column-reverse;
  display: flex;
  height: 50%;
  cursor: pointer;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerUp[data-v-a89863b0]::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto auto 3px;
  border: 4px solid transparent;
  border-bottom: 4px solid rgba(3, 9, 17, 0.3);
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerDown[data-v-a89863b0] {
  flex-direction: column;
  display: flex;
  height: 50%;
  cursor: pointer;
}
.rotationBox .angleInput .inputBox .inputNumber .inputNumberHandler .inputNumberHandlerDown[data-v-a89863b0]:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 3px auto auto;
  border: 4px solid transparent;
  border-top: 4px solid rgba(3, 9, 17, 0.3);
}
.rotationBox .angleInput .inputBox:hover .inputNumberHandler[data-v-a89863b0] {
  display: flex;
}
.rotationBox .angleInput .inputBox .inputNumber:focus-within .inputNumberHandler[data-v-a89863b0] {
  display: none;
}
.rotationBox .angleInput .inputDial[data-v-a89863b0] {
  position: relative;
  border-radius: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-color: rgba(34, 40, 45, 0.12);
  box-sizing: border-box;
}
.rotationBox .angleInput .inputDial .inputDialPointer[data-v-a89863b0] {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  right: 1px;
  top: 6px;
}
.rotationBox .angleInput .xColor .inputDialPointer[data-v-a89863b0] {
  background-color: #03a9f4;
}
.rotationBox .angleInput .xColor[data-v-a89863b0]:hover {
  background-color: #03a9f4;
}
.rotationBox .angleInput .yColor .inputDialPointer[data-v-a89863b0] {
  background-color: #ffb347;
}
.rotationBox .angleInput .yColor[data-v-a89863b0]:hover {
  background-color: #ffb347;
}
.rotationBox .angleInput .zColor .inputDialPointer[data-v-a89863b0] {
  background-color: #40cea9;
}
.rotationBox .angleInput .zColor[data-v-a89863b0]:hover {
  background-color: #40cea9;
}
.parameter[data-v-a89863b0] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.parameter[data-v-a89863b0] .el-input__wrapper {
  padding: 1px 4px 1px 8px;
  width: 70px;
  box-sizing: border-box;
}
.parameter[data-v-a89863b0] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: 12px;
  width: 22px;
  text-align: left;
}
.parameter[data-v-a89863b0] .el-input__wrapper .el-input__inner {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.parameter .camera-parameters[data-v-a89863b0] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.parameter .camera-slider[data-v-a89863b0] {
  flex: 1;
  min-width: 80px;
}
.parameter .camera-slider[data-v-a89863b0] .el-slider__runway {
  height: 2px !important;
  background: var(--theme-content-gray1) !important;
}
.parameter .camera-slider[data-v-a89863b0] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green3) !important;
}
.parameter .camera-slider[data-v-a89863b0] .el-slider__button {
  width: 14px !important;
  height: 14px !important;
  background: var(--theme-bg-white1) !important;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 0px rgba(0, 70, 51, 0.2) !important;
  border: 1px solid var(--theme-brand-green3) !important;
}
.parameter .camera-slider[data-v-a89863b0] .el-slider__button-wrapper {
  top: -17px !important;
}
.parameter .comment-color[data-v-a89863b0] {
  color: var(--theme-content-black1);
  font-size: 12px;
  white-space: nowrap;
  padding-right: 5px;
}
[data-v-a89863b0] input[type="number"]::-webkit-outer-spin-button,[data-v-a89863b0] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.rotationBox[data-v-ad85b396] {
  display: inline-flex;
  width: 64px;
  margin-right: calc((100% - 193px) / 2);
}
.rotationBox[data-v-ad85b396]:last-child {
  margin-right: 0;
}

.attr-box[data-v-08e39540] {
  font-size: 12px;
  color: var(--theme-content-black1);
  display: flex;
  align-items: center;
  justify-content: start;
}
.attr-box[data-v-08e39540] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-brand-green3);
  border-color: var(--theme-brand-green3);
}
.attr-box[data-v-08e39540] .el-checkbox__label {
  padding-left: 0px;
}
.attr-box .span[data-v-08e39540] {
  margin-left: 8px;
}

.attr-box[data-v-d3ce697c] {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.attr-box .img-box[data-v-d3ce697c] {
  height: 60px;
  width: 60px;
  margin-right: 12px;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0);
  box-sizing: border-box;
}
.attr-box .img-box .img[data-v-d3ce697c] {
  width: 100%;
  height: 100%;
}
.attr-box .content[data-v-d3ce697c] {
  height: 50px;
  font-size: 12px;
}
.attr-box .content div[data-v-d3ce697c] {
  margin-bottom: 6px;
}
.product-details[data-v-d3ce697c] {
  width: 212px;
  height: 24px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid rgba(0, 190, 140, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  color: #00be8c;
  margin-top: 12px;
}

.attr-box[data-v-03b51918] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-top: 20px;
}
.attr-box .img-box[data-v-03b51918] {
  height: 40px;
  width: 40px;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0);
  box-sizing: border-box;
  cursor: pointer;
}
.attr-box .img-box[data-v-03b51918]:hover {
  border: 1px solid lightblue;
}
.attr-box .img-box .img[data-v-03b51918] {
  width: 100%;
  height: 100%;
}

.attr-box[data-v-15f3a384] {
  height: 14px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.attr-box .title[data-v-15f3a384] {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-box .line[data-v-15f3a384] {
  width: 3px;
  height: 14px;
  background: var(--theme-brand-green3);
  margin-right: 4px;
}

.attr-box[data-v-2e347224] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.attr-box .title[data-v-2e347224] {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-box .icon-box[data-v-2e347224] {
  height: 11px;
  line-height: 28px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.attr-box .icon-box .icon[data-v-2e347224] {
  width: 14px;
  height: 14px;
}
.attr-box .icon-box .iconName[data-v-2e347224] {
  font-size: 12px;
  color: var(--theme-content-gray6);
  font-weight: 400;
  margin-left: 3px;
}

/* 样式保持不变 */
.attr-box[data-v-1646c8f4] {
  margin-top: 12px;
  height: 24px;
}
.attr-box[data-v-1646c8f4] .el-radio {
  height: 24px;
}
.attr-box[data-v-1646c8f4] .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-brand-green3);
  border-color: var(--theme-brand-green3);
}
.attr-box[data-v-1646c8f4] .el-radio__label {
  margin-left: 2px;
}
.attr-box[data-v-1646c8f4] .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-content-black1);
}

.attr-box[data-v-358b73a2] {
  font-size: 12px;
  color: var(--theme-content-black1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.attr-box[data-v-358b73a2] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-brand-green3);
  border-color: var(--theme-brand-green3);
}
.attr-box[data-v-358b73a2] .el-checkbox__label {
  padding-left: 0px;
}

.attr-box[data-v-6b8d52c8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-box .group[data-v-6b8d52c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.attr-box .group .btn[data-v-6b8d52c8] {
  display: flex;
  height: 28px;
  padding: 0px 8px;
  align-items: center;
  justify-content: center;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  cursor: pointer;
}
.attr-box .group .btn.active[data-v-6b8d52c8] {
  background: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.attr-box .group .btn .icon[data-v-6b8d52c8] {
  margin-right: 4px;
  width: 14px;
  height: 14px;
}

.imgBox[data-v-3267a654] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 12px;
  color: #000;
}
.imgBox .imgIcon[data-v-3267a654] {
  width: 48px;
  height: 48px;
  cursor: pointer;
  border: 1px solid var(--theme-content-gray1);
  box-sizing: border-box;
}
.imgBox .imgIcon[data-v-3267a654]:hover {
  border: 1px solid var(--theme-brand-green2);
}

.attr-box[data-v-7e037a2d] {
  margin-top: 12px;
}

.attr-args-input-num[data-v-094d4b67] {
  display: flex;
  justify-content: space-between;
  line-height: 31px;
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-args-input-num .spandisabled[data-v-094d4b67] {
  color: var(--theme-content-gray4);
}
.attr-args-input-num[data-v-094d4b67] .el-input__wrapper {
  padding: 0px 4px 0px 8px;
  width: 80px;
  box-sizing: border-box;
}
.attr-args-input-num[data-v-094d4b67] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: 12px;
}
.attr-args-input-num[data-v-094d4b67] .el-input__wrapper .el-input__inner {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-args-input-num[data-v-094d4b67] .el-input.is-disabled {
  border: 0px !important;
}
.attr-args-input-num[data-v-094d4b67] .el-input.is-disabled .el-input__wrapper {
  background-color: var(--theme-bg-white1) !important;
}
.attr-args-input-num[data-v-094d4b67] .el-input.is-disabled .el-input__wrapper .el-input__inner {
  color: var(--theme-content-gray4) !important;
  -webkit-text-fill-color: var(--theme-content-gray4) !important;
}
.attr-args-input-num[data-v-094d4b67] .el-input.is-disabled .el-input__wrapper .suffixName {
  color: var(--theme-content-gray4) !important;
}
[data-v-094d4b67] input[type="number"]::-webkit-outer-spin-button,[data-v-094d4b67] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.attr-args-input-num[data-v-b1b32ccc] {
  display: flex;
  justify-content: flex-end;
  line-height: 31px;
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-args-input-num .spandisabled[data-v-b1b32ccc] {
  color: var(--theme-content-gray4);
}
.attr-args-input-num .Btn[data-v-b1b32ccc] {
  width: 64px;
  height: 28px;
  background: var(--theme-bg-white1);
  border: 1px solid var(--theme-content-gray2);
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-gray7);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  float: right;
  box-sizing: border-box;
}
.attr-args-input-num .Btn[data-v-b1b32ccc]:hover {
  background-color: var(--theme-bg-white2);
}

.attr-args-select-ele[data-v-71b4e7f0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.attr-args-select-ele .title[data-v-71b4e7f0] {
  font-size: 12px;
  color: var(--theme-content-black1);
  height: 14px;
  display: flex;
  align-items: center;
}
.attr-args-select-ele .title .titleLeft[data-v-71b4e7f0] {
  width: 3px;
  height: 14px;
  background: var(--theme-brand-green3);
  margin-right: 4px;
}
.attr-args-select-ele[data-v-71b4e7f0] .el-select__wrapper {
  padding: 0px;
  padding-left: 8px;
  height: 24px !important;
  min-height: 0px;
}
.attr-args-select-ele[data-v-71b4e7f0] .el-select__wrapper.is-focused {
  box-shadow: none;
  border: 1px solid var(--theme-content-gray1);
}
.attr-args-select-ele[data-v-71b4e7f0] .el-select__suffix {
  order: 2;
  /* 调整布局顺序 */
  padding: 0 5px;
  height: 24px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.attr-args-select-ele[data-v-71b4e7f0] .el-select__suffix .el-icon {
  color: var(--theme-content-gray6);
  width: 7px;
  height: 4px;
}
.attr-args-select-ele[data-v-71b4e7f0] .el-select__placeholder {
  font-size: 12px;
  min-width: 26px;
  color: var(--theme-content-black1);
}
.attr-args-select-ele[data-v-71b4e7f0] .el-select__prefix {
  font-size: 12px;
  right: 30px;
  order: 1;
  /* 调整布局顺序 */
}

.attrBox[data-v-7701055b] {
  margin-top: 12px;
}

[data-v-6c505644] .el-collapse {
  border: 0px;
  border-bottom: 0px;
  height: 20px;
}
[data-v-6c505644] .el-collapse .el-collapse-item__wrap {
  font-size: 14px;
  color: var(--theme-content-gray7);
  overflow: visible;
  border-bottom: 0px;
}
[data-v-6c505644] .el-collapse .el-collapse-item__content {
  overflow: visible;
  border-bottom: 0px;
}
[data-v-6c505644] .el-collapse .el-collapse-item__header {
  height: 20px;
  border-bottom: 0px;
}

.texture .changes[data-v-18e668b1] {
  width: 100%;
  height: 40px;
  display: flex;
  margin-top: 20px;
  background-color: #e9efff;
  border-radius: 4px;
  overflow: hidden;
}
.texture .changes .item[data-v-18e668b1] {
  flex: 1;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.texture .content[data-v-18e668b1] {
  margin-top: 20px;
}


/* 样式保持不变 */
.draggable-window[data-v-373dd166] {
    position: fixed;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    transition: none;
    overflow: hidden;
    box-sizing: border-box;
}
.draggable-window.window-collapsed[data-v-373dd166] {
    height: auto !important;
}
.draggable-window.window-resizing[data-v-373dd166] {
    transition: none;
}
.draggable-window.window-dragging[data-v-373dd166] {
    transition: none;
}
.window-header[data-v-373dd166] {
    display: flex;
    align-items: center;
    height: 34px;
    display: flex;
    align-items: center;
    color: var(--color-black1);
    font-weight: 500;
    background: var(--color-white2);
    box-shadow: inset 0px -1px 0px 0px #e8ebed;
    cursor: move;
    border-radius: 6px 6px 0 0;
    height: 40px;
    box-sizing: border-box;
}
.drag-icon[data-v-373dd166] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
    cursor: move;
    color: rgba(255, 255, 255, 0.8);
    transition: color 0.2s;
    margin-left: 6px;
}
.drag-icon[data-v-373dd166]:hover {
    color: white;
    background: rgba(255, 255, 255, 0.1);
}
.window-title[data-v-373dd166] {
    flex: 1;
    font-size: 14px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.window-controls[data-v-373dd166] {
    display: flex;
    align-items: center;
    height: 100%;
    width: 40px;
    margin-right: 6px;
}
.control-btn[data-v-373dd166] {
    width: 32px;
    height: 32px;
    margin: 0 2px;
    color: var(--color-black1) !important;
    border: none !important;
    background: transparent !important;
    transition: all 0.2s;
}
.window-content {
&[data-v-373dd166] {
    overflow-y: auto; /* 仅纵向滚动 */
    overflow-x: hidden; /* 隐藏横向滚动条 */
    height: calc(100% - 60px);
    background: #fff;
    padding: 0 12px;

    /* 自定义滚动条样式 */
    }
&[data-v-373dd166]::-webkit-scrollbar {
        width: 6px;
}
&[data-v-373dd166]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
}
&[data-v-373dd166]::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 3px;
}
}

/* 缩放手柄基础样式 */
.resize-handle[data-v-373dd166] {
    position: absolute;
    width: 20px;
    height: 20px;
}
.resize-handle[data-v-373dd166]:hover {
}

/* 左下角缩放手柄 */
.resize-handle-sw[data-v-373dd166] {
    bottom: 0;
    left: 0;
    cursor: ne-resize;
}

/* 右下角缩放手柄 */
.resize-handle-se[data-v-373dd166] {
    bottom: 0;
    right: 0;
    cursor: se-resize;
}

/* 防止拖拽时选中文本 */
.draggable-window[data-v-373dd166] * {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

/* 吸附指示器样式 */
.snap-indicator[data-v-373dd166] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 10;
}
.snap-line[data-v-373dd166] {
    position: absolute;
    opacity: 0.6;
    box-shadow: 0 0 14px rgba(3, 96, 189, 1);
}
.snap-line-left[data-v-373dd166] {
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
}
.snap-line-right[data-v-373dd166] {
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
}
.snap-line-top[data-v-373dd166] {
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
}
.snap-line-bottom[data-v-373dd166] {
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
}

/* 吸附状态样式 */
.draggable-window.snapped-left[data-v-373dd166] {
    border-left: 1px solid rgba(0, 170, 125, 0.3);
}
.draggable-window.snapped-right[data-v-373dd166] {
    border-right: 1px solid rgba(0, 170, 125, 0.3);
}
.draggable-window.snapped-top[data-v-373dd166] {
    border-top: 1px solid rgba(0, 170, 125, 0.3);
}
.draggable-window.snapped-bottom[data-v-373dd166] {
    border-bottom: 1px solid rgba(0, 170, 125, 0.3);
}

.zoom-control[data-v-637339a8] {
  display: flex;
  align-items: center;
  width: 100%;
}
.zoom-control .bottom-pic[data-v-637339a8] {
  position: relative;
  width: 36px;
  height: 36px;
  background: var(--theme-bg-white1);
  border-radius: 4px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.zoom-control .bottom-pic:hover .hidden[data-v-637339a8] {
  display: block;
}
.zoom-control .bottom-pic .hidden[data-v-637339a8] {
  display: none;
  position: absolute;
  bottom: 34px;
  right: 0;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.zoom-control .bottom-pic .hidden .box[data-v-637339a8] {
  width: 268px;
  height: 157px;
  background: var(--theme-bg-white1);
  border-radius: 12px;
  padding: 10px;
}
.zoom-control .bottom-pic .hidden .box .top[data-v-637339a8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}
.zoom-control .bottom-pic .hidden .box .top .title[data-v-637339a8] {
  font-size: var(--theme-font16);
  color: var(--theme-content-black1);
}
.zoom-control .bottom-pic .hidden .box .middle[data-v-637339a8] {
  padding: 10px 15px;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter[data-v-637339a8] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-input[data-v-637339a8] {
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-input input[data-v-637339a8] {
  width: 60px;
  height: 28px;
  border: none;
  text-align: right;
  box-sizing: border-box;
  padding-right: 25px;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-input .degree[data-v-637339a8] {
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  right: 8px;
  top: 50%;
  color: #c4c4c4;
  transform: translateY(-50%);
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-parameters[data-v-637339a8] {
  flex: 1;
  margin-right: 12px;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-parameters .rotation-label[data-v-637339a8] {
  font-size: var(--theme-font12);
  color: var(--color-black1);
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-slider[data-v-637339a8] {
  width: 100%;
  min-width: 100px;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-slider[data-v-637339a8] .el-slider__runway {
  height: 2px !important;
  background: var(--theme-content-gray1) !important;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-slider[data-v-637339a8] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green3) !important;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-slider[data-v-637339a8] .el-slider__button {
  width: 14px !important;
  height: 14px !important;
  background: var(--theme-bg-white1) !important;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 0px rgba(0, 70, 51, 0.2) !important;
  border: 1px solid var(--theme-brand-green3) !important;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-slider[data-v-637339a8] .el-slider__button-wrapper {
  top: -17px !important;
}
.zoom-control .bottom-pic .hidden .box .bottom[data-v-637339a8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
}
.zoom-control .bottom-pic .hidden .box .bottom p[data-v-637339a8] {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}
.zoom-control .bottom-pic .hidden .box .bottom[data-v-637339a8] .el-checkbox__label {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}
.zoom-control .bottom-pic .hidden .box .bottom[data-v-637339a8] .el-checkbox__inner {
  background-color: var(--theme-bg-white1);
}
.zoom-control .bottom-pic .hidden .box .bottom[data-v-637339a8] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-brand-green3);
  border: var(--theme-brand-green3);
}
.zoom-control .bottom-pic .hidden .box .bottom[data-v-637339a8] .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--theme-bg-white1);
}
.zoom-control .zoom-control-group[data-v-637339a8] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 195px;
  height: 36px;
  background: var(--theme-bg-white1);
  box-shadow: 0px 0px 4px 0px var(--theme-content-gray1);
  border-radius: 4px;
}
.zoom-control .zoom-control-group .zoom-btn[data-v-637339a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
}
.zoom-control .zoom-control-group .zoom-btn[data-v-637339a8]:hover {
  color: var(--theme-content-black1);
}
.zoom-control .zoom-control-group .line[data-v-637339a8] {
  width: 1px;
  height: 26px;
  background: var(--theme-content-gray2);
}
.zoom-control .zoom-control-group .zoom-percentage[data-v-637339a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: inline-block;
}
.zoom-control .zoom-control-group .zoom-percentage .percentage-input[data-v-637339a8] {
  border: none;
  background: transparent;
  width: 56px;
  height: 26px;
  background: var(--theme-bg-white3) !important;
  border-radius: 4px;
  font-size: 12px;
  color: var(--theme-content-black1);
  text-align: center;
}
.zoom-control .zoom-control-group .zoom-percentage[data-v-637339a8]::after {
  content: "%";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--theme-content-black1);
  pointer-events: none;
  font-size: 12px;
}

.waringBox[data-v-b624b52a] {
  position: fixed;
  bottom: 100px;
  right: 262px;
  z-index: 3;
  width: 280px;
  height: 194px;
  background: var(--theme-bg-white1);
  border-radius: 12px;
}
.waringBox .title[data-v-b624b52a] {
  display: flex;
  align-items: center;
  padding: 15px 15px 0 15px;
  font-size: var(--theme-font16);
  color: var(--theme-content-black1);
}
.waringBox .title img[data-v-b624b52a] {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.waringBox .close-btn[data-v-b624b52a] {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  opacity: 0.7;
}
.waringBox .close-btn[data-v-b624b52a]:hover {
  opacity: 1;
}
.waringBox .box .content[data-v-b624b52a] {
  font-weight: 400;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray6);
  text-align: center;
  line-height: 100px;
}
.waringBox .box .repair[data-v-b624b52a] {
  width: 88px;
  height: 36px;
  background: var(--theme-brand-green3);
  border-radius: 4px;
  cursor: pointer;
  font-size: var(--theme-font16);
  color: var(--theme-bg-white1);
  position: absolute;
  bottom: 15px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.right-side[data-v-5842e670] {
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0px;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.right-side .zoom-control-left[data-v-5842e670] {
  position: absolute;
  left: -500px;
  bottom: 40px;
  z-index: 4;
}

.copyimg-buttons[data-v-85019bbe] {
  position: fixed;
  left: 45%;
  bottom: 50px;
  z-index: 99;
}
[data-v-85019bbe] .el-button {
  width: 84px !important;
  height: 36px !important;
  --el-button-border-color: var(--theme-bg-white1) !important;
  --el-button-text-color: var(--theme-content-black1) !important;
  --el-button-bg-color: var(--theme-bg-white1) !important;
  --el-button-hover-bg-color: var(--theme-bg-white1) !important;
  --el-button-hover-text-color: var(--theme-content-black1) !important;
  --el-button-hover-border-color: var(--theme-bg-white1) !important;
  --el-button-active-bg-color: var(--theme-bg-white1) !important;
  --el-button-active-border-color: var(--theme-bg-white1) !important;
}

#board[data-v-550773d8] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#d2view.active[data-v-550773d8],
#d3view.active[data-v-550773d8] {
  position: absolute;
}
#d2view[data-v-550773d8],
#d3view[data-v-550773d8] {
  display: block;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

#d2view[data-v-282487a2],
#d3view[data-v-282487a2] {
  display: block;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  flex: 1;
}

.mini-window-container[data-v-0796b3f6] {
  position: fixed;
  right: 0px;
  top: 60.5px;
  display: flex;
  flex-direction: row-reverse;
  z-index: 1002;
  align-items: center;
}
.mini-window[data-v-0796b3f6] {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* 添加硬件加速 */
  transform: translateZ(0);
  will-change: width, height;
  overflow: hidden;
}
.mini-window-header[data-v-0796b3f6] {
  height: 34px;
  display: flex;
  align-items: center;
  color: var(--color-black1);
  font-weight: 500;
  background: var(--color-white2);
  box-shadow: inset 0px -1px 0px 0px #e8ebed;
  cursor: move;
  border-radius: 6px 6px 0 0;
  height: 40px;
  padding: 0 6px;
  box-sizing: border-box;
}
.mini-window-header title[data-v-0796b3f6] {
  flex: 1;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mini-window-header .icon[data-v-0796b3f6] {
  margin-right: 2px;
}
.close-btn[data-v-0796b3f6] {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #666;
}
.mini-window-content[data-v-0796b3f6] {
  height: calc(100% - 30px);
  overflow: hidden;
  background: #f0f0f0;
  border-radius: 0px 0px 0px 12px;
}
.mini-window-content > div[data-v-0796b3f6] {
  width: 100%;
  height: 100%;
}
.resize-handle[data-v-0796b3f6] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  border-radius: 0 0 0 4px;
  cursor: ne-resize;
  z-index: 1001;
}
.hidden-button[data-v-0796b3f6] {
  opacity: 0;
  width: 16px;
  height: 62px;
  background-image: url(/img/tool_public_hide_rightbg.50982fdf.svg);
  position: relative;
  left: 0px;
  top: 0%;
  transform: translateY(0%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  transition: all 0.5s;
}
.hidden-button .icon[data-v-0796b3f6] {
  width: 5px;
  height: 5px;
}
.mini-window-container:hover .hidden-button[data-v-0796b3f6] {
  opacity: 1;
}

.item-children-wrapper .item-children-item[data-v-cea3a700] {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  cursor: pointer;
}
.item-children-wrapper .item-children-item .icon[data-v-cea3a700] {
  margin-right: 8px;
}
.d-menu-tool[data-v-cea3a700] {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.item[data-v-cea3a700] {
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  min-width: 46px;
  height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.item[data-v-cea3a700]:hover {
  background: var(--theme-bg-white6);
}
.item .item-box[data-v-cea3a700] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 4px;
}
.item .icon[data-v-cea3a700] {
  width: 18px;
  height: 18px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item .text[data-v-cea3a700] {
  text-align: center;
  font-size: var(--theme-font12);
  color: var(--theme-bg-white1);
  word-break: keep-all;
  line-height: 1.2;
}
.item .top-layer[data-v-cea3a700] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.d-menu-tool[data-v-a843e366] {
  display: flex;
  align-items: center;
}
.item[data-v-a843e366] {
  position: relative;
}
.item .more-icon[data-v-a843e366] {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 4px;
  height: 4px;
  background: url(/img/more.5671b584.svg) no-repeat center center;
  background-size: 100% 100%;
}
.item .item-box[data-v-a843e366] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  min-width: 46px;
  height: 50px;
  padding: 6px;
}
.item .item-box[data-v-a843e366]:hover {
  background: var(--theme-bg-white6);
}
.item .item-box .icon[data-v-a843e366] {
  width: 18px;
  height: 18px;
}
.item .item-box .text[data-v-a843e366] {
  text-align: center;
  font-size: var(--theme-font12);
  color: var(--theme-bg-white1);
  word-break: keep-all;
}
.item .item-box .top-layer[data-v-a843e366] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.myPopover.is-light .el-popper__arrow[data-v-a843e366]::before {
  background: #2d3037 !important;
}
.item-children-wrapper .item-children-item[data-v-a843e366] {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  cursor: pointer;
}
.item-children-wrapper .item-children-item .icon[data-v-a843e366] {
  margin-right: 8px;
}

.menu-tool[data-v-de28b870] {
  position: fixed;
  width: -moz-max-content;
  width: max-content;
  height: 50px;
  border-radius: 8px;
  padding: 0px 9px 0px 33px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  z-index: 133;
  background: var(--theme-content-black1);
}
.menu-tool .icon[data-v-de28b870] {
  position: absolute;
  left: 12px;
  top: 55%;
  transform: translateY(-50%);
}
.menu-tool .icon img[data-v-de28b870] {
  height: 25px;
  cursor: all-scroll;
}

/* 样式保持不变 */
.arrayAdd[data-v-73beefb4] {
  position: absolute;
  top: 70px;
  left: 50%;
  padding: 10px 16px;
  box-shadow: 0px 8px 28px rgba(3, 9, 17, 0.08);
  border-radius: 4px;
  transform: translateX(-50%);
  z-index: 5000;
  background-color: #fff;
  color: #000;
  display: flex;
  align-items: center;
}
.arrayAdd .button[data-v-73beefb4] {
  width: 60px;
  height: 24px;
  line-height: 24px;
  background-color: #00be8c;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.arrayAdd .numberBox[data-v-73beefb4] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-right: 16px;
}
.arrayAdd .numberBox .itemBox[data-v-73beefb4] {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 12px;
}
.arrayAdd .numberBox .itemBox .textX[data-v-73beefb4] {
  color: #ffab00;
}
.arrayAdd .numberBox .itemBox .textY[data-v-73beefb4] {
  color: #00b89e;
}
.arrayAdd .numberBox .textBox[data-v-73beefb4] {
  line-height: 24px;
}
.arrayAdd .numberBox .inputBox[data-v-73beefb4] {
  margin-left: 10px;
  width: 60px;
}
.arrayAdd .numberBox .inputBox1[data-v-73beefb4] {
  margin-left: 10px;
  width: 80px;
}

/* 样式保持不变 */
.arrayAdd[data-v-9f9aff82] {
  position: absolute;
  top: 70px;
  left: 50%;
  padding: 10px 16px;
  box-shadow: 0px 8px 28px rgba(3, 9, 17, 0.08);
  border-radius: 4px;
  transform: translateX(-50%);
  z-index: 5000;
  background-color: #fff;
  color: #000;
  display: flex;
  align-items: center;
}
.arrayAdd .button[data-v-9f9aff82] {
  width: 60px;
  height: 24px;
  line-height: 24px;
  background-color: #00be8c;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.arrayAdd .numberBox[data-v-9f9aff82] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-right: 16px;
}
.arrayAdd .numberBox .itemBox[data-v-9f9aff82] {
  display: flex;
  align-items: center;
  margin-left: 10px;
  font-size: 12px;
}
.arrayAdd .numberBox .itemBox .textX[data-v-9f9aff82] {
  color: #ffab00;
}
.arrayAdd .numberBox .itemBox .textY[data-v-9f9aff82] {
  color: #00b89e;
}
.arrayAdd .numberBox .textBox[data-v-9f9aff82] {
  line-height: 24px;
}
.arrayAdd .numberBox .inputBox[data-v-9f9aff82] {
  margin-left: 10px;
  width: 60px;
}
.arrayAdd .numberBox .inputBox1[data-v-9f9aff82] {
  margin-left: 10px;
  width: 80px;
}

#side-view[data-v-1eaa74ce] {
  display: block;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.left[data-v-67514fb2] {
  display: flex;
  align-items: center;
  justify-items: center;
}
.left .title[data-v-67514fb2] {
  margin-left: 24px;
}
.left .title span[data-v-67514fb2] {
  font-size: var(--theme-font16);
  color: var(--color-black1);
  font-weight: 500;
  font-style: normal;
}

.header-tool[data-v-45e346b9] {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.header-tool .tool-item[data-v-45e346b9] {
  display: flex;
  align-items: center;
  width: 66px;
  height: 40px;
  margin-right: 32px;
}
.header-tool .tool-item[data-v-45e346b9]:hover {
  background: var(--theme-bg-white3);
  border-radius: 4px;
}
.header-tool .tool-item img[data-v-45e346b9] {
  width: 18px;
  height: 18px;
  margin-right: 7px;
}
.header-tool .tool-item span[data-v-45e346b9] {
  font-size: var(--theme-font12);
  color: var(--color-black1);
}

.header-right[data-v-e894ad5e] {
  display: flex;
  align-items: center;
}
.header-right .save[data-v-e894ad5e] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header-right .save img[data-v-e894ad5e] {
  width: 18px;
  height: 18px;
  margin-right: 7px;
}
.header-right .save span[data-v-e894ad5e] {
  font-size: var(--theme-font12);
}
.header-right .line[data-v-e894ad5e] {
  width: 1px;
  height: 20px;
  background: var(--theme-content-gray2);
  margin: 20px;
}
.header-right .right-icon[data-v-e894ad5e] {
  display: flex;
  align-items: center;
}
.header-right .right-icon .fullIcon[data-v-e894ad5e],
.header-right .right-icon .closeIcon[data-v-e894ad5e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.header-right .right-icon .fullIcon[data-v-e894ad5e]:hover,
.header-right .right-icon .closeIcon[data-v-e894ad5e]:hover {
  background: var(--theme-bg-white3);
  border-radius: 4px;
}

.tool-bar[data-v-325db412] {
  position: absolute;
  top: 60.5px;
  left: 52%;
  width: 436px;
  height: 60px;
  background: var(--theme-bg-white2);
  box-shadow: inset 0px -1px 0px 0px var(--theme-bg-white3);
  border-radius: 0px 0px 4px 4px;
  display: flex;
  padding: 6px 8px 0 8px;
  box-sizing: border-box;
  transform: translateX(-50%);
  order: 1;
}
.tool-bar .title[data-v-325db412] {
  margin-top: 2px;
}
.tool-bar .pull-bar[data-v-325db412] {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  padding-right: 4px;
}
.tool-bar .pull-bar[data-v-325db412]:hover {
  background: var(--theme-bg-white3);
}
.tool-bar .normal-bar[data-v-325db412] {
  width: 55px;
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  padding-top: 6px;
  padding-bottom: 2px;
}
.tool-bar .normal-bar[data-v-325db412]:hover {
  background: var(--theme-bg-white3);
}
.tool-bar .previewActive[data-v-325db412] {
  background: var(--theme-bg-white3);
}
.pull-content[data-v-325db412] {
  width: 122px;
  height: 102px;
  background: var(--theme-bg-white1);
  box-shadow: 0px 0px 8px 0px var(--theme-content-gray7);
  border-radius: 4px;
  border: 1px solid var(--theme-content-gray1);
}
.pull-content .content[data-v-325db412] {
  display: flex;
  align-items: center;
  justify-items: center;
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
  cursor: pointer;
}
.pull-content .content .content-img[data-v-325db412] {
  display: flex;
  align-items: center;
  justify-items: center;
  padding: 8px 8px;
}
.pull-content .content img[data-v-325db412] {
  width: 18px;
  height: 18px;
}
.pull-content .content[data-v-325db412]:hover {
  background: var(--theme-bg-white3);
}
.pull-content .content .title[data-v-325db412] {
  margin-left: 8px;
}
.pull-content .content-checkbox[data-v-325db412] {
  margin-left: 8px;
}
.pull-content[data-v-325db412] .el-checkbox__label {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}
.pull-content[data-v-325db412] .el-checkbox__inner {
  background-color: var(--theme-bg-white1);
}
.pull-content[data-v-325db412] .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-brand-green3);
  border: var(--theme-brand-green3);
}
.pull-content[data-v-325db412] .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: var(--theme-bg-white1);
}

/* 样式保持不变 */
.arrayAdd[data-v-088f9cf8] {
  position: absolute;
  top: 135px;
  left: calc(50% + 50px);
  padding: 10px 16px;
  box-shadow: 0px 8px 28px rgba(3, 9, 17, 0.08);
  border-radius: 4px;
  transform: translateX(-50%);
  z-index: 5000;
  background-color: #fff;
  color: #000;
  display: flex;
  align-items: center;
}
.arrayAdd .button[data-v-088f9cf8] {
  width: 80px;
  height: 24px;
  line-height: 24px;
  background-color: #00be8c;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.arrayAdd .numberBox[data-v-088f9cf8] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-right: 30px;
}
/* 样式保持不变 */
[data-v-088f9cf8] .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-brand-green3);
  border-color: var(--theme-brand-green3);
}
[data-v-088f9cf8] .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-content-black1);
}

.header[data-v-57abcdcd] {
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  background-color: var(--theme-bg-white2);
  border-bottom: 1px solid var(--theme-bg-white3);
}

.left-nav-menu[data-v-98592da4] {
  width: 56px;
  height: 100%;
  background-color: var(--theme-bg-white2);
  box-shadow: inset -1px 0px 0px 0px var(--theme-bg-white3);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.left-nav-menu .navbar_mater[data-v-98592da4] {
  width: 100%;
  height: 52px;
  background: var(--theme-bg-white3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-nav-menu img[data-v-98592da4] {
  width: 24px;
  height: 24px;
}
.left-nav-menu .tabItem[data-v-98592da4] {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-top: 16px;
  text-align: center;
  color: var(--theme-content-gray6);
  transition: color 0.3s;
}
.left-nav-menu .tabItem.active[data-v-98592da4] {
  color: var(--theme-brand-green3);
  font-weight: 500;
}

.warp[data-v-397c4862] {
  padding: 8px 5px 5px 5px;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: flex-start;
}
.warp .tabBox[data-v-397c4862] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  max-height: none;
  overflow: visible;
  transition: all 0.3s ease;
  flex: 1;
}
.warp .tabBox.collapsed[data-v-397c4862] {
  max-height: 30px;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  max-width: 240px;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
}
.warp .tabBox.collapsed[data-v-397c4862]::-webkit-scrollbar {
  display: none;
}
.warp .tabBox .tabItem[data-v-397c4862] {
  flex-shrink: 0;
  padding: 6px 12px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  color: var(--theme-content-gray6);
  font-size: var(--theme-font12);
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}
.warp .tabBox .tabItem[data-v-397c4862]:hover {
  background: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.warp .tabBox .selected .tabItem[data-v-397c4862] {
  background: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.warp .expand-control[data-v-397c4862] {
  position: absolute;
  top: 8px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--theme-content-gray6);
  width: 20px;
  height: 30px;
  background: var(--theme-bg-white1);
}
.warp .expand-control img[data-v-397c4862] {
  width: 12px;
  height: 12px;
  transition: transform 0.3s ease;
}

.texture_list[data-v-5efcb4b6] {
  height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
  background: var(--theme-bg-white1);
  position: relative;
}
@keyframes loading-shimmer-5efcb4b6 {
0% {
    background-position: -200% 0;
}
100% {
    background-position: 200% 0;
}
}
.scroll-container[data-v-5efcb4b6] {
  flex: 1;
  background: var(--theme-bg-white1);
  overflow: hidden;
  position: relative;
}
.data-item[data-v-5efcb4b6] {
  transition: background-color 0.2s;
  margin: 12px 0px 0px 10px;
}
.data-item.placeholder .placeholder-content[data-v-5efcb4b6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-radius: 4px;
}
.data-item.placeholder .placeholder-content .placeholder-skeleton[data-v-5efcb4b6] {
  width: 112px;
  height: 80px;
  background: var(--theme-bg-white5);
  background-size: 200% 100%;
  animation: loading-shimmer-5efcb4b6 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-item.placeholder .placeholder-content .placeholder-text[data-v-5efcb4b6] {
  color: var(--theme-content-gray6);
  font-size: var(--theme-font12);
  text-align: center;
}
.data-item .item-header[data-v-5efcb4b6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.data-item .item-header .showName[data-v-5efcb4b6] {
  position: absolute;
  bottom: 6px;
  right: 5px;
  background-color: var(--theme-content-gray5);
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 80px;
  font-size: 12px;
  text-overflow: ellipsis;
}
.data-item .item-header .collect[data-v-5efcb4b6] {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 13;
  opacity: 0;
}
.data-item .item-header .collect img[data-v-5efcb4b6] {
  width: 18px;
  height: 18px;
  background: var(--theme-bg-white1);
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .item-header .attrImgs[data-v-5efcb4b6] {
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
  z-index: 99;
}
.data-item .item-header .attrImgs img[data-v-5efcb4b6] {
  width: 16px;
  height: 16px;
}
.data-item .item-header .item-img img[data-v-5efcb4b6] {
  width: 112px;
  height: 112px;
  border-radius: 4px;
}
.data-item .item-header .detail[data-v-5efcb4b6] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 13;
  opacity: 0;
}
.data-item .item-header .detail img[data-v-5efcb4b6] {
  width: 18px;
  height: 18px;
  background: var(--theme-bg-white1);
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .item-header[data-v-5efcb4b6]:hover {
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .item-header:hover .collect[data-v-5efcb4b6] {
  opacity: 1;
}
.data-item .item-header:hover .detail[data-v-5efcb4b6] {
  opacity: 1;
}
.data-item .item-header img[data-v-5efcb4b6] {
  width: 20px;
  height: 20px;
}
.el-image[data-v-5efcb4b6] {
  height: 240px;
  width: 100%;
  background: var(--theme-bg-white5);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.detailTitle[data-v-5efcb4b6] {
  padding: 12px 0px 20px 20px;
  font-size: var(--theme-font16);
}

.line[data-v-5ea0f98c] {
  margin-bottom: 12px;
  height: 1px;
  background: var(--theme-content-gray2);
  flex-shrink: 0;
}

.stuff-mine[data-v-dd0c8dd0] {
  display: flex;
  flex-direction: column;
}
.stuff-mine .tabTitle[data-v-dd0c8dd0] {
  margin-top: 10px;
}
.stuff-mine .tabTitle[data-v-dd0c8dd0] .el-radio-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stuff-mine .tabTitle[data-v-dd0c8dd0] .el-radio-button.is-active .el-radio-button__inner {
  color: var(--theme-bg-white1) !important;
  --el-radio-button-checked-bg-color: var(--theme-content-gray6);
  --el-radio-button-checked-text-color: var(--theme-bg-white1);
  --el-radio-button-checked-border-color: var(--theme-content-gray6);
}
.stuff-mine .tabTitle[data-v-dd0c8dd0] .el-radio-button:hover.is-active .el-radio-button__inner {
  color: var(--theme-bg-white1) !important;
  background-color: var(--theme-content-black1) !important;
  border-color: var(--theme-content-black1) !important;
}
.stuff-mine .tabTitle[data-v-dd0c8dd0] .el-radio-button__inner {
  width: 98px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stuff-mine .tabTitle[data-v-dd0c8dd0] .el-radio-button__inner:hover {
  color: var(--theme-content-black1);
}
.stuff-mine .handleTab[data-v-dd0c8dd0] .el-radio-button {
  margin: 16px 8px 12px 12px;
}
.stuff-mine .handleTab[data-v-dd0c8dd0] .el-radio-button__inner {
  width: 40px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: var(--theme-content-gray1);
  border-radius: 4px;
}
.stuff-mine .handleTab[data-v-dd0c8dd0] .el-radio-button__inner:hover {
  color: var(--theme-content-gray6);
}
.stuff-mine .search-bar[data-v-dd0c8dd0] {
  padding: 12px 12px 16px 12px;
  border-bottom: 1px solid var(--theme-content-gray2);
}
.stuff-mine[data-v-dd0c8dd0] .el-input__wrapper {
  border: none !important;
  box-shadow: none !important;
  background: var(--theme-content-gray1);
  border-radius: 6px;
  transition: all 0.2s ease;
}
.stuff-mine[data-v-dd0c8dd0] .el-input__wrapper.is-focus {
  border: 1px solid var(--theme-content-black1) !important;
}
.stuff-mine[data-v-dd0c8dd0] .el-input__inner {
  outline: none !important;
  box-shadow: none !important;
  font-size: var(--theme-font12);
}
.stuff-mine[data-v-dd0c8dd0] .el-input__suffix .el-icon {
  transition: color 0.2s ease;
}
.stuff-mine[data-v-dd0c8dd0] .el-input__suffix .el-icon:hover {
  color: var(--theme-content-black1);
}

.model-list[data-v-0b7e5288] {
  /* 防止整体滚动 */
}
.model-list .model-tabs[data-v-0b7e5288] {
  display: flex;
  align-items: center;
  padding: 12px 12px 8px 12px;
  flex-shrink: 0;
}
.model-list .model-tabs .tabs-content[data-v-0b7e5288] {
  color: var(--theme-content-gray6);
  margin-right: 20px;
  cursor: pointer;
  font-size: var(--theme-font14);
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s;
}
.model-list .model-tabs .tabs-content[data-v-0b7e5288]:hover {
  color: var(--color-black1);
}
.model-list .model-tabs .tabs-content.active[data-v-0b7e5288] {
  color: var(--color-black1);
  font-weight: 600;
}
.model-list .model-list-content[data-v-0b7e5288] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.view-toggle-group[data-v-03b945ae] {
  width: 120px;
  height: 36px;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 70, 51, 0.1);
  border-radius: 4px;
  margin-left: 10px;
  position: relative;
}
.view-toggle-group .toggle-buttons[data-v-03b945ae] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d[data-v-03b945ae] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 24px;
  border: none;
  cursor: pointer;
  position: relative;
  color: rgba(34, 40, 45, 0.7);
}
.view-toggle-group .toggle-buttons .toggle-btn-2d[data-v-03b945ae]:hover {
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d.active[data-v-03b945ae] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d .arrow-icon[data-v-03b945ae] {
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d .arrow-icon.rotated[data-v-03b945ae] {
  transform: rotate(180deg);
}
.view-toggle-group .toggle-buttons .toggle-btn-3d[data-v-03b945ae] {
  width: 52px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(34, 40, 45, 0.7);
}
.view-toggle-group .toggle-buttons .toggle-btn-3d[data-v-03b945ae]:hover {
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-3d.active[data-v-03b945ae] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .dropdown-menu[data-v-03b945ae] {
  position: absolute;
  bottom: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 80px;
  margin-bottom: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.2s ease;
}
.view-toggle-group .dropdown-menu.visible[data-v-03b945ae] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-03b945ae] {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  transition: background-color 0.2s ease;
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-03b945ae]:hover {
  background: #f5f5f5;
}
.view-toggle-group .dropdown-menu .dropdown-item.active[data-v-03b945ae] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-03b945ae]:first-child {
  border-radius: 4px 4px 0 0;
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-03b945ae]:last-child {
  border-radius: 0 0 4px 4px;
}

.view-toggle[data-v-022cc652] {
  display: flex;
  align-items: center;
  position: relative;
}

.material[data-v-f38390c8] {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--theme-bg-white1);
  position: relative;
}
.material-title[data-v-f38390c8] {
  font-size: var(--theme-font14);
  color: var(--theme-content-black1);
  padding: 16px;
  font-weight: 600;
}
.scroll-container[data-v-f38390c8] {
  flex: 1;
  background: var(--theme-bg-white1);
  overflow: hidden;
  position: relative;
}
.data-item[data-v-f38390c8] {
  transition: background-color 0.2s;
  margin: 12px 0px 0px 10px;
}
.data-item.placeholder .placeholder-content[data-v-f38390c8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-radius: 4px;
}
.data-item.placeholder .placeholder-content .placeholder-skeleton[data-v-f38390c8] {
  width: 112px;
  height: 80px;
  background: var(--theme-bg-white5);
  background-size: 200% 100%;
  animation: loading-shimmer-f38390c8 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-item.placeholder .placeholder-content .placeholder-text[data-v-f38390c8] {
  color: var(--theme-content-gray6);
  font-size: var(--theme-font12);
  text-align: center;
}
.data-item .item-header[data-v-f38390c8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 112px;
  height: 80px;
  background: var(--theme-bg-white5);
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.data-item .item-header .detail[data-v-f38390c8] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 13;
  opacity: 0;
}
.data-item .item-header .detail img[data-v-f38390c8] {
  width: 16px;
  height: 16px;
}
.data-item .item-header[data-v-f38390c8]:hover {
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .item-header:hover .detail[data-v-f38390c8] {
  opacity: 1;
}
.data-item .item-header img[data-v-f38390c8] {
  width: 100%;
  height: 100%;
}
.data-item .item-name[data-v-f38390c8] {
  margin: 8px 0 4px 0;
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
}
.data-item .item-img[data-v-f38390c8] {
  width: 112px;
  height: 80px;
  background: var(--theme-bg-white5);
  border-radius: 4px;
}
.data-item .item-img img[data-v-f38390c8] {
  width: 100%;
  height: 100%;
}
.custom-empty[data-v-f38390c8] {
  text-align: center;
  padding: 40px 20px;
}
.custom-empty img[data-v-f38390c8] {
  width: 80px;
  height: 60px;
}
.custom-empty .empty-description[data-v-f38390c8] {
  color: var(--theme-content-gray6);
  font-size: var(--theme-font14);
}
@keyframes loading-shimmer-f38390c8 {
0% {
    background-position: -200% 0;
}
100% {
    background-position: 200% 0;
}
}

.tmaterial-left[data-v-2406939b] {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  background-color: var(--theme-bg-white1);
}
.view-toggle[data-v-2406939b] {
  position: absolute;
  bottom: 20px;
  right: -100px;
}

.strag_edge_edit[data-v-6bfb3966] {
  position: relative;
  background-color: #f2f2f3;
  overflow: hidden;
}
.strag_edge_edit .notOffset[data-v-6bfb3966] {
  z-index: 1000;
  position: absolute;
  color: #333;
  font-size: 14px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btnBox[data-v-6bfb3966] {
  width: 212px;
  background-color: #f2f2f3;
  padding-bottom: 10px;
}
.btnEdit[data-v-6bfb3966] {
  height: 28px;
  margin: 0 8px;
  background: var(--theme-brand-green3);
  color: var(--theme-bg-white1);
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnEdit .icon[data-v-6bfb3966] {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}
.disable[data-v-6bfb3966] {
  cursor: not-allowed;
  background: var(--theme-brand-green3);
}

.section_edge_edit[data-v-4e6c764f] {
  position: relative;
  overflow: hidden;
}
.section_edge_edit .notOffset[data-v-4e6c764f] {
  z-index: 1000;
  position: absolute;
  text-align: center;
  color: #333;
  left: 55px;
  font-size: 18px;
  top: 65px;
}
.btnBox[data-v-4e6c764f] {
  width: 212px;
  background-color: #f2f2f3;
  padding-bottom: 10px;
}
.btnEdit[data-v-4e6c764f] {
  height: 28px;
  margin: 0 8px;
  background: var(--theme-brand-green3);
  color: var(--theme-bg-white1);
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnEdit .icon[data-v-4e6c764f] {
  width: 12px;
  height: 12px;
  margin-right: 2px;
}


.stuff_laying_bricks[data-v-57978689] .el-collapse-item__header {
    height: 35px !important;
    line-height: 35px !important;
}
.stuff_laying_bricks[data-v-57978689] .el-collapse-item {
    position: relative;
}
.icon-box[data-v-57978689] {
    border: none;
}
.back_old[data-v-57978689] {
    position: absolute;
    top: 0;
    right: 25px;
    height: 35px;
    line-height: 35px;
    color: #cccc;
    cursor: pointer;
}
.back_old[data-v-57978689]:hover {
    color: var(--selectColor);
}
.stuff_laying_bricks[data-v-57978689] .el-collapse-item__content {
    padding-bottom: 0 !important;
}
.arrow_turn_btm[data-v-57978689],
.arrow_turn_right[data-v-57978689],
.arrow_turn_left[data-v-57978689],
.arrow_turn_topr[data-v-57978689],
.arrow_turn_topl[data-v-57978689],
.arrow_turn_btmr[data-v-57978689],
.arrow_turn_btml[data-v-57978689] {
    display: block;
}
.arrow_turn_btml[data-v-57978689] {
    transform: rotate(225deg);
}
.arrow_turn_topl[data-v-57978689] {
    transform: rotate(-45deg);
}
.arrow_turn_btmr[data-v-57978689] {
    transform: rotate(135deg);
}
.arrow_turn_topr[data-v-57978689] {
    transform: rotate(45deg);
}
.arrow_turn_btm[data-v-57978689] {
    transform: rotate(180deg);
}
.arrow_turn_right[data-v-57978689] {
    transform: rotate(90deg);
}
.arrow_turn_left[data-v-57978689] {
    transform: rotate(270deg);
}
.stuff_laying_bricks[data-v-57978689] .el-radio__label {
    font-size: 12px;
    padding-left: 1px;
}

.flexRB[data-v-57978689] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between !important;
}
.flexRS[data-v-57978689] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.flexRSB[data-v-57978689] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.stuff_laying_bricks[data-v-57978689] {
  font-size: 14px;
  max-height: calc(100% - 20px);
}
.stuff_laying_bricks .laying_brick_single[data-v-57978689] {
  padding: 0 10px;
  margin-bottom: 10px;
}
.stuff_laying_bricks .laying_brick_single .add_texture_box[data-v-57978689] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.stuff_laying_bricks .laying_brick_single .add_texture_box .iconfont[data-v-57978689] {
  font-size: 20px;
}
.stuff_laying_bricks .laying_brick_single .ceramactile_single[data-v-57978689] {
  width: 36px;
  height: 36px;
  margin: 5px;
  background: #ccc;
  position: relative;
  cursor: pointer;
}
.stuff_laying_bricks .laying_brick_single .ceramactile_single .tile_icon_remove[data-v-57978689] {
  position: absolute;
  top: -13px;
  right: -8px;
  width: 15px;
  height: 15px;
  color: green;
  z-index: 12;
  display: none;
}
.stuff_laying_bricks .laying_brick_single .ceramactile_single:hover .tile_icon_remove[data-v-57978689] {
  display: block;
}
.stuff_laying_bricks .laying_brick_single .canvas_area[data-v-57978689] {
  height: 180px;
  width: 100%;
}
.stuff_laying_bricks .laying_brick_single .atr_label[data-v-57978689] {
  color: #666;
  flex-shrink: 0;
  margin-right: 2px;
}
.stuff_laying_bricks .laying_brick_single .pos_box[data-v-57978689] {
  max-width: 64px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid #dcdce1;
  border-right: 1px solid #dcdce1;
}
.stuff_laying_bricks .laying_brick_single .pos_box .arrow_box[data-v-57978689] {
  width: 20px;
  height: 20px;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: #f5f8fd;
  border-top: 1px solid #dcdce1;
  border-left: 1px solid #dcdce1;
}
.stuff_laying_bricks .laying_brick_single .pos_box .arrow_box .iconfont[data-v-57978689] {
  color: var(--selectColor);
}
.stuff_laying_bricks .laying_brick_single .pos_box .activeBox[data-v-57978689] {
  background: var(--selectColor);
}
.stuff_laying_bricks .laying_brick_single .rotate_area[data-v-57978689] {
  background: #f5f8fd;
  padding: 0 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}
.stuff_laying_bricks .laying_brick_single .rotate_area[data-v-57978689]:hover {
  border: 1px solid var(--selectColor);
}
.stuff_laying_bricks .laying_brick_single .atr_row[data-v-57978689] {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.stuff_laying_bricks .laying_brick_single .atr_row .single_style_intro[data-v-57978689] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: 10px;
}
.stuff_laying_bricks .laying_brick_single .atr_row .single_style_intro span[data-v-57978689] {
  width: 178px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stuff_laying_bricks .laying_brick_single .atr_row .single_style_intro .light_color[data-v-57978689] {
  color: #96969b;
  display: inline-block;
}
.stuff_laying_bricks .atr_name[data-v-57978689] {
  flex-shrink: 0;
  font-size: 12px;
  color: #666;
  padding: 0;
  height: 14px;
  line-height: 14px;
  margin-right: 10px;
}

.attr-args-checkbox[data-v-b7b14652] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.lamp_slot_strip[data-v-b7b14652] {
  width: 100%;
  height: auto;
  position: relative;
}
.lamp_slot_strip .canvas_small_wrapper[data-v-b7b14652] {
  margin: 10px;
  position: relative;
  height: 220px;
  width: 220px;
}
.lamp_slot_strip .canvas_small_wrapper .canvas_small[data-v-b7b14652] {
  background: #f2f2f3;
  position: relative;
  width: 100%;
  height: 100%;
}
.lamp_slot_strip .lamp_flip_boxs[data-v-b7b14652] {
  border: 1px solid #dcdce1;
  border-radius: 2px;
}
.lamp_slot_strip .lamp_flip_boxs .lamp_flip_box[data-v-b7b14652] {
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  cursor: pointer;
}
.lamp_slot_strip .lamp_flip_boxs .lamp_flip_box[data-v-b7b14652]:hover {
  color: var(--selectColor);
}
.lamp_slot_strip .lamp_flip_boxs .active_flipbox[data-v-b7b14652] {
  color: var(--selectColor);
  background: var(--select-background);
}


.lamp_slot_strip[data-v-b7b14652] .el-input__inner {
    padding-right: 0 !important;
}
.flexRB[data-v-b7b14652] {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    margin: 5px 0;
}
.flexRS[data-v-b7b14652] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.basic_btn[data-v-8ea02558] {
  width: 100%;
}
.flexRS[data-v-8ea02558] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10px;
  margin: 5px 0;
}
.flexRS .atr_label[data-v-8ea02558] {
  margin-right: 20px;
  font-size: 12px;
}
.flexRB[data-v-8ea02558] {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  margin: 5px 0;
}
.flexRB .basic_attribute_label[data-v-8ea02558] {
  width: 50px;
  flex-shrink: 0;
}


.gypsum_line[data-v-1f96b7ee] .el-input__inner {
    padding-right: 0 !important;
}
.flexRS[data-v-1f96b7ee] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.gypsum_flip_boxs[data-v-1f96b7ee] {
  border: 1px solid #dcdce1;
  border-radius: 2px;
}
.gypsum_flip_boxs .gypsum_flip_box[data-v-1f96b7ee] {
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  cursor: pointer;
}
.gypsum_flip_boxs .gypsum_flip_box[data-v-1f96b7ee]:hover {
  color: var(--selectColor);
}
.gypsum_flip_boxs .active_flipbox[data-v-1f96b7ee] {
  background: var(--selectColor);
}
.gypsum_line[data-v-1f96b7ee] {
  position: relative;
  width: 100%;
  height: auto;
}
.gypsum_line .gypsum_molding_body[data-v-1f96b7ee] {
  margin: 10px;
  position: relative;
  height: 220px;
  width: 220px;
  margin-bottom: 20px;
}
.gypsum_line .gypsum_molding_body .canvas_area[data-v-1f96b7ee] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ccc;
}
.gypsum_line .gypsum_molding_body .vertival_slider[data-v-1f96b7ee] {
  position: absolute;
  top: 10px;
  right: 0;
}
.gypsum_line .gypsum_molding_body .row_slider[data-v-1f96b7ee] {
  position: absolute;
  bottom: 0;
  left: 10px;
}
.gypsum_line .flexRB[data-v-1f96b7ee] {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  margin: 5px 0;
}
.gypsum_line .flexRB .gypsum_line_label[data-v-1f96b7ee] {
  width: 50px;
  flex-shrink: 0;
}

.tabBox[data-v-64a70d3e] {
  font-size: 12px;
  overflow: hidden;
  background: rgba(34, 40, 45, 0.06);
  margin-bottom: 13px;
  margin-top: 16px;
  border-radius: 4px;
  cursor: pointer;
}
.tabBox .tab[data-v-64a70d3e] {
  float: left;
  width: 50%;
  text-align: center;
  line-height: 22px;
  border-radius: 4px;
}
.tabBox .active[data-v-64a70d3e] {
  background: rgba(34, 40, 45, 0.7);
  border-radius: 4px;
  color: #fff;
}

.zoom-control[data-v-3f1ebdd8] {
  display: flex;
  align-items: center;
  width: 100%;
}
.zoom-control .bottom-pic[data-v-3f1ebdd8] {
  position: relative;
  width: 98px;
  height: 34px;
  border-radius: 4px;
  background-color: #fff;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #606266;
}
.zoom-control .bottom-pic:hover .hidden[data-v-3f1ebdd8] {
  display: block;
}
.zoom-control .bottom-pic .hidden[data-v-3f1ebdd8] {
  display: none;
  position: absolute;
  bottom: 34px;
  right: 0;
  padding-bottom: 10px;
}
.zoom-control .bottom-pic .hidden .box[data-v-3f1ebdd8] {
  box-sizing: border-box;
  color: #2d3037;
  width: 250px;
  height: 153px;
  box-shadow: 0px 4px 20px rgba(45, 48, 55, 0.1);
  border-radius: 8px;
  background-color: #fff;
}
.zoom-control .bottom-pic .hidden .box .top[data-v-3f1ebdd8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter[data-v-3f1ebdd8] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-input[data-v-3f1ebdd8] {
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-input input[data-v-3f1ebdd8] {
  width: 60px;
  height: 28px;
  border: none;
  text-align: right;
  box-sizing: border-box;
  padding-right: 25px;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-input .degree[data-v-3f1ebdd8] {
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  right: 8px;
  top: 50%;
  color: #c4c4c4;
  transform: translateY(-50%);
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-parameters > div[data-v-3f1ebdd8] {
  margin-bottom: 6px;
  line-height: 21px;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .camera-slider[data-v-3f1ebdd8] {
  width: 140px;
}
.zoom-control .bottom-pic .hidden .box .middle .parameter .comment-color[data-v-3f1ebdd8] {
  margin-bottom: 6px;
}
.zoom-control .bottom-pic .hidden .box .bottom[data-v-3f1ebdd8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zoom-control .zoom-control-group[data-v-3f1ebdd8] {
  display: flex;
  align-items: center;
  width: 195px;
  height: 36px;
  background: var(--theme-bg-white1);
  border-radius: 4px;
}
.zoom-control .zoom-control-group .zoom-btn[data-v-3f1ebdd8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  transition: all 0.2s ease;
}
.zoom-control .zoom-control-group .zoom-btn[data-v-3f1ebdd8]:hover {
  background: #f5f5f5;
  transform: scale(1.05);
}
.zoom-control .zoom-control-group .zoom-btn[data-v-3f1ebdd8]:active {
  background: #e0e0e0;
  transform: scale(0.95);
}
.zoom-control .zoom-control-group .zoom-btn.fit-btn .fit-icon[data-v-3f1ebdd8] {
  font-size: 12px;
}
.zoom-control .zoom-control-group .zoom-btn .zoom-icon[data-v-3f1ebdd8] {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.zoom-control .zoom-control-group .zoom-percentage[data-v-3f1ebdd8] {
  display: flex;
  align-items: center;
  min-width: 50px;
  height: 28px;
  padding: 0 6px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  flex: 1;
}
.zoom-control .zoom-control-group .zoom-percentage .percentage-input[data-v-3f1ebdd8] {
  width: 56px;
  height: 26px;
  background: #e8ebed;
  border-radius: 4px;
  border: none;
  background: transparent;
  text-align: center;
  font-size: 13px;
  color: #333;
  outline: none;
  font-weight: 500;
}
.zoom-control .zoom-control-group .zoom-percentage .percentage-input[data-v-3f1ebdd8]::-webkit-outer-spin-button,
.zoom-control .zoom-control-group .zoom-percentage .percentage-input[data-v-3f1ebdd8]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.zoom-control .zoom-control-group .zoom-percentage .percentage-symbol[data-v-3f1ebdd8] {
  font-size: 11px;
  color: #666;
  margin-left: 2px;
  font-weight: 500;
}

.right-side[data-v-1f9c8dc2] {
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.right-side .zoom-control-left[data-v-1f9c8dc2] {
  position: absolute;
  left: -500px;
  bottom: 40px;
  z-index: 4;
}

.dialogMenu[data-v-69bb058f] {
  display: flex;
  border-radius: 2px;
  background: rgba(60, 60, 75, 0.85);
  box-shadow: 0 4px 16px 0 rgba(25, 25, 50, 0.15);
  max-height: 40px;
  z-index: 3000;
}
.dialogMenu ul[data-v-69bb058f] {
  margin-top: 0;
  margin-bottom: 11px;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 40px;
}
.dialogMenu ul li .iconfont[data-v-69bb058f] {
  font-size: 17px;
}
.dialogMenu ul li .d2menu_label[data-v-69bb058f] {
  height: 12px;
  font-size: 12px;
  font-weight: 200;
  font-family: "Helvetica", "Source Han Sans", "PingFang SC", "Microsoft YaHei", "Heiti SC", "sans-serif" !important;
  color: #fff;
  line-height: 12px;
  width: fit-content;
  margin-top: 1px;
  width: -moz-fit-content;
}
.dialogMenu ul li[data-v-69bb058f] {
  color: #fff;
  cursor: pointer;
  position: relative;
  width: 44px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-left: 1px solid rgba(150, 150, 155, 0.3);
}
.dialogMenu ul li[data-v-69bb058f]:hover {
  background: rgba(25, 25, 30, 0.85);
}
.dialogMenu ul li[data-v-69bb058f]:first-child {
  border-left: none;
}
.dialogMenu ul li span[data-v-69bb058f] {
  font-size: 22px;
}
.unfinished-menu[data-v-69bb058f] {
  opacity: 0.5;
  pointer-events: none;
  color: #ddd !important;
}

.tui-mask[data-v-9d1cf1d8] {
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #000;
  opacity: 0.6;
  left: 310px;
  right: 236px;
  position: fixed;
}
.tui-dialog-wrap[data-v-9d1cf1d8] {
  position: fixed;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.tui-dialog-wrap .tui-dialog[data-v-9d1cf1d8] {
  width: 720px;
  height: 573px;
  background: #ffffff;
  border-radius: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  background-color: #fff;
  pointer-events: all;
}
.tui-dialog-wrap .tui-dialog .tui-dialog-header[data-v-9d1cf1d8] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  border-radius: 4px 4px 0 0;
  padding: 10px 40px 0 40px;
  color: var(--theme-content-black1);
  font-size: 16px;
  font-weight: 600;
}
.tui-dialog-wrap .tui-dialog .tui-dialog-body[data-v-9d1cf1d8] {
  z-index: 1001;
  flex: 1 1 auto;
  color: var(--theme-content-black1);
  max-height: auto;
  overflow: visible;
  display: flex;
  align-items: center;
}
.tui-dialog-wrap .tui-dialog .tui-dialog-body .inner[data-v-9d1cf1d8] {
  width: 640px;
  height: 429px;
  background-color: #f5f5f5;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.tui-dialog-wrap .tui-dialog .tui-dialog-footer[data-v-9d1cf1d8] {
  z-index: 1001;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  flex: 0 0 auto;
  padding: 14px 40px;
  height: auto;
}
.tui-dialog-wrap .tui-dialog .tui-dialog-footer .btn[data-v-9d1cf1d8] {
  background-color: var(--theme-brand-green3);
  border: none;
  font-size: 16px;
}
.tui-dialog-wrap .tui-dialog .tui-dialog-footer .btnClose[data-v-9d1cf1d8] {
  background-color: var(--theme-content-gray1);
  color: var(--theme-content-black1);
  border: none;
  font-size: 16px;
}

.content[data-v-008a0e22] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.menu[data-v-997d2684] {
  display: flex;
  border-radius: 2px;
  background: rgba(60, 60, 75, 0.85);
  box-shadow: 0 4px 16px 0 rgba(25, 25, 50, 0.15);
  z-index: 999;
  max-height: 40px;
}
.menu ul[data-v-997d2684] {
  margin-top: 0;
  margin-bottom: 11px;
  padding: 0px !important;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 40px;
}
.menu ul li .iconfont[data-v-997d2684] {
  font-size: 17px;
}
.menu ul li .d2menu_label[data-v-997d2684] {
  height: 12px;
  font-size: 12px;
  font-weight: 200;
  font-family: "Helvetica", "Source Han Sans", "PingFang SC", "Microsoft YaHei", "Heiti SC", "sans-serif" !important;
  color: #fff;
  line-height: 12px;
  width: fit-content;
  margin-top: 1px;
  width: -moz-fit-content;
}
.menu ul li[data-v-997d2684] {
  color: #fff;
  cursor: pointer;
  position: relative;
  min-width: 44px;
  padding: 0 10px;
  box-sizing: border-box;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-left: 1px solid rgba(150, 150, 155, 0.3);
}
.menu ul li[data-v-997d2684]:hover {
  background: rgba(25, 25, 30, 0.85);
}
.menu ul li[data-v-997d2684]:first-child {
  border-left: none;
}
.menu ul li span[data-v-997d2684] {
  font-size: 12px;
}
.unfinished-menu[data-v-997d2684] {
  opacity: 0.5;
  pointer-events: none;
  color: #ddd !important;
}
.menu ul .delTureClass[data-v-997d2684] {
  padding: 0 10px;
  width: auto;
  height: 40px;
}


.bunny-loading-mask[data-v-b3abe016] {
    position: fixed; /* 固定定位，覆盖整个页面 */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: var(--theme-content-gray6); /* 半透明白色遮罩 */
    z-index: 99999; /* 足够高，确保在最上层 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s;
    pointer-events: auto; /* 阻止下层点击 */
}
.bunny-loading-logo[data-v-b3abe016] {
    width: 64px;
    height: 64px;
    margin-bottom: 32px;
    animation: bunny-jump-b3abe016 0.8s infinite cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}
@keyframes bunny-jump-b3abe016 {
0% {
        transform: translateY(0) scaleY(1) scaleX(1);
}
10% {
        transform: translateY(0) scaleY(0.95) scaleX(1.05);
}
20% {
        transform: translateY(-10px) scaleY(1.05) scaleX(0.97);
}
40% {
        transform: translateY(-32px) scaleY(1.08) scaleX(0.95);
}
50% {
        transform: translateY(-36px) scaleY(1) scaleX(1);
}
60% {
        transform: translateY(-32px) scaleY(1.08) scaleX(0.95);
}
80% {
        transform: translateY(0) scaleY(0.95) scaleX(1.05);
}
100% {
        transform: translateY(0) scaleY(1) scaleX(1);
}
}
.bunny-loading-bar-wrap[data-v-b3abe016] {
    width: 180px;
    height: 8px;
    background: #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 8px;
    box-shadow: 0 1px 4px #eee;
}
.bunny-loading-bar[data-v-b3abe016] {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #19d1a6 0%, #00bfff 100%);
    border-radius: 4px;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.bunny-loading-text[data-v-b3abe016] {
    margin-top: 16px;
    color: var(--theme-bg-white1);
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
}

.stuff-box[data-v-27ab9249] {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
}

.header-box[data-v-2b95c192] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  padding: 0 24px;
  background-color: var(--theme-bg-white1);
  border-bottom: 1px solid var(--theme-bg-white2);
  display: flex;
  align-items: center;
  z-index: 3;
}
.header-box .headerName[data-v-2b95c192] {
  font-weight: 600;
  font-size: var(--theme-font16);
  color: var(--theme-content-gray7);
  margin-left: 24px;
}
.header-box .out-button[data-v-2b95c192] {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.header-box .out-button .icon[data-v-2b95c192] {
  width: 20px;
  height: 11px;
  margin-right: 4px;
}
.header-box .views[data-v-2b95c192] {
  width: 298px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
}
.header-box .views .view[data-v-2b95c192] {
  cursor: pointer;
  font-weight: 400;
  font-size: var(--theme-font16);
  color: var(--theme-content-gray6);
  height: 100%;
  line-height: 60px;
}
.header-box .views .big-title[data-v-2b95c192] {
  font-weight: 600;
  font-size: var(--theme-font16);
  color: var(--theme-content-gray7);
  border-bottom: 2px solid var(--theme-brand-green3);
  height: 58px;
}
.header-box .picture-list[data-v-2b95c192] {
  position: absolute;
  top: 0;
  right: 20px;
  color: var(--theme-content-gray7);
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.header-box .picture-list .leftBtn[data-v-2b95c192] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header-box .picture-list .leftBtn span[data-v-2b95c192] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
}
.header-box .picture-list .leftBtn .img[data-v-2b95c192] {
  margin-right: 6px;
  width: 18px;
  height: 18px;
}
.header-box .picture-list .iconfont[data-v-2b95c192] {
  height: 20px;
  font-size: 18px;
  margin: 0 28px;
  border-left: 1px solid var(--theme-content-gray2);
}
.header-box .picture-list .icon[data-v-2b95c192] {
  cursor: pointer;
}

.menu-tool[data-v-39257c01] {
  position: fixed;
  width: -moz-max-content;
  width: max-content;
  height: 50px;
  border-radius: 8px;
  padding: 0px 9px 0px 33px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  z-index: 133;
  background: var(--theme-content-black1);
}
.menu-tool .icon[data-v-39257c01] {
  position: absolute;
  left: 12px;
  top: 55%;
  transform: translateY(-50%);
}
.menu-tool .icon img[data-v-39257c01] {
  height: 25px;
  cursor: all-scroll;
}

.header-box[data-v-4d03bdde] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  padding: 0 24px;
  background-color: var(--theme-bg-white1);
  border-bottom: 1px solid var(--theme-bg-white2);
  display: flex;
  align-items: center;
  z-index: 3;
}
.header-box .headerName[data-v-4d03bdde] {
  font-weight: 600;
  font-size: 16px;
  color: var(--theme-content-gray7);
  margin-left: 24px;
}
.header-box .out-button[data-v-4d03bdde] {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.header-box .out-button .icon[data-v-4d03bdde] {
  width: 20px;
  height: 11px;
  margin-right: 4px;
}
.header-box .picture-list[data-v-4d03bdde] {
  position: absolute;
  top: 0;
  right: 20px;
  color: var(--theme-content-gray7);
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.header-box .picture-list .btn[data-v-4d03bdde] {
  width: 88px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  margin-left: 10px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  color: var(--theme-content-gray7);
  cursor: pointer;
}
.header-box .picture-list .submitBtn[data-v-4d03bdde] {
  background: var(--theme-brand-green3);
  color: var(--theme-bg-white1);
}
.header-box .picture-list .img[data-v-4d03bdde] {
  margin-right: 6px;
  width: 18px;
  height: 18px;
}
.header-box .picture-list .iconfont[data-v-4d03bdde] {
  height: 20px;
  font-size: 18px;
  margin: 0 28px;
  border-left: 1px solid var(--theme-content-gray2);
}
.header-box .picture-list .icon[data-v-4d03bdde] {
  cursor: pointer;
}

.view-toggle-group[data-v-1f0aa0ec] {
  width: 120px;
  height: 36px;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 70, 51, 0.1);
  border-radius: 4px;
  margin-left: 10px;
  position: relative;
}
.view-toggle-group .toggle-buttons[data-v-1f0aa0ec] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d[data-v-1f0aa0ec] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 24px;
  border: none;
  cursor: pointer;
  position: relative;
  color: rgba(34, 40, 45, 0.7);
}
.view-toggle-group .toggle-buttons .toggle-btn-2d[data-v-1f0aa0ec]:hover {
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d.active[data-v-1f0aa0ec] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d .arrow-icon[data-v-1f0aa0ec] {
  margin-left: 4px;
  transition: transform 0.2s ease;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d .arrow-icon.rotated[data-v-1f0aa0ec] {
  transform: rotate(180deg);
}
.view-toggle-group .toggle-buttons .toggle-btn-3d[data-v-1f0aa0ec] {
  width: 52px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(34, 40, 45, 0.7);
}
.view-toggle-group .toggle-buttons .toggle-btn-3d[data-v-1f0aa0ec]:hover {
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-3d.active[data-v-1f0aa0ec] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .dropdown-menu[data-v-1f0aa0ec] {
  position: absolute;
  bottom: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 80px;
  margin-bottom: 4px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.2s ease;
}
.view-toggle-group .dropdown-menu.visible[data-v-1f0aa0ec] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-1f0aa0ec] {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  transition: background-color 0.2s ease;
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-1f0aa0ec]:hover {
  background: #f5f5f5;
}
.view-toggle-group .dropdown-menu .dropdown-item.active[data-v-1f0aa0ec] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-1f0aa0ec]:first-child {
  border-radius: 4px 4px 0 0;
}
.view-toggle-group .dropdown-menu .dropdown-item[data-v-1f0aa0ec]:last-child {
  border-radius: 0 0 4px 4px;
}

.environment-container[data-v-35f6a118] {
  width: 100%;
}
.img-group[data-v-35f6a118] {
  width: 375px;
}
.img-group .img-title[data-v-35f6a118] {
  width: 375px;
  height: 34px;
  background-color: var(--theme-bg-white2);
  box-shadow: inset 0px -1px 0px 0px var(--theme-bg-white3);
  border-radius: 8px 8px 0px 0px;
  padding: 0px 16px 0px 8px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray7);
  box-sizing: border-box;
}
.img-group .img-title img[data-v-35f6a118] {
  margin-right: 2px;
}
.img-group .img-title .icon[data-v-35f6a118] {
  margin-left: auto;
  cursor: pointer;
}
.img-group .tabs[data-v-35f6a118] {
  display: flex;
  padding: 12px 20px;
  box-sizing: border-box;
}
.img-group .tabs .tab-item[data-v-35f6a118] {
  width: 48px;
  height: 28px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  margin-right: 8px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
}
.img-group .tabs .tab-item.active[data-v-35f6a118] {
  background: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.left-group[data-v-35f6a118] {
  background-color: var(--theme-bg-white1);
  border-radius: 8px;
  margin: 28px 21px 0px 21px;
  display: flex;
  flex-direction: column;
}
.left-group .group-title[data-v-35f6a118] {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray7);
}
.mode-switch[data-v-35f6a118] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.switchOut[data-v-35f6a118] {
  height: 285px;
  overflow-y: auto;
}
.mode-switch-more[data-v-35f6a118] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.mode-btn[data-v-35f6a118] {
  color: var(--theme-content-gray7);
  border: none;
  border: 2px solid var(--theme-content-gray1);
  border-radius: 4px;
  font-size: var(--theme-font12);
  width: 98px;
  height: 58px;
  cursor: pointer;
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
}
.mode-btn .mode-name[data-v-35f6a118] {
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: var(--theme-bg-white1);
}
.mode-btn .imgMore[data-v-35f6a118] {
  width: 100%;
  height: 100%;
}
.mode-btn .mode-name-more[data-v-35f6a118] {
  height: 17px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  line-height: 17px;
}
.mode-btn .mode-name-more img[data-v-35f6a118] {
  margin-right: 4px;
}
.mode-btn .iconbj[data-v-35f6a118] {
  width: 100%;
  height: 100%;
}
.mode-btn.active[data-v-35f6a118] {
  border-color: var(--theme-brand-green3);
}

.environment-container[data-v-473667ce] {
  width: 100%;
}
.left-group[data-v-473667ce] {
  border-radius: 8px;
  margin: 28px 21px 0px 21px;
  display: flex;
  flex-direction: column;
}
.left-group .group-title[data-v-473667ce] {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray7);
}
.left-group .tabsType[data-v-473667ce] {
  display: flex;
  margin-bottom: 12px;
  width: 220px;
  height: 28px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}
.left-group .tabsType .tabs-item[data-v-473667ce] {
  width: 107px;
  height: 24px;
  border-radius: 4px;
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray6);
  text-align: center;
  line-height: 24px;
  cursor: pointer;
}
.left-group .tabsType .tabs-item[data-v-473667ce]:hover {
  border-color: var(--theme-content-gray1);
}
.left-group .tabsType .tabs-item.active[data-v-473667ce] {
  background: var(--theme-content-gray6);
  font-weight: 500;
  font-size: var(--theme-font12);
  color: var(--theme-bg-white1);
}
.left-group .sun-row[data-v-473667ce] {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin-bottom: 6px;
  gap: 8px;
}
.left-group .sun-row .sun-box[data-v-473667ce] {
  width: 68px;
  height: 50px;
  border: 2px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: var(--theme-font12);
  margin-bottom: 20px;
  font-weight: 500;
  color: var(--theme-content-gray7);
}
.left-group .sun-row .sun-box[data-v-473667ce]:hover {
  background-color: #f5f5f5;
  border-color: #ccc;
}
.left-group .sun-row .sun-box.active[data-v-473667ce] {
  border-color: var(--theme-brand-green3);
}
.left-group .sun-row .sun-box .icon[data-v-473667ce] {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  margin-bottom: 8px;
}
.left-group .light .light-btn[data-v-473667ce] {
  height: 28px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--theme-content-gray5);
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  text-align: center;
  margin-bottom: 7px;
  text-align: left;
  padding: 0 11px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left-group .light .light-btn[data-v-473667ce]:hover {
  border-color: var(--theme-brand-green3);
}
.left-group .light .light-btn:hover .group[data-v-473667ce] {
  visibility: visible;
  opacity: 1;
}
.left-group .light .light-btn.active[data-v-473667ce] {
  background-color: var(--theme-brand-green1);
  border-color: var(--theme-brand-green3);
  color: var(--theme-brand-green3);
}
.left-group .light .light-btn.active .group[data-v-473667ce] {
  visibility: visible;
  opacity: 1;
}
.left-group .light .light-btn .title[data-v-473667ce] {
  width: 140px;
  white-space: nowrap;
  /* 强制不换行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
}
.left-group .light .light-btn .light-rename-input[data-v-473667ce] {
  width: 114px;
  height: 20px;
  background: var(--theme-bg-white1);
  border: none;
  line-height: 32px;
  padding: 0 8px;
  outline: none;
  color: var(--theme-content-black1);
  z-index: 10;
  font-size: 12px;
}
.left-group .light .light-btn .group[data-v-473667ce] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0.1s;
  display: flex;
  align-items: center;
}
.left-group .light .light-btn .group .icon[data-v-473667ce] {
  margin-left: 10px;
  width: 14px;
  height: 14px;
}
.left-group .light .add-light-btn[data-v-473667ce] {
  width: 100%;
  height: 28px;
  border-radius: 4px;
  border: 1px dashed var(--theme-content-gray5);
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  line-height: 28px;
  cursor: pointer;
  text-align: center;
}
.tip[data-v-473667ce] {
  width: 60px;
  height: 34px;
  padding-left: 12px;
  line-height: 34px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  cursor: pointer;
}
.tip[data-v-473667ce]:hover {
  background-color: var(--theme-content-gray1);
}

.render-left[data-v-19845120] {
  width: 260px;
  background-color: var(--theme-bg-white1);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
  height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
.render-left .left-group[data-v-19845120] {
  background-color: var(--theme-bg-white1);
  border-radius: 8px;
  margin: 28px 21px 0px 21px;
  display: flex;
  flex-direction: column;
}
.render-left .left-group .group-title[data-v-19845120] {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray7);
}
.render-left .left-group .ratio-btns[data-v-19845120],
.render-left .left-group .quality-btns[data-v-19845120] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
  justify-content: space-between;
}
.render-left .left-group .ratio[data-v-19845120] {
  text-align: center;
  font-weight: 500;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
}
.render-left .left-group .ratio-btn[data-v-19845120] {
  height: 28px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  margin: auto;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}
.render-left .left-group .ratio-btn.active[data-v-19845120] {
  background: var(--theme-brand-green1);
  border: 1px solid var(--theme-brand-green3);
}
.render-left .left-group .quality-btn[data-v-19845120] {
  width: 105px;
  height: 28px;
  line-height: 28px;
  text-align: left;
  padding: 0 8px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.2s;
  box-sizing: border-box;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  display: flex;
  align-items: center;
}
.render-left .left-group .quality-btn.active[data-v-19845120] {
  background: var(--theme-brand-green1);
  border: 1px solid var(--theme-brand-green3);
  font-weight: 500;
  font-size: var(--theme-font12);
  color: var(--theme-brand-green3);
}
.render-left .left-group .quality-btn.disabled[data-v-19845120] {
  color: var(--theme-content-gray4);
}
.render-left .left-group .quality-btn .resolution[data-v-19845120] {
  font-weight: bold;
}
.render-left .left-group .quality-btn .line[data-v-19845120] {
  display: block;
  width: 1px;
  height: 8px;
  background: rgba(34, 40, 45, 0.12);
  margin: 0 6px;
}
.render-left .left-group .quality-btn .icon[data-v-19845120] {
  width: 18px;
  height: 18px;
  margin-left: auto;
}
.render-left .left-group .light-btn[data-v-19845120],
.render-left .left-group .mode-switch[data-v-19845120] {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
/* 自定义滚动条样式 */
[data-v-19845120]::-webkit-scrollbar {
  width: 1px;
}
[data-v-19845120]::-webkit-scrollbar-thumb {
  background: var(--theme-content-gray4);
  border-radius: 3px;
}

.render-left[data-v-4ef9c629] {
  width: 100%;
  background-color: var(--theme-bg-white1);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
  height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 60px;
}
.render-left .left-group[data-v-4ef9c629] {
  border-radius: 8px;
  margin: 0 16px 8px 16px;
  display: flex;
  flex-direction: column;
}
.render-left .left-group .group-title[data-v-4ef9c629] {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  margin-top: 12px;
  color: #000;
  letter-spacing: 1px;
}
.render-left .left-group .ratio-btns[data-v-4ef9c629] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 8px;
}
.render-left .left-group .quality-btns[data-v-4ef9c629] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.render-left .left-group .ratio-btn[data-v-4ef9c629],
.render-left .left-group .quality-btn[data-v-4ef9c629] {
  color: #000;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.render-left .left-group .ratio-btn .btn-box[data-v-4ef9c629],
.render-left .left-group .quality-btn .btn-box[data-v-4ef9c629] {
  width: 103px;
  height: 70px;
  background-color: var(--theme-content-gray1);
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 8px;
  overflow: hidden;
}
.render-left .left-group .ratio-btn .btn-box.active[data-v-4ef9c629],
.render-left .left-group .quality-btn .btn-box.active[data-v-4ef9c629],
.render-left .left-group .ratio-btn .btn-box[data-v-4ef9c629]:hover,
.render-left .left-group .quality-btn .btn-box[data-v-4ef9c629]:hover {
  border-color: var(--theme-brand-green3);
}
.render-left .left-group .ratio-btn .btn-box img[data-v-4ef9c629],
.render-left .left-group .quality-btn .btn-box img[data-v-4ef9c629] {
  width: 100%;
  height: 100%;
}
.render-left .left-group .ratio-btn .btn-text[data-v-4ef9c629],
.render-left .left-group .quality-btn .btn-text[data-v-4ef9c629] {
  font-size: 12px;
  text-align: center;
  margin-bottom: 8px;
}
.render-left .left-group .light-btn[data-v-4ef9c629],
.render-left .left-group .mode-switch[data-v-4ef9c629] {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
.render-left .left-group .mode-btn[data-v-4ef9c629] {
  background-color: var(--theme-bg-color);
  color: #000;
  border: 2px solid #ccc;
  border-radius: 4px;
  padding: 6px 24px;
  font-size: 12px;
  cursor: pointer;
}
.render-left .left-group .mode-btn.active[data-v-4ef9c629],
.render-left .left-group .mode-btn[data-v-4ef9c629]:hover {
  border: 2px solid #00be8c;
}
.render-left .left-group .mode-img[data-v-4ef9c629] {
  width: 280px;
  height: 80px;
  border-radius: 8px;
}
.render-left .left-group .mode-btn-out[data-v-4ef9c629] {
  border-radius: 8px;
  font-size: 12px;
}

.left-basic[data-v-26cbffbd] {
  position: absolute;
  z-index: 1;
  height: 100%;
}
.left-basic .render-toggle[data-v-26cbffbd] {
  position: absolute;
  bottom: 20px;
  right: -150px;
}


/* 样式部分保持不变 */
.circle-track-container[data-v-8cf155b4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Arial, sans-serif;
    position: relative;
    left: -90px;
    top: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.control-panel[data-v-8cf155b4] {
    margin-bottom: 20px;
    text-align: center;
}
h3[data-v-8cf155b4] {
    color: #333;
    margin-bottom: 15px;
    font-size: 1.2rem;
}
.angle-display[data-v-8cf155b4] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
    margin-bottom: 8px;
}
.drag-hint[data-v-8cf155b4] {
    text-align: center;
    color: #999;
    font-size: var(--theme-font12);
}
.track-container[data-v-8cf155b4] {
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}
.circle-track[data-v-8cf155b4] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
}
.valid-area[data-v-8cf155b4] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    border-radius: 0 75px 75px 0;
    pointer-events: none;
}
.rotating-image[data-v-8cf155b4] {
    position: absolute;
    transform-origin: left center;
    z-index: 1;
    pointer-events: none;
}
.rotating-image[data-v-8cf155b4]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    background: linear-gradient(to right, transparent, #42b983);
    top: 0;
}
.connection-camera[data-v-8cf155b4] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 12px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.connection-arrow[data-v-8cf155b4] {
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
    width: 40px;
    height: 70px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.draggable-dot[data-v-8cf155b4] {
    position: absolute;
    border-radius: 50%;
    cursor: grab;
    transition:
        background-color 0.2s,
        transform 0.2s;
    z-index: 2;
}
.draggable-dot.dragging[data-v-8cf155b4] {
    cursor: grabbing;
    transform: scale(1.1);
}
.icon[data-v-8cf155b4] {
    position: absolute;
    display: none;
    width: 75px;
    top: -16px;
    right: 0px;
}
.track-center[data-v-8cf155b4] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: move;
    z-index: 3;
}
.center-dot[data-v-8cf155b4] {
    width: 40px;
    height: 12px;
}

.camera-angle .group-title[data-v-94244a08] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray6);
  margin-top: 20px;
}
.camera-angle .camera-box[data-v-94244a08] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.camera-angle .camera-box .boxSave[data-v-94244a08] {
  width: 94px;
  height: 70px;
  border-radius: 4px;
  border: 1px dashed var(--theme-content-gray4);
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.camera-angle .camera-box .boxSave .bgImg[data-v-94244a08] {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.camera-angle .camera-box .boxSave .boxMessage[data-v-94244a08] {
  width: 100%;
  height: 40px;
  text-align: center;
  cursor: pointer;
}
.camera-angle .camera-box .boxSaveImg[data-v-94244a08] {
  border: 1px solid var(--theme-content-gray4);
  overflow: hidden;
  position: relative;
}
.camera-angle .camera-box .boxSaveImg[data-v-94244a08]:hover {
  border-color: var(--theme-brand-green3);
}
.camera-angle .camera-box .boxSaveImg .icon[data-v-94244a08] {
  position: absolute;
  right: 2px;
  bottom: 2px;
  cursor: pointer;
  background-color: var(--theme-content-gray5);
  border-radius: 4px;
  padding: 1px;
  height: 16px;
}

.right-group[data-v-2139373a] {
  padding-top: 0px;
  flex: 1;
  /* 取消文本选中效果防止出现蓝色选中 */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.right-group .camera[data-v-2139373a] {
  width: 212px;
  height: 275px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  margin: 12px 0;
  padding: 12px;
  box-sizing: border-box;
  position: relative;
}
.right-group .camera .line[data-v-2139373a] {
  position: absolute;
  height: 140px;
  left: 15px;
  top: 35px;
  border-left: 2px solid var(--theme-content-gray2);
}
.right-group .camera .line .lineTop[data-v-2139373a] {
  position: absolute;
  top: -8px;
  left: -5px;
  display: flex;
  align-items: center;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray6);
}
.right-group .camera .line .lineTop span[data-v-2139373a] {
  display: inline-block;
  width: 10px;
  height: 1px;
  background: var(--theme-content-gray2);
  margin-right: 5px;
}
.right-group .camera .line .lineBottom[data-v-2139373a] {
  position: absolute;
  bottom: -8px;
  left: -5px;
  display: flex;
  align-items: center;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray6);
}
.right-group .camera .line .lineBottom span[data-v-2139373a] {
  display: inline-block;
  width: 10px;
  height: 1px;
  background: var(--theme-content-gray2);
  margin-right: 5px;
}
.right-group .group-title[data-v-2139373a] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray6);
  margin-top: 20px;
}
.right-group .camera-row[data-v-2139373a] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  margin-bottom: 12px;
}
.right-group .camera-row .slider-row[data-v-2139373a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
  position: relative;
  gap: 8px;
}
.right-group .camera-row .slider-row .tip[data-v-2139373a] {
  position: absolute;
  right: 13px;
  z-index: 999;
  top: 5px;
  color: var(--theme-content-gray5);
}
.right-group .camera-row .slider-row .slider[data-v-2139373a] {
  flex: 1;
}
.right-group .camera-row .slider-row .slider-value[data-v-2139373a] {
  min-width: 48px;
  text-align: right;
}
.right-group .camera-row .slider-row[data-v-2139373a] .el-input__wrapper {
  padding-right: 16px !important;
}
[data-v-2139373a] .el-slider__runway {
  height: 30px !important;
  background-color: var(--theme-bg-white5) !important;
}
[data-v-2139373a] .el-slider__bar {
  height: 30px !important;
  background-color: var(--theme-brand-green2) !important;
}
[data-v-2139373a] .el-slider__button {
  height: 30px !important;
  width: 0px !important;
  border-radius: 0px;
  border: 2px solid var(--theme-brand-green3) !important;
}
[data-v-2139373a] .el-slider__button-wrapper {
  top: -3px !important;
}
.controlInput[data-v-2139373a] {
  margin-top: 20px;
  display: flex;
  gap: 18px;
}
.controlInput .controlName[data-v-2139373a] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  margin-bottom: 6px;
}
[data-v-2139373a] .el-input__wrapper {
  padding: 0px 4px 0px 8px;
  width: 80px;
  box-sizing: border-box;
}
[data-v-2139373a] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: var(--theme-font12);
}
[data-v-2139373a] .el-input__wrapper .el-input__inner {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}
[data-v-2139373a] .el-input.is-disabled {
  border: 0px !important;
}
[data-v-2139373a] .el-input.is-disabled .el-input__wrapper {
  background-color: var(--theme-bg-white1) !important;
}
[data-v-2139373a] .el-input.is-disabled .el-input__wrapper .el-input__inner {
  color: var(--theme-content-gray4) !important;
  -webkit-text-fill-color: var(--theme-content-gray4) !important;
}
[data-v-2139373a] .el-input.is-disabled .el-input__wrapper .suffixName {
  color: var(--theme-content-gray4) !important;
}


.circle-track-container[data-v-e94ac81e] {
    padding: 20px 12px 12px 12px;
    font-family: Arial, sans-serif;
}
.track-container[data-v-e94ac81e] {
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    margin: auto;
}
.circle-track[data-v-e94ac81e] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid var(--theme-content-gray2);
    box-sizing: border-box;
}

/* 箭头样式 */
.arrow {
&[data-v-e94ac81e] {
    position: absolute;
    height: 2px;
    transform-origin: left center;
    z-index: 1;
    }
.iconArrow[data-v-e94ac81e] {
        transform: rotate(45deg);
        position: relative;
        top: -20px;
        left: -33px;
}
}
.arrow[data-v-e94ac81e]::after {
    content: "";
    position: absolute;
    right: 0;
    top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.draggable-dot[data-v-e94ac81e] {
    position: absolute;
    border-radius: 50%;
    cursor: grab;
    transition:
        background-color 0.2s,
        transform 0.2s;
    z-index: 2;
}
.draggable-dot.dragging[data-v-e94ac81e] {
    cursor: grabbing;
    transform: scale(1.1);
}
.track-center[data-v-e94ac81e] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.center-dot {
&[data-v-e94ac81e] {
    width: 37px;
    height: 37px;
    background-color: var(--theme-content-gray4);
    }
.occupancy[data-v-e94ac81e] {
        width: 40%;
        height: 40%;
        background-color: #f2f2f3;
        position: absolute;
        left: -1px;
        top: -1px;
}
}

/* 保持原有样式不变 */
.env-parameter-container[data-v-75aca260] {
  /* 自定义滚动条样式 */
}
.env-parameter-container[data-v-75aca260]::-webkit-scrollbar {
  width: 1px;
}
.env-parameter-container[data-v-75aca260]::-webkit-scrollbar-thumb {
  background: var(--theme-content-gray4);
  border-radius: 3px;
}
.timeShow[data-v-75aca260] {
  width: 100%;
  height: 35px;
  border-radius: 4px;
  margin-top: 8px;
  text-align: center;
  line-height: 30px;
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.25);
}
.camera-row[data-v-75aca260] {
  font-size: 13px;
  margin-top: 20px;
}
.camera-row .group-title[data-v-75aca260] {
  font-weight: 400;
  font-size: 12px;
  color: #22282d;
  margin-bottom: 6px;
}
.camera-row .view-angle[data-v-75aca260] {
  width: 212px;
  height: 220px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
}
.camera-row .slider-row[data-v-75aca260] {
  display: flex;
  margin-bottom: 8px;
  justify-content: space-between;
  gap: 8px;
}
.camera-row .slider-row[data-v-75aca260] .el-slider__runway {
  height: 30px !important;
  background-color: var(--theme-bg-white5);
}
.camera-row .slider-row[data-v-75aca260] .el-slider__bar {
  height: 30px !important;
  background: var(--theme-brand-green2) !important;
}
.camera-row .slider-row[data-v-75aca260] .el-slider__button {
  height: 30px !important;
  width: 0px !important;
  border-radius: 0px;
  border: 2px solid var(--theme-brand-green3) !important;
}
.camera-row .slider-row[data-v-75aca260] .el-slider__button-wrapper {
  top: -3px !important;
}
.camera-row .slider-row .slider[data-v-75aca260] {
  flex: 1;
}
.camera-row .slider-row .slider-value[data-v-75aca260] {
  min-width: 48px;
  text-align: right;
}
.camera-row[data-v-75aca260] .sun-time .el-slider__runway {
  background: linear-gradient(90deg, /* 0-3点：深暖灰→柔暖灰→亮白黄 */ #3a3830 0%, /* 0点：深暖灰 */ #6b685c 6%, /* 1:30：中柔暖灰 */ #b8b4a2 10%, /* 2:30：浅柔暖灰 */ #f8f4e0 12.5%, /* 3点：亮白暖黄 */ /* 3-9点：缓慢提亮 */ #f9f5e2 30%, /* 7点：轻微提亮 */ #faf7e5 37.5%, /* 9点：准备进入高亮 */ /* 9-15点：最亮区域 */ #fffcee 37.5%, /* 9点：开始最亮 */ #fefcee 42%, /* 10点：提亮 */ #fffef6 50%, /* 12点：正午最亮 */ #fffef7 56%, /* 14点：保持最亮 */ #fffef6 56.25%, /* 14:15：过渡 */ #fefcee 56.25%, /* 14:15：结束最亮 */ /* 15-18点：缓慢回到基础亮度 */ #f9f5e3 65%, /* 16点：过渡 */ #f8f4e0 75%, /* 18点：亮白暖黄 */ /* 18-20点：亮白黄→柔暖灰 */ #f0ecd8 77%, /* 18:30：亮白黄微灰调 */ #e6e2c8 79%, /* 19:00：黄灰融合色 */ #d8d4c0 81%, /* 19:30：柔暖浅灰 */ #a8a492 83.3%, /* 20点：中柔暖灰 */ /* 20-24点：柔暖灰→深暖灰 */ #7c796c 90%, /* 22点：偏浅的深柔暖灰 */ #3a3830 100% /* 24点：深暖灰 */) !important;
}
.camera-row .sun-time[data-v-75aca260] .el-slider__bar {
  margin-bottom: 8px;
  height: 30px !important;
  background: rgba(0, 0, 0, 0) !important;
}
.camera-row .timeBottom[data-v-75aca260] {
  display: flex;
  gap: 8px;
}
.camera-row .timeBottom .timeName[data-v-75aca260] {
  flex: 1;
  font-weight: 400;
  font-size: 10px;
  color: #22282d;
  display: flex;
  justify-content: space-between;
}
.camera-row .timeBottom .occupancy[data-v-75aca260] {
  width: 60px;
}

.render-right[data-v-2e6f5fa6] {
  color: var(--theme-content-gray7);
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 60px;
  right: 0;
}
.render-right .view-toggle[data-v-2e6f5fa6] {
  position: absolute;
  top: 0px;
  left: -90px;
}
.render-right .right-tabs[data-v-2e6f5fa6] {
  background-color: var(--theme-bg-white2);
  display: flex;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 4px 4px 0px 0px;
  border-bottom: 1px solid var(--theme-bg-white3);
}
.render-right .right-tabs img[data-v-2e6f5fa6] {
  margin: 4px 6px;
  width: 18px;
  height: 18px;
}
.render-right .right-tabs .tab[data-v-2e6f5fa6] {
  width: 100px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: var(--theme-content-gray6);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  font-size: var(--theme-font14);
}
.render-right .right-tabs .tab .tabActive[data-v-2e6f5fa6] {
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -2px;
  background-color: var(--theme-bg-white1);
}
.render-right .right-tabs .tab.active[data-v-2e6f5fa6] {
  background-color: var(--theme-bg-white1);
  color: var(--theme-content-gray7);
  border: var(--theme-bg-white3) solid 1px;
  border-bottom: 0px;
  position: relative;
  line-height: 32px;
  top: 0;
  box-sizing: border-box;
}

.right-group[data-v-e603323e] {
  font-weight: 500;
  flex: 1;
}
.right-group .group-title[data-v-e603323e] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray6);
  margin-top: 20px;
}
.right-group .camera-row[data-v-e603323e] {
  font-size: 13px;
  margin-top: 12px;
}
.right-group .camera-row .slider-row[data-v-e603323e] {
  display: flex;
  margin-top: 6px;
  height: 28px;
  margin-bottom: 8px;
  justify-content: space-between;
  gap: 8px;
}
.right-group .camera-row .slider-row[data-v-e603323e] .el-slider__runway {
  height: 30px !important;
  background: var(--theme-bg-white5) !important;
}
.right-group .camera-row .slider-row[data-v-e603323e] .el-slider__bar {
  height: 30px !important;
  background-color: var(--theme-brand-green2) !important;
}
.right-group .camera-row .slider-row[data-v-e603323e] .el-slider__button {
  height: 30px !important;
  width: 0px !important;
  border-radius: 0px;
  border: 2px solid var(--theme-brand-green3) !important;
}
.right-group .camera-row .slider-row[data-v-e603323e] .el-slider__button-wrapper {
  top: -3px !important;
}
.right-group .camera-row .slider-row .slider[data-v-e603323e] {
  width: 140px;
}
.right-group .camera-row .slider-row .slider-value[data-v-e603323e] {
  min-width: 48px;
  text-align: right;
}
.right-group .camera-row .slider-row .tabsType[data-v-e603323e] {
  display: flex;
  align-items: center;
  background: var(--theme-content-gray1);
  width: 80px;
  height: 28px;
  border-radius: 4px;
  margin-bottom: 12px;
}
.right-group .camera-row .slider-row .tabsType .tabs-item[data-v-e603323e] {
  flex: 1;
  width: 38px;
  height: 24px;
  color: var(--theme-content-gray6);
  border-radius: 4px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 12px;
}
.right-group .camera-row .slider-row .tabsType .tabs-item.active[data-v-e603323e] {
  background: var(--theme-content-gray6);
  color: var(--theme-bg-white1);
}
.right-group .camera-row .slider-row .line-slider[data-v-e603323e] .el-slider__runway {
  height: 2px !important;
  background: #e4e7ed !important;
}
.right-group .camera-row .slider-row .line-slider[data-v-e603323e] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green2) !important;
}
.right-group .camera-row .slider-row .line-slider[data-v-e603323e] .el-slider__button {
  width: 14px !important;
  height: 14px !important;
  background: #ffffff !important;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 0px rgba(0, 70, 51, 0.2) !important;
  border: 1px solid var(--theme-brand-green3) !important;
}
.right-group .camera-row .slider-row .line-slider[data-v-e603323e] .el-slider__button-wrapper {
  top: -17px !important;
}
.right-group .camera-row .slider-row .line-slider .slider[data-v-e603323e] {
  width: 120px;
}
.right-group .sliderName[data-v-e603323e] {
  display: flex;
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-gray6);
}
[data-v-e603323e] .el-slider__runway {
  height: 8px !important;
  background: linear-gradient(270deg, #6496ff 0%, #ffedcd 64%, #ff410f 100%);
}
[data-v-e603323e] .el-slider__bar {
  background-color: rgba(0, 0, 0, 0);
}
[data-v-e603323e] .el-slider__button {
  background: #fdaf93;
  box-shadow: 0px 0px 1px 0px rgba(34, 40, 45, 0.5);
  border: 1px solid #ffffff;
}
.suffixName[data-v-e603323e] {
  width: 17px;
  text-align: left;
  font-weight: 400;
  font-size: 12px;
  color: rgba(34, 40, 45, 0.5);
}
[data-v-e603323e] .el-input__wrapper {
  padding: 1px 8px;
}

.right-box .top[data-v-3edd6246] {
  border-radius: 8px 0px 0px 8px;
}
.right-box .top div[data-v-3edd6246] {
  width: 240px;
  height: 186px;
  background-color: #f1f3f8;
  border-radius: 4px;
}


.perspective-2d[data-v-1051e46e] {
    width: 100%;
    height: 100%;
}

#render-view-solid[data-v-4116623c] {
  height: 100%;
  position: relative;
}

.render-enter-active,
.render-leave-active {
  transition: opacity 0.5s ease;
}
.render-enter-from,
.render-leave-to {
  opacity: 0;
}
#main-view-container {
  position: absolute;
  top: 60px;
  width: 100%;
  height: calc(100% - 60px);
  overflow-y: hidden;
}
#render-view-plane {
  position: relative;
  height: 100%;
}
.__clip_mask_port {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border-style: solid;
  border-color: rgba(50, 50, 50, 0.5);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all 0.3s;
}

.render .render-button[data-v-c4d63e26] {
  position: absolute;
  bottom: 87px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  width: 180px;
  cursor: pointer;
  height: 40px;
  font-weight: 700;
  border: none;
}

[data-v-158b704e] .el-dialog {
  border-radius: 12px !important;
}
.tip-warn-title[data-v-158b704e] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 15px;
}
.tip-warn-title img[data-v-158b704e] {
  width: 18px;
  height: 18px;
}
.tip-warn-title span[data-v-158b704e] {
  font-weight: 600;
  font-size: 16px;
  color: #22282d;
}
.count-box[data-v-158b704e] {
  width: 364px;
  height: 88px;
  background: #f6f7f8;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
}
.count-box .label[data-v-158b704e] {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.count-box .num[data-v-158b704e] {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 24px;
  color: #1c1c1c;
  gap: 4px;
}
.count-box .num img[data-v-158b704e] {
  width: 18px;
  height: 18px;
}
.tip-bean-button[data-v-158b704e] {
  width: 120px;
  height: 36px;
  background: var(--theme-brand-green3);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  color: var(--theme-bg-white1);
  cursor: pointer;
  margin-top: 16px;
  margin-right: 10px;
}
.tip-vip-button[data-v-158b704e] {
  width: 120px;
  height: 36px;
  background: #00be8c;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  margin-top: 16px;
  margin-right: 10px;
}
.tip-vip-button img[data-v-158b704e] {
  width: 120px;
  height: 36px;
}
.insufficient-desc[data-v-158b704e] {
  font-weight: 400;
  font-size: 12px;
  color: rgba(34, 40, 45, 0.7);
  margin: 16px 15px 0px 15px;
}
.insufficient-desc span[data-v-158b704e]:last-child {
  font-weight: 500;
  font-size: 12px;
  color: #3c80ff;
  cursor: pointer;
}

.renderHome[data-v-01bf408e] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d8d7d7;
}
.renderHome .render-now[data-v-01bf408e] {
  width: 160px;
  height: 40px;
  line-height: 40px;
  background: linear-gradient(180deg, #00ffbc 0%, #00be8c 100%);
  border-radius: 8px;
  box-shadow: 0px 4px 8px 0px rgba(34, 40, 45, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.8);
  position: fixed;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-weight: 600;
  font-size: var(--theme-font16);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.renderHome .render-now[data-v-01bf408e]:hover {
  box-shadow: 0px 4px 8px 0px rgba(34, 40, 45, 0.5);
}
.renderHome .bean-quantity[data-v-01bf408e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.renderHome .bean-quantity img[data-v-01bf408e] {
  width: 16px;
  height: 16px;
}

.header-box[data-v-91768f38] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  padding: 0 24px;
  background-color: var(--theme-bg-white1);
  border-bottom: 1px solid var(--theme-bg-white2);
  display: flex;
  align-items: center;
  z-index: 3;
}
.header-box .headerName[data-v-91768f38] {
  font-weight: 600;
  font-size: var(--theme-font16);
  color: var(--theme-content-gray7);
  margin-left: 24px;
}
.header-box .views[data-v-91768f38] {
  width: 298px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 60px;
}
.header-box .views .view[data-v-91768f38] {
  cursor: pointer;
  font-weight: 400;
  font-size: var(--theme-font16);
  color: var(--theme-content-gray6);
  height: 100%;
  line-height: 60px;
}
.header-box .views .big-title[data-v-91768f38] {
  font-weight: 600;
  font-size: var(--theme-font16);
  color: var(--theme-content-gray7);
  border-bottom: 2px solid var(--theme-brand-green3);
  height: 58px;
}
.header-box .picture-list[data-v-91768f38] {
  position: absolute;
  top: 0;
  right: 20px;
  color: var(--theme-content-gray7);
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.header-box .picture-list .leftBtn[data-v-91768f38] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header-box .picture-list .leftBtn span[data-v-91768f38] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
}
.header-box .picture-list .leftBtn .img[data-v-91768f38] {
  margin-right: 6px;
  width: 18px;
  height: 18px;
}
.header-box .picture-list .iconfont[data-v-91768f38] {
  height: 20px;
  font-size: 18px;
  margin: 0 28px;
  border-left: 1px solid var(--theme-content-gray2);
}
.header-box .picture-list .icon[data-v-91768f38] {
  cursor: pointer;
}

.environment-container[data-v-510d3991] {
  box-sizing: border-box;
  margin-top: 20px;
}
.section-header[data-v-510d3991] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.group-title[data-v-510d3991] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-black1);
}
.more-link[data-v-510d3991] {
  width: 72px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--theme-content-gray2);
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.more-link[data-v-510d3991]:hover {
  opacity: 0.8;
}
.mode-switch[data-v-510d3991] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.mode-btn[data-v-510d3991] {
  border: 2px solid var(--theme-content-gray1);
  border-radius: 4px;
  width: 110px;
  height: 60px;
  cursor: pointer;
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
}
.mode-btn .mode-name[data-v-510d3991] {
  position: absolute;
  left: 4px;
  bottom: 4px;
  color: var(--theme-bg-white1);
  font-size: 10px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.mode-btn .iconbj[data-v-510d3991],
.mode-btn .imgMore[data-v-510d3991] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mode-btn.active[data-v-510d3991] {
  border-color: var(--theme-brand-green3);
}
.img-group[data-v-510d3991] {
  width: 375px;
}
.img-group .img-title[data-v-510d3991] {
  width: 375px;
  height: 34px;
  background-color: var(--theme-bg-white2);
  box-shadow: inset 0px -1px 0px 0px var(--theme-bg-white3);
  border-radius: 8px 8px 0px 0px;
  padding: 0px 16px 0px 8px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray7);
  box-sizing: border-box;
}
.img-group .img-title img[data-v-510d3991] {
  margin-right: 2px;
}
.img-group .img-title .icon[data-v-510d3991] {
  margin-left: auto;
  cursor: pointer;
}
.img-group .tabs[data-v-510d3991] {
  display: flex;
  padding: 12px 20px;
  box-sizing: border-box;
  gap: 8px;
}
.img-group .tabs .tab-item[data-v-510d3991] {
  min-width: 38px;
  height: 28px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  padding: 0 8px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  font-size: var(--theme-font12);
}
.img-group .tabs .tab-item.active[data-v-510d3991] {
  background: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.img-group .switchOut[data-v-510d3991] {
  height: 285px;
  overflow-y: auto;
}
.img-group .mode-switch-more[data-v-510d3991] {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  padding: 0px 0px 12px 10px;
}
.camera-row[data-v-510d3991] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  margin-top: 12px;
}
.camera-row span[data-v-510d3991] {
  min-width: 60px;
  white-space: nowrap;
}
.camera-row .tip[data-v-510d3991] {
  position: absolute;
  right: 13px;
  z-index: 999;
  top: 5px;
  color: var(--theme-content-gray5);
}
.camera-row .slider[data-v-510d3991] {
  flex: 1;
}
.camera-row .slider-value[data-v-510d3991] {
  min-width: 48px;
  text-align: right;
}
.camera-row[data-v-510d3991] .el-input__wrapper {
  padding-right: 16px !important;
}
[data-v-510d3991] .el-slider__runway {
  height: 2px !important;
  background-color: var(--theme-bg-white5) !important;
}
[data-v-510d3991] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green2) !important;
}
[data-v-510d3991] .el-slider__button {
  height: 12px !important;
  width: 12px !important;
  border: 1.5px solid var(--theme-brand-green3) !important;
}
[data-v-510d3991] .el-slider__button-wrapper {
  top: -17px !important;
}


/* 样式部分保持不变 */
.circle-track-container[data-v-679d1d4c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Arial, sans-serif;
    position: relative;
    left: -103px;
    top: -5px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.angle-display[data-v-679d1d4c] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
    margin-bottom: 8px;
}
.drag-hint[data-v-679d1d4c] {
    text-align: center;
    color: #999;
    font-size: var(--theme-font12);
}
.track-container[data-v-679d1d4c] {
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}
.circle-track[data-v-679d1d4c] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
}
.valid-area[data-v-679d1d4c] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    border-radius: 0 75px 75px 0;
    pointer-events: none;
}
.rotating-image[data-v-679d1d4c] {
    position: absolute;
    transform-origin: left center;
    z-index: 1;
    pointer-events: none;
}
.rotating-image[data-v-679d1d4c]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    background: linear-gradient(to right, transparent, #42b983);
    top: 0;
}
.connection-camera[data-v-679d1d4c] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 12px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.connection-arrow[data-v-679d1d4c] {
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
    width: 40px;
    height: 70px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.draggable-dot[data-v-679d1d4c] {
    position: absolute;
    border-radius: 50%;
    cursor: grab;
    transition:
        background-color 0.2s,
        transform 0.2s;
    z-index: 2;
}
.draggable-dot.dragging[data-v-679d1d4c] {
    cursor: grabbing;
    transform: scale(1.1);
}
.track-center[data-v-679d1d4c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: move;
    z-index: 3;
}
.center-dot[data-v-679d1d4c] {
    width: 40px;
    height: 12px;
}

.right-group[data-v-2f559a48] {
  padding-top: 0px;
  flex: 1;
  /* 取消文本选中效果防止出现蓝色选中 */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.right-group .camera[data-v-2f559a48] {
  height: 160px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  margin: 12px 0;
  position: relative;
}
.right-group .camera .line[data-v-2f559a48] {
  position: absolute;
  height: 140px;
  left: 15px;
  top: 10px;
  border-left: 2px solid var(--theme-content-gray2);
}
.right-group .camera .line .lineTop[data-v-2f559a48] {
  position: absolute;
  top: -8px;
  left: -5px;
  display: flex;
  align-items: center;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray6);
}
.right-group .camera .line .lineTop span[data-v-2f559a48] {
  display: inline-block;
  width: 10px;
  height: 1px;
  background: var(--theme-content-gray2);
  margin-right: 5px;
}
.right-group .camera .line .lineBottom[data-v-2f559a48] {
  position: absolute;
  bottom: -8px;
  left: -5px;
  display: flex;
  align-items: center;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray6);
}
.right-group .camera .line .lineBottom span[data-v-2f559a48] {
  display: inline-block;
  width: 10px;
  height: 1px;
  background: var(--theme-content-gray2);
  margin-right: 5px;
}
.right-group .camera-row[data-v-2f559a48] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.right-group .camera-row span[data-v-2f559a48] {
  min-width: 60px;
  white-space: nowrap;
}
.right-group .camera-row .tip[data-v-2f559a48] {
  position: absolute;
  right: 13px;
  z-index: 999;
  top: 5px;
  color: var(--theme-content-gray5);
}
.right-group .camera-row .slider[data-v-2f559a48] {
  flex: 1;
}
.right-group .camera-row .slider-value[data-v-2f559a48] {
  min-width: 48px;
  text-align: right;
}
.right-group .camera-row[data-v-2f559a48] .el-input__wrapper {
  padding-right: 16px !important;
}
[data-v-2f559a48] .el-slider__runway {
  height: 2px !important;
  background-color: var(--theme-bg-white5) !important;
}
[data-v-2f559a48] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green2) !important;
}
[data-v-2f559a48] .el-slider__button {
  height: 12px !important;
  width: 12px !important;
  border: 1.5px solid var(--theme-brand-green3) !important;
}
[data-v-2f559a48] .el-slider__button-wrapper {
  top: -17px !important;
}
.controlInput[data-v-2f559a48] {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0px;
  right: 10px;
  gap: 18px;
}
.controlInput .controlName[data-v-2f559a48] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  margin-bottom: 6px;
}
[data-v-2f559a48] .el-input__wrapper {
  padding: 0px 4px 0px 8px;
  width: 80px;
  box-sizing: border-box;
}
[data-v-2f559a48] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: var(--theme-font12);
}
[data-v-2f559a48] .el-input__wrapper .el-input__inner {
  font-size: var(--theme-font12);
  color: var(--theme-content-black1);
}
[data-v-2f559a48] .el-input.is-disabled {
  border: 0px !important;
}
[data-v-2f559a48] .el-input.is-disabled .el-input__wrapper {
  background-color: var(--theme-bg-white1) !important;
}
[data-v-2f559a48] .el-input.is-disabled .el-input__wrapper .el-input__inner {
  color: var(--theme-content-gray4) !important;
  -webkit-text-fill-color: var(--theme-content-gray4) !important;
}
[data-v-2f559a48] .el-input.is-disabled .el-input__wrapper .suffixName {
  color: var(--theme-content-gray4) !important;
}

.camera[data-v-616f16f0] {
  display: flex;
  flex-direction: column;
}
.camera .camera-title[data-v-616f16f0] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-black1);
}

.camera-angle[data-v-5edaa425] {
  position: relative;
  z-index: 6;
  width: 100%;
  min-width: 0;
}
.camera-angle .angle-header[data-v-5edaa425] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.camera-angle .group-title[data-v-5edaa425] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-black1);
}
.camera-angle .camera-box[data-v-5edaa425] {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.camera-angle .camera-box .boxSave[data-v-5edaa425] {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  min-width: 0;
  border: 1px dashed var(--theme-content-gray4);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.camera-angle .camera-box .boxSave .bgImg[data-v-5edaa425] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.camera-angle .camera-box .boxSave .boxMessage[data-v-5edaa425] {
  width: 100%;
  text-align: center;
}
.camera-angle .camera-box .boxSaveImg[data-v-5edaa425] {
  border: 1px solid transparent;
  overflow: hidden;
  position: relative;
}
.camera-angle .camera-box .boxSaveImg[data-v-5edaa425]:hover {
  border-color: var(--theme-brand-green3);
  border-radius: 4px;
}
.camera-angle .camera-box .boxSaveImg.selected[data-v-5edaa425] {
  border-color: var(--theme-brand-green3);
  border-radius: 4px;
}
.camera-angle .camera-box .boxSaveImg .checkbox-overlay[data-v-5edaa425] {
  position: absolute;
  top: -4px;
  right: 4px;
  z-index: 2;
}
.camera-angle .camera-box .boxSaveImg .icon[data-v-5edaa425] {
  position: absolute;
  right: 2px;
  bottom: 2px;
  cursor: pointer;
  background-color: var(--theme-content-gray5);
  border-radius: 4px;
  padding: 1px;
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-v-5edaa425] .el-checkbox {
  height: 30px;
  --el-checkbox-font-size: var(--theme-font12);
  --el-checkbox-input-height: var(--theme-font12);
  --el-checkbox-input-width: var(--theme-font12);
  --el-checkbox-checked-text-color: var(--theme-content-black1);
  --el-checkbox-checked-input-border-color: var(--theme-brand-green3);
  --el-checkbox-checked-bg-color: var(--theme-brand-green3);
  --el-checkbox-input-border-color-hover: var(--theme-brand-green3);
}
[data-v-5edaa425] .el-checkbox .el-checkbox__inner {
  width: 16px;
  height: 16px;
}

.render-left[data-v-3f708d4a] {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 250px;
  height: auto;
  padding: 20px 12px 140px;
  box-sizing: border-box;
  border-radius: 0px 12px 12px 0px;
  background-color: var(--theme-bg-white1);
  box-shadow: 0px 0px 8px 0px rgba(34, 40, 45, 0.12);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.render-left[data-v-3f708d4a]::-webkit-scrollbar {
  width: 4px;
}
.render-left[data-v-3f708d4a]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.render-left .left-group[data-v-3f708d4a] {
  background-color: var(--theme-bg-white1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.render-left .left-group .group-title[data-v-3f708d4a] {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray7);
}
.render-left .left-group .ratio-btns[data-v-3f708d4a] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
  justify-content: space-between;
}
.render-left .left-group .ratio[data-v-3f708d4a] {
  text-align: center;
  font-weight: 500;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
}
.render-left .left-group .ratio-btn[data-v-3f708d4a] {
  height: 28px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  margin: auto;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}
.render-left .left-group .ratio-btn.active[data-v-3f708d4a] {
  background: var(--theme-brand-green1);
  border: 1px solid var(--theme-brand-green3);
}

.view-toggle-group[data-v-40cf5ac2] {
  width: 120px;
  height: 36px;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px rgba(0, 70, 51, 0.1);
  border-radius: 4px;
  margin-left: 10px;
  position: relative;
}
.view-toggle-group .toggle-buttons[data-v-40cf5ac2] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d[data-v-40cf5ac2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 24px;
  border: none;
  cursor: pointer;
  position: relative;
  color: rgba(34, 40, 45, 0.7);
}
.view-toggle-group .toggle-buttons .toggle-btn-2d[data-v-40cf5ac2]:hover {
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-2d.active[data-v-40cf5ac2] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-3d[data-v-40cf5ac2] {
  width: 52px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(34, 40, 45, 0.7);
}
.view-toggle-group .toggle-buttons .toggle-btn-3d[data-v-40cf5ac2]:hover {
  color: #00be8c;
}
.view-toggle-group .toggle-buttons .toggle-btn-3d.active[data-v-40cf5ac2] {
  background: rgba(0, 170, 125, 0.1);
  color: #00be8c;
}

.left-basic[data-v-1c7a1824] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 250px;
  z-index: 3;
}
.left-basic .render-toggle[data-v-1c7a1824] {
  position: fixed;
  bottom: 210px;
  left: 260px;
  z-index: 4;
}

.draw-right[data-v-825dacb8] {
  width: 320px;
  height: 100vh;
  background: var(--theme-bg-white1);
  box-shadow: 0px 0px 8px 0px var(--theme-content-gray2);
  border-radius: 12px 0px 0px 12px;
  position: absolute;
  top: 60px;
  right: 0px;
  z-index: 1;
  transition: right 0.5s ease;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.draw-right .scroll-content[data-v-825dacb8] {
  flex: 1;
  overflow-y: auto;
  padding: 20px 20px 40px 20px;
  box-sizing: border-box;
}
.draw-right .scroll-content[data-v-825dacb8]::-webkit-scrollbar {
  width: 4px;
}
.draw-right .scroll-content[data-v-825dacb8]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.draw-right .title[data-v-825dacb8] {
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-content-black1);
  margin-bottom: 12px;
}
.draw-right .description[data-v-825dacb8] {
  margin-bottom: 20px;
}
.draw-right .weather[data-v-825dacb8],
.draw-right .light[data-v-825dacb8] {
  margin-bottom: 20px;
}
.draw-right .item-list[data-v-825dacb8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.draw-right .item[data-v-825dacb8] {
  cursor: pointer;
}
.draw-right .item.active .item-label[data-v-825dacb8] {
  color: var(--theme-brand-green3);
}
.draw-right .item .item-img[data-v-825dacb8] {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  margin-bottom: 8px;
  display: block;
}
.draw-right .item .item-img[data-v-825dacb8]:hover {
  outline: 2px solid var(--theme-brand-green3);
}
.draw-right .item.active .item-img[data-v-825dacb8] {
  outline: 2px solid var(--theme-brand-green3);
}
.draw-right .item .item-label[data-v-825dacb8] {
  font-size: 12px;
  color: var(--theme-content-black1);
  text-align: center;
}
[data-v-825dacb8] .el-textarea__inner:focus {
  border-color: var(--theme-brand-green3) !important;
  box-shadow: 0 0 0 1px var(--theme-brand-green3) !important;
}
[data-v-825dacb8] .el-checkbox {
  height: 30px;
  --el-checkbox-font-size: var(--theme-font12);
  --el-checkbox-input-height: var(--theme-font12);
  --el-checkbox-input-width: var(--theme-font12);
  --el-checkbox-checked-text-color: var(--theme-content-black1);
  --el-checkbox-checked-input-border-color: var(--theme-brand-green3);
  --el-checkbox-checked-bg-color: var(--theme-brand-green3);
  --el-checkbox-input-border-color-hover: var(--theme-brand-green3);
}
[data-v-825dacb8] .el-checkbox .el-checkbox__inner {
  width: 16px;
  height: 16px;
}


.perspective-2d[data-v-c28a1494] {
    width: 100%;
    height: 100%;
}

#render-view-solid[data-v-327f5b5d] {
  height: 100%;
  position: relative;
}

.render-enter-active,
.render-leave-active {
  transition: opacity 0.5s ease;
}
.render-enter-from,
.render-leave-to {
  opacity: 0;
}
#main-view-container {
  position: absolute;
  top: 60px;
  width: 100%;
  height: calc(100% - 60px);
  overflow-y: hidden;
}
#render-view-plane {
  position: relative;
  height: 100%;
}
.__clip_mask_port {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  border-style: solid;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all 0.3s;
  box-shadow: inset 0 0 0 4px var(--theme-bg-white1);
}
.generating-overlay {
  position: absolute;
  left: 250px;
  right: 320px;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  z-index: 1000;
  overflow: hidden;
}
.generating-overlay .scanning-line {
  position: absolute;
  top: 0;
  left: -20px;
  height: 100%;
  width: auto;
  animation: scan-lr 2s ease-in-out infinite alternate;
  pointer-events: none;
}
.generating-overlay img:not(.scanning-line) {
  width: 48px;
  height: 48px;
  animation: spin 1.5s linear infinite;
}
.generating-overlay .generating-text {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}
@keyframes scan-lr {
from {
    left: -20px;
}
to {
    left: 100%;
}
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

.render .render-button[data-v-4526f58e] {
  position: absolute;
  bottom: 87px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  width: 180px;
  cursor: pointer;
  height: 40px;
  font-weight: 700;
  border: none;
}

.queue-row[data-v-5de3cae9] {
  border-radius: 4px;
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin: 16px 0px;
  gap: 12px;
  min-height: 0;
}
.side-arrow[data-v-5de3cae9] {
  font-size: 20px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  transition: background 0.2s;
}
.side-arrow.disabled[data-v-5de3cae9] {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.queue-list-wrap[data-v-5de3cae9] {
  flex: 1;
  min-width: 0;
  background: rgba(255, 255, 255, 0.08);
  padding: 0 20px;
}
.queue-empty[data-v-5de3cae9] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.queue-empty span[data-v-5de3cae9] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-bg-white1);
}
.queue-list[data-v-5de3cae9] {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 8px 0;
  max-width: 100%;
}
.queue-list[data-v-5de3cae9]::-webkit-scrollbar {
  display: none;
}
.queue-item[data-v-5de3cae9] {
  flex-shrink: 0;
  width: 132px;
  height: 100px;
  border-radius: 6px;
  border: 2px solid transparent;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: #2a2a2a;
}
.queue-item[data-v-5de3cae9]:hover {
  border-color: var(--theme-brand-green3);
}
.queue-item.selected[data-v-5de3cae9] {
  border-color: var(--theme-brand-green3);
}
.queue-item .item-img[data-v-5de3cae9] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.queue-item .item-overlay[data-v-5de3cae9] {
  position: absolute;
  inset: 0;
  background: #131416;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.queue-item .item-overlay .pct[data-v-5de3cae9] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-bg-white1);
}
.queue-item .item-overlay .status-text[data-v-5de3cae9] {
  font-size: var(--theme-font12);
  color: rgba(255, 255, 255, 0.9);
}
.queue-item .item-overlay .progress-bar[data-v-5de3cae9] {
  position: absolute;
  bottom: 15px;
  left: 16px;
  width: 100px;
  height: 5px;
  background: #ffffff;
  border-radius: 3px;
  overflow: hidden;
}
.queue-item .item-overlay .progress-bar .progress-fill[data-v-5de3cae9] {
  margin: 1px 0px 1px 2px;
  height: 3px;
  background: var(--theme-brand-green3);
  border-radius: 2px;
  transition: width 0.3s linear;
}
.queue-item .delete-btn[data-v-5de3cae9] {
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(34, 40, 45, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease, background 0.2s ease;
  z-index: 3;
}
.queue-item .delete-btn img[data-v-5de3cae9] {
  width: 14px;
  height: 14px;
  transition: filter 0.2s ease;
}
.queue-item .delete-btn[data-v-5de3cae9]:hover {
  background: #f5f7fa;
}
.queue-item .delete-btn:hover img[data-v-5de3cae9] {
  filter: brightness(0);
}
.queue-item:hover .delete-btn[data-v-5de3cae9] {
  opacity: 1;
}

.ai-render-footer[data-v-1bbdbb4e] {
  position: fixed;
  bottom: 0;
  left: 250px;
  right: 320px;
  height: 188px;
  background: #1a1a1a;
  display: flex;
  flex-direction: column;
}
.bottom-bar[data-v-1bbdbb4e] {
  height: 50px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.bottom-bar .remain-count[data-v-1bbdbb4e] {
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-bg-white1);
  flex: 1;
  margin-left: 20px;
}
.bottom-bar .remain-count.placeholder[data-v-1bbdbb4e] {
  visibility: hidden;
}
.bottom-bar .ai-render-btn[data-v-1bbdbb4e] {
  width: 200px;
  height: 36px;
  background: linear-gradient(180deg, #00ffbc 0%, #00be8c 100%);
  box-shadow: 0px 4px 8px 0px var(--theme-content-gray5);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
  margin-bottom: 12px;
}
.bottom-bar .ai-render-btn span[data-v-1bbdbb4e] {
  font-weight: 600;
  font-size: var(--theme-font14);
  color: var(--theme-bg-white1);
}
.bottom-bar .ai-render-btn img[data-v-1bbdbb4e] {
  width: 18px;
  height: 18px;
}
.bottom-bar .ai-render-btn[data-v-1bbdbb4e]:hover:not(.disabled) {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.bottom-bar .ai-render-btn[data-v-1bbdbb4e]:active:not(.disabled) {
  transform: translateY(0);
}
.bottom-bar .ai-render-btn.disabled[data-v-1bbdbb4e] {
  opacity: 0.4;
  cursor: not-allowed;
  background: rgba(255, 255, 255, 0.15);
}

.render-comparison[data-v-c4f238a2] {
  position: relative;
  width: 100%;
  height: 100%;
}
.render-comparison.is-dragging[data-v-c4f238a2] {
  cursor: ew-resize;
}
.render-comparison .close-btn[data-v-c4f238a2] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  background: #22282d;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  color: #fff;
  font-size: 20px;
}
.render-comparison .close-btn[data-v-c4f238a2]:hover {
  background: rgba(0, 0, 0, 0.7);
}
.render-comparison .img-stage[data-v-c4f238a2] {
  position: absolute;
  z-index: 1;
  outline: 4px solid var(--theme-bg-white1);
}
.render-comparison .img-stage .img-wrapper[data-v-c4f238a2] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.render-comparison .img-stage .overlay-wrapper[data-v-c4f238a2] {
  pointer-events: none;
}
.render-comparison .img-stage .img-base[data-v-c4f238a2],
.render-comparison .img-stage .img-overlay[data-v-c4f238a2] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.render-comparison .slider-handle[data-v-c4f238a2] {
  position: absolute;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 3;
  cursor: ew-resize;
  pointer-events: none;
}
.render-comparison .slider-handle .handle-line[data-v-c4f238a2] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.render-comparison .slider-handle .handle-knob[data-v-c4f238a2] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  pointer-events: auto;
}
.render-comparison .slider-handle .handle-knob img[data-v-c4f238a2] {
  width: 40px;
  height: 40px;
}
.render-comparison .img-placeholder[data-v-c4f238a2] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #aaa;
  font-size: 14px;
}
.render-comparison .img-placeholder img[data-v-c4f238a2] {
  width: 64px;
  height: 64px;
  opacity: 0.3;
}
.render-comparison .bottom-controls[data-v-c4f238a2] {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  width: 286px;
  height: 50px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.render-comparison .bottom-controls .btn[data-v-c4f238a2] {
  width: 28px;
  height: 28px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(34, 40, 45, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.render-comparison .bottom-controls .btn img[data-v-c4f238a2] {
  width: 14px;
  height: 14px;
  transition: filter 0.2s ease;
}
.render-comparison .bottom-controls .btn:hover img[data-v-c4f238a2] {
  filter: brightness(0);
}
.render-comparison .bottom-controls .btn.disabled[data-v-c4f238a2] {
  opacity: 0.3;
  cursor: default;
}
.render-comparison .bottom-controls .arrow-btn[data-v-c4f238a2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.render-comparison .bottom-controls .separator[data-v-c4f238a2] {
  width: 1px;
  height: 20px;
  background: rgba(34, 40, 45, 0.1);
}
.render-comparison .bottom-controls .download-btn[data-v-c4f238a2] {
  width: 80px;
  height: 28px;
  background: var(--theme-brand-green3);
  border-radius: 4px;
  color: var(--theme-bg-white1);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.render-comparison .bottom-controls .download-btn[data-v-c4f238a2]:hover {
  background: #03ae82;
}
@keyframes scan-lr-c4f238a2 {
from {
    left: -20px;
}
to {
    left: 100%;
}
}
@keyframes spin-c4f238a2 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

.ai-render[data-v-41a1b768] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d8d7d7;
}
.render-result-overlay[data-v-41a1b768] {
  position: fixed;
  top: 60px;
  left: 250px;
  right: 320px;
  bottom: 188px;
  background: rgba(34, 40, 45, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  box-sizing: border-box;
  z-index: 100;
}

/* 覆盖 MainDrawBoard 的容器高度和宽度，留出侧边栏和底部空间 */
.ai-render #main-view-container {
  height: calc(100% - 60px - 188px);
}

.style-dialog-overlay[data-v-7d917b3a] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 提示框以外地方不能点击 - 遮罩阻止所有点击 */
  pointer-events: auto;
}
.style-dialog[data-v-7d917b3a] {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2);
  max-height: 90vh;
  overflow: auto;
  pointer-events: auto;
}
.style-dialog-content[data-v-7d917b3a] {
  border-radius: 12px;
  overflow: hidden;
  background-image: url(/img/pop_bg02.1778e30a.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 0;
  padding: 28px 40px;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  box-sizing: border-box;
  overflow-y: hidden;
  position: relative;
}

.render-header[data-v-71a0d9a9] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 22px;
  color: var(--theme-content-black1);
}
.render-content[data-v-71a0d9a9] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  gap: 30px;
}
.render-content-item[data-v-71a0d9a9] {
  width: 255px;
  height: 352px;
  background: var(--theme-bg-white1);
  border-radius: 12px;
  border: 1px solid var(--theme-content-gray9);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
}
.render-content-item[data-v-71a0d9a9]:hover {
  box-shadow: 0px 0px 30px 0px rgba(200, 200, 200, 0.5);
  border: 1px solid var(--theme-brand-green3);
}
.render-content-item .recommended-tag[data-v-71a0d9a9] {
  position: absolute;
  top: 8px;
  right: 7px;
  width: 40px;
  height: 24px;
  background: var(--theme-brand-green3);
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-bg-white1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.render-content-item .icon[data-v-71a0d9a9] {
  width: 255px;
  height: 180px;
}
.render-content-item .icon img[data-v-71a0d9a9] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 12px 12px 0 0;
}
.render-content-item .render-content-title[data-v-71a0d9a9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 12px;
}
.render-content-item .render-content-title .title[data-v-71a0d9a9] {
  font-weight: 600;
  font-size: 20px;
  color: var(--theme-content-black1);
}
.render-content-item .render-content-title .label[data-v-71a0d9a9] {
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-brand-green3);
}
.render-content-item .content[data-v-71a0d9a9] {
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-gray6);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.render-content-item .content .content-item[data-v-71a0d9a9] {
  display: flex;
  align-items: center;
}
.render-content-item .content .content-item .content-icon[data-v-71a0d9a9] {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  margin-left: 12px;
}
.render-content-item .footer[data-v-71a0d9a9] {
  width: 100%;
  height: 32px;
  background: #f6f7f8;
  border-radius: 0px 0px 12px 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 12px;
  box-sizing: border-box;
  margin-top: auto;
}
.render-content-item .footer img[data-v-71a0d9a9] {
  width: 16px;
  height: 16px;
}
.render-content-item .footer span[data-v-71a0d9a9] {
  font-weight: 500;
  font-size: 12px;
  color: var(--theme-brand-green3);
}
.close[data-v-71a0d9a9] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.close img[data-v-71a0d9a9] {
  width: 100%;
  height: 100%;
}

.left[data-v-3f0885b7] {
  display: flex;
  align-items: center;
  justify-items: center;
}
.left .title[data-v-3f0885b7] {
  margin-left: 24px;
}
.left .title span[data-v-3f0885b7] {
  font-size: var(--theme-font16);
  color: var(--color-black1);
  font-weight: 500;
  font-style: normal;
}

.header-right[data-v-4c0d2afe] {
  display: flex;
  align-items: center;
}
.header-right .closeIcon[data-v-4c0d2afe] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.header-right .closeIcon[data-v-4c0d2afe]:hover {
  background: var(--theme-bg-white3);
  border-radius: 4px;
}

.header[data-v-4ae1c7a4] {
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  background-color: var(--theme-bg-white2);
  border-bottom: 1px solid var(--theme-bg-white3);
}

.left-nav-menu[data-v-4cea9516] {
  width: 56px;
  height: 100%;
  background-color: var(--theme-bg-white2);
  box-shadow: inset -1px 0px 0px 0px var(--theme-bg-white3);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.left-nav-menu .navbar_mater[data-v-4cea9516] {
  width: 100%;
  height: 52px;
  background: var(--theme-bg-white3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-nav-menu img[data-v-4cea9516] {
  width: 24px;
  height: 24px;
}
.left-nav-menu .tabItem[data-v-4cea9516] {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-top: 16px;
  text-align: center;
  color: var(--theme-content-gray6);
  transition: color 0.3s;
}
.left-nav-menu .tabItem.active[data-v-4cea9516] {
  color: var(--theme-brand-green3);
  font-weight: 500;
}

.warp[data-v-577b1fbe] {
  padding: 8px 5px 5px 5px;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: flex-start;
}
.warp .tabBox[data-v-577b1fbe] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  max-height: none;
  overflow: visible;
  transition: all 0.3s ease;
  flex: 1;
}
.warp .tabBox.collapsed[data-v-577b1fbe] {
  max-height: 30px;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  max-width: 240px;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
}
.warp .tabBox.collapsed[data-v-577b1fbe]::-webkit-scrollbar {
  display: none;
}
.warp .tabBox .tabItem[data-v-577b1fbe] {
  flex-shrink: 0;
  padding: 6px 12px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  color: var(--theme-content-gray6);
  font-size: var(--theme-font12);
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
}
.warp .tabBox .tabItem[data-v-577b1fbe]:hover {
  background: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.warp .tabBox .selected .tabItem[data-v-577b1fbe] {
  background: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.warp .expand-control[data-v-577b1fbe] {
  position: absolute;
  top: 8px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  color: var(--theme-content-gray6);
  width: 20px;
  height: 30px;
  background: var(--theme-bg-white1);
}
.warp .expand-control img[data-v-577b1fbe] {
  width: 12px;
  height: 12px;
  transition: transform 0.3s ease;
}

.texture_list[data-v-6f78cf9e] {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--theme-bg-white1);
  position: relative;
}
@keyframes loading-shimmer-6f78cf9e {
0% {
    background-position: -200% 0;
}
100% {
    background-position: 200% 0;
}
}
.scroll-container[data-v-6f78cf9e] {
  flex: 1;
  background: var(--theme-bg-white1);
  overflow: hidden;
  position: relative;
}
.data-item[data-v-6f78cf9e] {
  transition: background-color 0.2s;
  margin: 12px 0px 0px 10px;
}
.data-item.placeholder .placeholder-content[data-v-6f78cf9e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  border-radius: 4px;
}
.data-item.placeholder .placeholder-content .placeholder-skeleton[data-v-6f78cf9e] {
  width: 112px;
  height: 80px;
  background: var(--theme-bg-white5);
  background-size: 200% 100%;
  animation: loading-shimmer-6f78cf9e 1.5s infinite;
  border-radius: 4px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-item.placeholder .placeholder-content .placeholder-text[data-v-6f78cf9e] {
  color: var(--theme-content-gray6);
  font-size: var(--theme-font12);
  text-align: center;
}
.data-item .item-header[data-v-6f78cf9e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.data-item .item-header .showName[data-v-6f78cf9e] {
  position: absolute;
  bottom: 6px;
  right: 5px;
  background-color: var(--theme-content-gray5);
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 80px;
  font-size: 12px;
  text-overflow: ellipsis;
}
.data-item .item-header .collect[data-v-6f78cf9e] {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 13;
  opacity: 0;
}
.data-item .item-header .collect img[data-v-6f78cf9e] {
  width: 18px;
  height: 18px;
  background: var(--theme-bg-white1);
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .item-header .attrImgs[data-v-6f78cf9e] {
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
  z-index: 99;
}
.data-item .item-header .attrImgs img[data-v-6f78cf9e] {
  width: 16px;
  height: 16px;
}
.data-item .item-header .item-img img[data-v-6f78cf9e] {
  width: 112px;
  height: 112px;
  border-radius: 4px;
}
.data-item .item-header .detail[data-v-6f78cf9e] {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 13;
  opacity: 0;
}
.data-item .item-header .detail img[data-v-6f78cf9e] {
  width: 18px;
  height: 18px;
  background: var(--theme-bg-white1);
  border-radius: 50%;
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .item-header[data-v-6f78cf9e]:hover {
  box-shadow: 0px 0px 6px 0px var(--theme-content-gray3);
}
.data-item .item-header:hover .collect[data-v-6f78cf9e] {
  opacity: 1;
}
.data-item .item-header:hover .detail[data-v-6f78cf9e] {
  opacity: 1;
}
.data-item .item-header img[data-v-6f78cf9e] {
  width: 20px;
  height: 20px;
}
.el-image[data-v-6f78cf9e] {
  height: 240px;
  width: 100%;
  background: var(--theme-bg-white5);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.detailTitle[data-v-6f78cf9e] {
  padding: 12px 0px 20px 20px;
  font-size: var(--theme-font16);
}

.line[data-v-0e44d212] {
  margin-bottom: 12px;
  height: 1px;
  background: var(--theme-content-gray2);
  flex-shrink: 0;
}

.change-material-mine[data-v-0b10baf2] {
  display: flex;
  flex-direction: column;
}
.change-material-mine .tabTitle[data-v-0b10baf2] {
  margin-top: 10px;
}
.change-material-mine .tabTitle[data-v-0b10baf2] .el-radio-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
.change-material-mine .tabTitle[data-v-0b10baf2] .el-radio-button.is-active .el-radio-button__inner {
  color: var(--theme-bg-white1) !important;
  --el-radio-button-checked-bg-color: var(--theme-content-gray6);
  --el-radio-button-checked-text-color: var(--theme-bg-white1);
  --el-radio-button-checked-border-color: var(--theme-content-gray6);
}
.change-material-mine .tabTitle[data-v-0b10baf2] .el-radio-button:hover.is-active .el-radio-button__inner {
  color: var(--theme-bg-white1) !important;
  background-color: var(--theme-content-black1) !important;
  border-color: var(--theme-content-black1) !important;
}
.change-material-mine .tabTitle[data-v-0b10baf2] .el-radio-button__inner {
  width: 98px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.change-material-mine .tabTitle[data-v-0b10baf2] .el-radio-button__inner:hover {
  color: var(--theme-content-black1);
}
.change-material-mine .handleTab[data-v-0b10baf2] .el-radio-button {
  margin: 16px 8px 12px 12px;
}
.change-material-mine .handleTab[data-v-0b10baf2] .el-radio-button__inner {
  width: 40px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: var(--theme-content-gray1);
  border-radius: 4px;
}
.change-material-mine .handleTab[data-v-0b10baf2] .el-radio-button__inner:hover {
  color: var(--theme-content-gray6);
}
.change-material-mine .search-bar[data-v-0b10baf2] {
  padding: 12px 12px 16px 12px;
  border-bottom: 1px solid var(--theme-content-gray2);
}
.change-material-mine[data-v-0b10baf2] .el-input__wrapper {
  border: none !important;
  box-shadow: none !important;
  background: var(--theme-content-gray1);
  border-radius: 6px;
  transition: all 0.2s ease;
}
.change-material-mine[data-v-0b10baf2] .el-input__wrapper.is-focus {
  border: 1px solid var(--theme-content-black1) !important;
}
.change-material-mine[data-v-0b10baf2] .el-input__inner {
  outline: none !important;
  box-shadow: none !important;
  font-size: var(--theme-font12);
}
.change-material-mine[data-v-0b10baf2] .el-input__suffix .el-icon {
  transition: color 0.2s ease;
}
.change-material-mine[data-v-0b10baf2] .el-input__suffix .el-icon:hover {
  color: var(--theme-content-black1);
}

.model-list[data-v-3ad75a07] {
  /* 防止整体滚动 */
}
.model-list .model-tabs[data-v-3ad75a07] {
  display: flex;
  align-items: center;
  padding: 12px 12px 8px 12px;
  flex-shrink: 0;
}
.model-list .model-tabs .tabs-content[data-v-3ad75a07] {
  color: var(--theme-content-gray6);
  margin-right: 20px;
  cursor: pointer;
  font-size: var(--theme-font14);
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s;
}
.model-list .model-tabs .tabs-content[data-v-3ad75a07]:hover {
  color: var(--color-black1);
}
.model-list .model-tabs .tabs-content.active[data-v-3ad75a07] {
  color: var(--color-black1);
  font-weight: 600;
}
.model-list .model-list-content[data-v-3ad75a07] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.tmaterial-left[data-v-32e6a291] {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  background-color: var(--theme-bg-white1);
}
.view-toggle[data-v-32e6a291] {
  position: absolute;
  bottom: 20px;
  right: -100px;
}

.right-side[data-v-49ce6344] {
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0px;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.texture-preview-img-wrapper[data-v-49ce6344] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100px;
}
.texture-preview-img[data-v-49ce6344] {
  /*debug*/
  width: 80px;
  height: 80px;
  border: 1px solid #eeeeee;
}
.texture-preview-img > img[data-v-49ce6344] {
  width: 80px;
  height: 80px;
}
.texture-preview-btn[data-v-49ce6344] {
  vertical-align: text-bottom;
  line-height: 136px;
}
.big-title[data-v-49ce6344] {
  margin-bottom: 20px;
}

.main-material[data-v-350577d4] {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
}

.header-box[data-v-4a47fd78] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  padding: 0 24px;
  background-color: var(--theme-bg-white1);
  border-bottom: 1px solid var(--theme-bg-white2);
  display: flex;
  align-items: center;
}
.header-box .headerName[data-v-4a47fd78] {
  font-weight: 600;
  font-size: 16px;
  color: var(--theme-content-gray7);
  margin-left: 24px;
}
.header-box .out-button[data-v-4a47fd78] {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.header-box .out-button .icon[data-v-4a47fd78] {
  width: 20px;
  height: 11px;
  margin-right: 4px;
}
.header-box .picture-list[data-v-4a47fd78] {
  position: absolute;
  top: 0;
  right: 20px;
  color: var(--theme-content-gray7);
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.header-box .picture-list .render-dropdown-wrapper[data-v-4a47fd78] {
  position: relative;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-black1);
}
.header-box .picture-list .render-dropdown-wrapper img[data-v-4a47fd78] {
  width: 18px;
  height: 18px;
}
.header-box .picture-list .render-dropdown-wrapper .icon[data-v-4a47fd78] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  position: relative;
}
.header-box .picture-list .render-dropdown-wrapper .icon .arrow-icon[data-v-4a47fd78] {
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: var(--theme-content-gray7);
}
.header-box .picture-list span[data-v-4a47fd78] {
  font-weight: 400;
  font-size: 12px;
  color: var(--theme-content-gray7);
  cursor: pointer;
}
.header-box .picture-list .img[data-v-4a47fd78] {
  margin-right: 6px;
  width: 18px;
  height: 18px;
}
.header-box .picture-list .iconCamera[data-v-4a47fd78] {
  position: relative;
  top: 4px;
}
.header-box .picture-list .iconfont[data-v-4a47fd78] {
  height: 20px;
  font-size: 18px;
  margin: 0 28px;
  border-left: 1px solid var(--theme-content-gray2);
}
.header-box .picture-list .iconCursor[data-v-4a47fd78] {
  cursor: pointer;
}

.header-box[data-v-70567f91] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  padding: 0 24px;
  background-color: var(--theme-bg-white1);
  border-bottom: 1px solid var(--theme-bg-white2);
  display: flex;
  align-items: center;
}
.header-box .headerName[data-v-70567f91] {
  font-weight: 600;
  font-size: 16px;
  color: var(--theme-content-gray7);
  margin-left: 24px;
}
.header-box .out-button[data-v-70567f91] {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.header-box .out-button .icon[data-v-70567f91] {
  width: 20px;
  height: 11px;
  margin-right: 4px;
}
.header-box .picture-list[data-v-70567f91] {
  position: absolute;
  top: 0;
  right: 20px;
  color: var(--theme-content-gray7);
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.header-box .picture-list .btn[data-v-70567f91] {
  width: 88px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 14px;
  margin-left: 10px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  color: var(--theme-content-gray7);
  cursor: pointer;
}
.header-box .picture-list .submitBtn[data-v-70567f91] {
  background: var(--theme-brand-green3);
  color: var(--theme-bg-white1);
}
.header-box .picture-list .img[data-v-70567f91] {
  margin-right: 6px;
  width: 18px;
  height: 18px;
}
.header-box .picture-list .iconfont[data-v-70567f91] {
  height: 20px;
  font-size: 18px;
  margin: 0 28px;
  border-left: 1px solid var(--theme-content-gray2);
}
.header-box .picture-list .iconCursor[data-v-70567f91] {
  cursor: pointer;
}

.left-tab[data-v-4ca47c37] {
  width: 100px;
  background-color: var(--theme-bg-color);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
  height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 60px;
}
.render-left[data-v-4ca47c37] {
  width: 160px;
  background-color: var(--theme-bg-white1);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
  height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 60px;
}
.render-left .line[data-v-4ca47c37] {
  margin-bottom: 10px;
  border-top: 1px solid var(--theme-content-gray1);
}
.render-left .tabsType[data-v-4ca47c37] {
  display: flex;
  width: 120px;
  height: 28px;
  background: var(--theme-content-gray1);
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 14px;
  margin-bottom: 14px;
}
.render-left .tabsType .tabs-item[data-v-4ca47c37] {
  width: 58px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 12px;
  color: var(--theme-content-gray6);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.render-left .tabsType .tabs-item img[data-v-4ca47c37] {
  width: 14px;
  height: 14px;
}
.render-left .tabsType .tabs-item.active[data-v-4ca47c37] {
  background-color: var(--theme-content-gray6);
  color: var(--theme-bg-white1);
}
.render-left .left-group .status-btn[data-v-4ca47c37] {
  color: #000;
  border: none;
  height: 36px;
  line-height: normal;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.render-left .left-group .status-btn.active[data-v-4ca47c37] {
  background-color: var(--theme-brand-green1);
  color: var(--theme-brand-green3);
}
.render-left .left-group .status-btn .btn-text[data-v-4ca47c37] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}

.render-right[data-v-690c9d40] {
  width: 100%;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
  height: calc(100vh - 56px);
  display: flex;
  position: relative;
  margin-top: 60px;
}
.render-right .tabsType[data-v-690c9d40] {
  width: 212px;
  border-right: 1px solid #ddd;
  height: 100%;
  padding-bottom: 30px;
  box-sizing: border-box;
  overflow-y: auto;
}
.render-right .tabsType .tabs-item[data-v-690c9d40] {
  width: 180px;
  height: 100px;
  border: 3px solid transparent;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 12px;
  margin: auto;
  margin-top: 12px;
  position: relative;
}
.render-right .tabsType .tabs-item[data-v-690c9d40]:hover {
  background-color: #f5f5f5;
  border-color: #ccc;
}
.render-right .tabsType .tabs-item.active[data-v-690c9d40] {
  color: white;
  border-color: var(--theme-brand-green3);
}
.render-right .tabsType .tabs-item .qualityText[data-v-690c9d40] {
  position: absolute;
  left: 2px;
  top: 2px;
  padding: 4px;
  background: #fff;
  color: #858585;
  font-size: 11px;
  border-radius: 4px;
}
.render-right .tabsType .tabs-item .tabsImg[data-v-690c9d40] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.render-right .tabsType .tabs-item .failImg[data-v-690c9d40] {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.render-right .tabsType .tabs-item .failMask[data-v-690c9d40] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(34, 40, 45, 0.5);
  z-index: 20;
}
.render-right .tabsType .tabs-item .failBox[data-v-690c9d40] {
  position: absolute;
  bottom: 8px;
  left: 8px;
  color: #fff;
  z-index: 30;
}
.render-right .tabsType .tabs-item .failBox .failError[data-v-690c9d40] {
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
}
.render-right .tabsType .tabs-item .failColorRed[data-v-690c9d40] {
  color: #e63c3c;
}
.render-right .right-group[data-v-690c9d40] {
  flex: 1;
  height: 100%;
  background: #ffffff;
  position: relative;
}
.render-right .right-group .failMask[data-v-690c9d40] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 40, 45, 0.5);
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}
.render-right .right-group .rightBigImg[data-v-690c9d40] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #000;
}
.render-right .right-group .errorBigImg[data-v-690c9d40] {
  width: 500px;
  height: 280px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.render-right .right-group .lastBtn[data-v-690c9d40] {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 30;
}
.render-right .right-group .nextBtn[data-v-690c9d40] {
  position: absolute;
  width: 60px;
  height: 60px;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 30;
}
.render-right .right-group .bottomBox[data-v-690c9d40] {
  z-index: 30;
  position: fixed;
  bottom: 0;
  width: calc(100% - 372px);
  height: 64px;
  background: rgba(34, 40, 45, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.render-right .right-group .bottomBox .btn[data-v-690c9d40] {
  width: 86px;
  height: 32px;
  background-color: var(--theme-bg-white1);
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-content-gray6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.render-right .right-group .bottomBox .btn.download[data-v-690c9d40] {
  background-color: var(--theme-brand-green3);
  color: white;
}
.custom-empty[data-v-690c9d40] {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: rgba(34, 40, 45, 0.5);
  font-size: 24px;
  height: 100vh;
}
.custom-empty .empty-icon[data-v-690c9d40] {
  width: 500px;
  height: 280px;
}

.top-bar[data-v-728ca7d2] {
  position: absolute;
  top: 75px;
  right: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 10;
}
.top-bar .all-select-box[data-v-728ca7d2] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.top-bar .all-select-box .checkbox[data-v-728ca7d2] {
  width: 16px;
  height: 16px;
  border: 1px solid var(--theme-content-gray4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--theme-bg-white1);
  transition: background 0.2s, border-color 0.2s;
}
.top-bar .all-select-box .checkbox.checked[data-v-728ca7d2] {
  background: var(--theme-brand-green3);
  border-color: var(--theme-brand-green3);
}
.top-bar .select-count[data-v-728ca7d2] {
  font-size: 14px;
  color: var(--theme-content-black1);
}
.top-bar .top-bar-btns[data-v-728ca7d2] {
  display: flex;
  gap: 8px;
}
.top-bar .top-btn[data-v-728ca7d2] {
  height: 32px;
  padding: 0 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: var(--theme-brand-green3);
  color: var(--theme-bg-white1);
}
.top-bar .top-btn.danger[data-v-728ca7d2] {
  background: var(--theme-content-gray8);
  color: var(--theme-content-black1);
}
.top-bar .top-btn.disabled[data-v-728ca7d2] {
  opacity: 0.4;
  cursor: not-allowed;
}
.top-bar .top-btn[data-v-728ca7d2]:not(.disabled):hover {
  filter: brightness(0.9);
}
.custom-empty[data-v-728ca7d2] {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--theme-content-gray5);
  font-size: 24px;
  height: 100%;
}
.custom-empty .empty-icon[data-v-728ca7d2] {
  width: 500px;
  height: 280px;
}
.listBox[data-v-728ca7d2] {
  width: 100%;
  height: calc(100% - 100px);
  margin: 120px 40px 0 40px;
  padding-bottom: 40px;
  box-sizing: border-box;
  overflow-y: auto;
}
.listBox .listBoxFile[data-v-728ca7d2] {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
}
.listBox .fileBox[data-v-728ca7d2] {
  width: 320px;
  height: 180px;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  transition: border-color 0.2s;
  border: 1px solid var(--theme-content-gray3);
}
.listBox .fileBox.selectable[data-v-728ca7d2]:hover {
  border-color: rgba(0, 190, 140, 0.5);
}
.listBox .fileBox.selected[data-v-728ca7d2] {
  border-color: var(--theme-brand-green3);
}
.listBox .fileBox .qualityText[data-v-728ca7d2] {
  position: absolute;
  left: 12px;
  top: 8px;
  padding: 4px;
  background: var(--theme-bg-white1);
  color: #858585;
  font-size: 11px;
  border-radius: 4px;
  z-index: 5;
}
.listBox .fileBox .grayColor[data-v-728ca7d2] {
  color: #858585;
}
.listBox .fileBox .purpleColor[data-v-728ca7d2] {
  color: #c864ff;
}
.listBox .fileBox .orangeColor[data-v-728ca7d2] {
  color: #ffac00;
}
.listBox .fileBox .AILogo[data-v-728ca7d2] {
  padding: 2px 5px;
  background: var(--theme-brand-green3);
  border-radius: 2px;
  backdrop-filter: blur(2px);
  position: absolute;
  top: 8px;
  right: 8px;
  font-weight: 500;
  font-size: 11px;
  color: #ffffff;
}
.listBox .fileBox .fileImg[data-v-728ca7d2] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.listBox .fileBox .check-mark[data-v-728ca7d2] {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 22px;
  height: 22px;
  background: var(--theme-brand-green3);
  border-radius: 50%;
  color: var(--theme-bg-white1);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.listBox .fileBox .failImg[data-v-728ca7d2] {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.listBox .fileBox .failMask[data-v-728ca7d2] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(34, 40, 45, 0.5);
  z-index: 20;
}
.listBox .fileBox .failBox[data-v-728ca7d2] {
  width: 320px;
  height: 32px;
  position: absolute;
  bottom: 0px;
  left: 16px;
}
.listBox .fileBox .failBox .failError[data-v-728ca7d2] {
  width: 12px;
  height: 12px;
  position: relative;
  top: 1px;
}
.listBox .fileBox .failColorRed[data-v-728ca7d2] {
  color: var(--theme-help-red1);
}
.listBox .fileBox .bottomBox[data-v-728ca7d2] {
  width: 320px;
  height: 32px;
  background: var(--theme-content-gray6);
  position: absolute;
  bottom: 0px;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: flex-end;
}
.listBox .fileBox .bottomBox .btn[data-v-728ca7d2] {
  width: 30px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listBox .fileBox .bottomBox .btn[data-v-728ca7d2]:hover {
  background: var(--theme-content-gray6);
}
.listBox .fileBox .bottomBox .btn img[data-v-728ca7d2] {
  width: 14px;
  height: 14px;
}
.listBox .fileBox .view-large-btn[data-v-728ca7d2] {
  width: 116px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--theme-content-gray6);
  color: var(--theme-bg-white1);
  border-radius: 4px;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.listBox .fileBox:hover .view-large-btn[data-v-728ca7d2] {
  opacity: 1;
}
.listBox .fileBox:hover .bottomBox[data-v-728ca7d2] {
  z-index: 30;
  opacity: 1;
}

/* 自定义滚动条样式 */
[data-v-19699727]::-webkit-scrollbar {
  width: 1px;
}
[data-v-19699727]::-webkit-scrollbar-thumb {
  background: var(--theme-content-gray4);
  border-radius: 3px;
}
.beauty-left[data-v-19699727] {
  width: 153px;
  background: var(--theme-bg-white1);
  box-shadow: 4px 0px 4px 0px rgba(34, 40, 45, 0.12);
  border-radius: 0px 12px 12px 0px;
  height: calc(100vh - 56px);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  margin-top: 0;
}
.beauty-left .left-group[data-v-19699727] {
  border-radius: 8px;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
}
.beauty-left .left-group .ratio-btns[data-v-19699727] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 8px;
}
.beauty-left .left-group .ratio-btns .ratio-btn[data-v-19699727] {
  position: relative;
  box-sizing: border-box;
  color: #000;
  border: none;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 66px;
}
.beauty-left .left-group .ratio-btns .ratio-btn .AILogo[data-v-19699727] {
  padding: 2px 5px;
  background: var(--theme-brand-green3);
  border-radius: 2px;
  backdrop-filter: blur(2px);
  position: absolute;
  top: 5px;
  right: 5px;
  font-weight: 500;
  font-size: 11px;
  color: #ffffff;
}
.beauty-left .left-group .ratio-btns .ratio-btn .ratio-img[data-v-19699727] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.beauty-left .left-group .ratio-btns .ratio-btn .qualityText[data-v-19699727] {
  position: absolute;
  left: 4px;
  top: 4px;
  padding: 0 4px;
  background: rgba(255, 255, 255, 0.5);
  color: #858585;
  font-size: 11px;
  border-radius: 2px;
  backdrop-filter: blur(2px);
}
.beauty-left .left-group .ratio-btns .ratio-btn .grayColor[data-v-19699727] {
  color: #858585;
}
.beauty-left .left-group .ratio-btns .ratio-btn .purpleColor[data-v-19699727] {
  color: #c864ff;
}
.beauty-left .left-group .ratio-btns .ratio-btn .orangeColor[data-v-19699727] {
  color: #ffac00;
}
.beauty-left .left-group .ratio-btns .active[data-v-19699727] {
  border: 2px solid #00be8c;
  border-radius: 4px;
}

[data-v-8e7fe242] .el-switch.is-checked .el-switch__core {
  background-color: var(--theme-brand-green3) !important;
  border-color: var(--theme-brand-green3) !important;
}
.filterContent[data-v-8e7fe242] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 9px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.filterContent .filterBox[data-v-8e7fe242] {
  color: #000;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: 12px;
  align-items: center;
  justify-content: center;
}
.filterContent .filterBox .filterBtn[data-v-8e7fe242] {
  width: 88px;
  height: 88px;
  background-color: #f0f0f0;
  border: 2px solid #ccc;
  border-radius: 4px;
  margin-bottom: 8px;
}
.filterContent .filterBox .filterBtn[data-v-8e7fe242]:hover {
  border: 2px solid #00be8c;
}
.filterContent .filterBox .filterBtn .filterImg[data-v-8e7fe242] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.filterContent .filterBox .active[data-v-8e7fe242] {
  border: 2px solid #00be8c;
}
.filterContent .filterBox .filterText[data-v-8e7fe242] {
  font-size: 12px;
  text-align: center;
}

.group-title[data-v-34b540ab] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray6);
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.group-title .right-icon[data-v-34b540ab] {
  display: flex;
  align-items: center;
  gap: 3px;
  cursor: pointer;
}
.camera-row[data-v-34b540ab] {
  font-size: 13px;
  margin-top: 16px;
}
.camera-row .slider-row-name[data-v-34b540ab] {
  position: absolute;
  left: 8px;
  top: 6px;
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-bg-white1);
}
.camera-row .slider-row[data-v-34b540ab] {
  position: relative;
  display: flex;
  margin-top: 6px;
  height: 28px;
  margin-bottom: 8px;
  justify-content: space-between;
  gap: 8px;
}
.camera-row .slider-row[data-v-34b540ab] .el-slider__runway {
  height: 30px !important;
  background-color: rgba(0, 0, 0, 0);
}
.camera-row .slider-row[data-v-34b540ab] .el-slider__bar {
  height: 30px !important;
  background-color: transparent !important;
}
.camera-row .slider-row[data-v-34b540ab] .el-slider__button {
  height: 30px !important;
  width: 0px !important;
  border-radius: 0px;
  border: 1px solid #fff !important;
}
.camera-row .slider-row[data-v-34b540ab] .el-slider__button-wrapper {
  top: -3px !important;
}
.camera-row .slider-row .slider[data-v-34b540ab] {
  width: 268px;
  padding: 0 2px;
  box-sizing: border-box;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(34, 40, 45, 0.8) 0%, rgba(34, 40, 45, 0.12) 100%);
}
.camera-row .slider-row .line-slider[data-v-34b540ab] .el-slider__runway {
  height: 2px !important;
  background: #e4e7ed !important;
}
.camera-row .slider-row .line-slider[data-v-34b540ab] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green2) !important;
}
.camera-row .slider-row .line-slider[data-v-34b540ab] .el-slider__button {
  width: 14px !important;
  height: 14px !important;
  background: #ffffff !important;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 0px rgba(0, 70, 51, 0.2) !important;
  border: 1px solid var(--theme-brand-green3) !important;
}
.camera-row .slider-row .line-slider[data-v-34b540ab] .el-slider__button-wrapper {
  top: -17px !important;
}
.camera-row .slider-row .line-slider .slider[data-v-34b540ab] {
  width: 120px;
}
.camera-row .whiteAndBlack .slider[data-v-34b540ab] {
  background: linear-gradient(90deg, rgba(34, 40, 45, 0.25) 0%, rgba(34, 40, 45, 0.5) 100%);
}
.camera-row .greenAndWhite .slider[data-v-34b540ab] {
  background: linear-gradient(90deg, rgba(0, 190, 140, 0.25) 0%, #00be8c 100%);
}

.group-title[data-v-4333de63] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray6);
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.group-title .right-icon[data-v-4333de63] {
  display: flex;
  align-items: center;
  gap: 3px;
  cursor: pointer;
}
.camera-row[data-v-4333de63] {
  font-size: 13px;
  margin-top: 16px;
}
.camera-row .slider-row-name[data-v-4333de63] {
  position: absolute;
  left: 8px;
  top: 6px;
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-bg-white1);
}
.camera-row .slider-row[data-v-4333de63] {
  position: relative;
  display: flex;
  margin-top: 6px;
  height: 28px;
  margin-bottom: 8px;
  justify-content: space-between;
  gap: 8px;
}
.camera-row .slider-row[data-v-4333de63] .el-slider__runway {
  height: 30px !important;
  background-color: rgba(0, 0, 0, 0);
}
.camera-row .slider-row[data-v-4333de63] .el-slider__bar {
  height: 30px !important;
  background-color: transparent !important;
}
.camera-row .slider-row[data-v-4333de63] .el-slider__button {
  height: 30px !important;
  width: 0px !important;
  border-radius: 0px;
  border: 1px solid #fff !important;
}
.camera-row .slider-row[data-v-4333de63] .el-slider__button-wrapper {
  top: -3px !important;
}
.camera-row .slider-row .slider[data-v-4333de63] {
  width: 268px;
  padding: 0 2px;
  box-sizing: border-box;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(34, 40, 45, 0.8) 0%, rgba(34, 40, 45, 0.12) 100%);
}
.camera-row .slider-row .line-slider[data-v-4333de63] .el-slider__runway {
  height: 2px !important;
  background: #e4e7ed !important;
}
.camera-row .slider-row .line-slider[data-v-4333de63] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green2) !important;
}
.camera-row .slider-row .line-slider[data-v-4333de63] .el-slider__button {
  width: 14px !important;
  height: 14px !important;
  background: #ffffff !important;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 0px rgba(0, 70, 51, 0.2) !important;
  border: 1px solid var(--theme-brand-green3) !important;
}
.camera-row .slider-row .line-slider[data-v-4333de63] .el-slider__button-wrapper {
  top: -17px !important;
}
.camera-row .slider-row .line-slider .slider[data-v-4333de63] {
  width: 120px;
}
.camera-row .sevenColor .slider[data-v-4333de63] {
  background: linear-gradient(90deg, #ff6e48 0%, #f0e13c 17%, #75de56 34%, #64caff 50%, #6e6cff 67%, #f566ff 84%, #e13232 100%), rgba(255, 255, 255, 0.1);
}
.camera-row .threeColor .slider[data-v-4333de63] {
  background: linear-gradient(90deg, #6496ff 0%, #ffedcd 50%, #ff410f 100%);
}

.group-title[data-v-90087524] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-black1);
  margin-top: 20px;
  margin-bottom: 22px;
  display: flex;
  justify-content: space-between;
}
.group-title .right-icon[data-v-90087524] {
  display: flex;
  align-items: center;
  gap: 3px;
  cursor: pointer;
}
.camera-row[data-v-90087524] {
  font-size: 13px;
  margin-top: 12px;
}
.camera-row .slider-row-green[data-v-90087524] {
  display: flex;
  margin-top: 6px;
  height: 28px;
  margin-bottom: 8px;
  justify-content: space-between;
  gap: 8px;
}
.camera-row .slider-row-green .slider[data-v-90087524] {
  width: 164px;
  padding: 0 2px;
}
.camera-row .slider-row-green[data-v-90087524] .el-slider__runway {
  height: 2px !important;
  background: var(--theme-content-gray1) !important;
}
.camera-row .slider-row-green[data-v-90087524] .el-slider__bar {
  height: 2px !important;
  background-color: var(--theme-brand-green3) !important;
}
.camera-row .slider-row-green[data-v-90087524] .el-slider__button {
  width: 14px !important;
  height: 14px !important;
  background: var(--theme-bg-white1) !important;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 0px rgba(0, 70, 51, 0.2) !important;
  border: 1px solid var(--theme-brand-green3) !important;
}
.camera-row .slider-row-green[data-v-90087524] .el-slider__button-wrapper {
  top: -17px !important;
}

.retouching[data-v-5a7724a0] {
  padding: 20px 0px 126px 0px;
}
.retouching .title[data-v-5a7724a0] {
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-content-black1);
  margin-bottom: 12px;
}
.retouching .description[data-v-5a7724a0] {
  margin-bottom: 20px;
}
.retouching .weather[data-v-5a7724a0],
.retouching .light[data-v-5a7724a0] {
  margin-bottom: 20px;
}
.retouching .item-list[data-v-5a7724a0] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 5px;
  transition: max-height 0.3s ease;
}
.retouching .item-list.collapsed[data-v-5a7724a0] {
  max-height: 245px;
  overflow: hidden;
}
.retouching .item[data-v-5a7724a0] {
  cursor: pointer;
}
.retouching .item.active .item-label[data-v-5a7724a0] {
  color: var(--theme-brand-green3);
}
.retouching .item .img-wrapper[data-v-5a7724a0] {
  position: relative;
}
.retouching .item .img-wrapper .item-img[data-v-5a7724a0] {
  width: 88px;
  height: 88px;
  border-radius: 8px;
  margin-bottom: 8px;
}
.retouching .item .img-wrapper .item-img[data-v-5a7724a0]:hover {
  outline: 2px solid var(--theme-brand-green3);
}
.retouching .item .img-wrapper.active .item-img[data-v-5a7724a0] {
  outline: 2px solid var(--theme-brand-green3);
}
.retouching .item .item-label[data-v-5a7724a0] {
  font-size: 12px;
  color: var(--theme-content-black1);
  text-align: center;
}
.retouching .footer[data-v-5a7724a0] {
  width: 100%;
  height: 106px;
  background: var(--theme-bg-white1);
  border-radius: 0px 0px 0px 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 12px 20px 20px 20px;
  box-sizing: border-box;
  z-index: 1;
}
.retouching .footer p[data-v-5a7724a0] {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.retouching .footer .generate-btn[data-v-5a7724a0] {
  margin-top: 15px;
  width: 100%;
  height: 44px;
  background: var(--theme-brand-green3);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  color: var(--theme-bg-white1);
}
.retouching .footer .generate-btn img[data-v-5a7724a0] {
  width: 18px;
  height: 18px;
}
.retouching .footer .generate-btn .bean-icon[data-v-5a7724a0] {
  width: 16px;
  height: 16px;
  margin-left: 6px;
}
.retouching .footer .generate-btn .bean-cost[data-v-5a7724a0] {
  font-size: 14px;
}
.retouching .footer .generate-btn.disabled[data-v-5a7724a0] {
  opacity: 0.4;
  cursor: not-allowed;
}
.retouching .expand-btn[data-v-5a7724a0] {
  height: 24px;
  background: #f6f7f8;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  cursor: pointer;
  color: var(--theme-content-black2);
  font-size: 16px;
}
.retouching .expand-btn[data-v-5a7724a0]:hover {
  color: var(--theme-brand-green3);
}

.bigContainer[data-v-64c5c1cb] {
  height: 100%;
  padding: 30px 30px 90px 30px;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  overflow: hidden;
}
.bigContainer .canvas-container[data-v-64c5c1cb] {
  position: relative;
  background: var(--theme-bg-white1);
  border-radius: 12px;
  border: 4px solid var(--theme-bg-white1);
  padding: 20px;
  box-sizing: border-box;
  display: flex;
}
.bigContainer .canvas-container .ai-generating-mask[data-v-64c5c1cb] {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  z-index: 10;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
.bigContainer .canvas-container .ai-generating-mask .scanning-line[data-v-64c5c1cb] {
  position: absolute;
  top: 0;
  left: -20px;
  height: 100%;
  width: auto;
  animation: scan-lr-64c5c1cb 2s ease-in-out infinite alternate;
  pointer-events: none;
}
.bigContainer .canvas-container .ai-generating-mask img[data-v-64c5c1cb]:not(.scanning-line) {
  width: 40px;
  height: 40px;
  animation: spin-64c5c1cb 1.5s linear infinite;
}
.bigContainer canvas[data-v-64c5c1cb] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.bigContainer .bigImg[data-v-64c5c1cb] {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.render-right[data-v-64c5c1cb] {
  width: 320px;
  color: #000;
  background: var(--theme-bg-white1);
  box-shadow: 0px 0px 8px 0px rgba(34, 40, 45, 0.12);
  border-radius: 12px 0px 0px 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  right: 0;
  position: relative;
}
.tab-header[data-v-64c5c1cb] {
  display: flex;
  align-items: center;
  margin: 20px 20px 0px 20px;
  padding-bottom: 20px;
  gap: 12px;
  flex-shrink: 0;
  border-bottom: 1px solid var(--theme-content-gray2);
}
.tab-item[data-v-64c5c1cb] {
  width: 81px;
  height: 60px;
  background: #f6f7f8;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  color: var(--theme-content-black1);
}
.tab-item .tab-icon[data-v-64c5c1cb] {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.tab-item .tab-label[data-v-64c5c1cb] {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}
.tab-item.active[data-v-64c5c1cb] {
  background: var(--theme-brand-green3);
  color: var(--theme-bg-white1);
}
.right-group[data-v-64c5c1cb] {
  font-weight: 500;
  padding: 10px;
  padding-top: 0px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  /* 自定义滚动条样式 */
}
.right-group[data-v-64c5c1cb]::-webkit-scrollbar {
  width: 1px;
}
.right-group[data-v-64c5c1cb]::-webkit-scrollbar-thumb {
  background: var(--theme-content-gray4);
  border-radius: 3px;
}
.right-group .group-title[data-v-64c5c1cb] {
  font-weight: 500;
  font-size: var(--theme-font14);
  color: var(--theme-content-gray6);
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.right-group .group-title .right-icon[data-v-64c5c1cb] {
  display: flex;
  align-items: center;
  gap: 3px;
  cursor: pointer;
}
@keyframes scan-lr-64c5c1cb {
from {
    left: -20px;
}
to {
    left: 100%;
}
}
@keyframes spin-64c5c1cb {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes fadeIn-64c5c1cb {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}

.photo-footer[data-v-946913d8] {
  position: fixed;
  bottom: 30px;
  left: 153px;
  right: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photo-footer .photo-footer-inner[data-v-946913d8] {
  width: 470px;
  height: 50px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 4px 12px 0px rgba(34, 40, 45, 0.2);
  border-radius: 8px;
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.photo-footer .photo-footer-inner .btn[data-v-946913d8] {
  width: 28px;
  height: 28px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(34, 40, 45, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.photo-footer .photo-footer-inner .btn img[data-v-946913d8] {
  width: 14px;
  height: 14px;
  transition: filter 0.2s ease;
}
.photo-footer .photo-footer-inner .btn:hover img[data-v-946913d8] {
  filter: brightness(0);
}
.photo-footer .photo-footer-inner .btn.disabled[data-v-946913d8] {
  opacity: 0.3;
  cursor: default;
}
.photo-footer .photo-footer-inner .separator[data-v-946913d8] {
  width: 1px;
  height: 20px;
  background: rgba(34, 40, 45, 0.1);
}
.photo-footer .photo-footer-inner .arrow-btn[data-v-946913d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.photo-footer .photo-footer-inner .operation[data-v-946913d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.photo-footer .photo-footer-inner .operation-btn[data-v-946913d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  cursor: pointer;
}
.photo-footer .photo-footer-inner .download-btn[data-v-946913d8] {
  width: 80px;
  height: 28px;
  background: var(--theme-brand-green3);
  border-radius: 4px;
  color: var(--theme-bg-white1);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-footer .photo-footer-inner .download-btn[data-v-946913d8]:hover {
  background: #03ae82;
}
.photo-footer .photo-footer-inner .save-btn[data-v-946913d8] {
  width: 80px;
  height: 28px;
  background: rgba(34, 40, 45, 0.3);
  border-radius: 4px;
  color: var(--theme-bg-white1);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-footer .photo-footer-inner .save-btn[data-v-946913d8]:hover {
  background: var(--theme-brand-green3);
}

.photo[data-v-c9cf46b8] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1003;
  display: flex;
}
.photo .beautyContent[data-v-c9cf46b8] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 60px;
  height: calc(100% - 60px);
  overflow: hidden;
}
.photo .rightSide[data-v-c9cf46b8] {
  flex: 1;
  height: 100%;
  background-color: var(--theme-bg-white1);
  width: calc(100% - 153px);
}
.photo .beautyRight[data-v-c9cf46b8] {
  display: flex;
  height: 100%;
  width: calc(100% - 153px);
  background: #e8ebed;
}

.public-dropdown[data-v-1a850f7c] {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 1000;
}
.public-dropdown.show[data-v-1a850f7c] {
  opacity: 1;
  visibility: visible;
}
.dropdown-menu[data-v-1a850f7c] {
  background: var(--theme-bg-white1);
  box-shadow: 0px 0px 8px 0px var(--theme-content-gray8);
  border-radius: 4px;
  border: 1px solid var(--theme-content-gray1);
  padding: 4px 0;
}
.dropdown-item[data-v-1a850f7c] {
  display: flex;
  padding: 12px;
  cursor: pointer;
  white-space: nowrap;
}
.dropdown-item .item-icon[data-v-1a850f7c] {
  opacity: 0.7;
}
.dropdown-item[data-v-1a850f7c]:hover {
  background: var(--theme-bg-white2);
}
.dropdown-item:hover .item-icon[data-v-1a850f7c] {
  opacity: 1;
}
.dropdown-item .item-label[data-v-1a850f7c] {
  margin-left: 8px;
}

.attr-args-input-num[data-v-f3b8cf66] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  gap: 10px;
  color: var(--theme-content-black1);
}
.attr-args-input-num .spandisabled[data-v-f3b8cf66] {
  color: var(--theme-content-gray4);
}
.attr-args-input-num[data-v-f3b8cf66] .el-input__wrapper {
  padding: 0px 4px 0px 8px;
  width: 80px;
  box-sizing: border-box;
}
.attr-args-input-num[data-v-f3b8cf66] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: 12px;
}
.attr-args-input-num[data-v-f3b8cf66] .el-input__wrapper .el-input__inner {
  font-size: 12px;
  color: var(--theme-content-black1);
}
.attr-args-input-num[data-v-f3b8cf66] .el-input.is-disabled {
  border: 0px !important;
}
.attr-args-input-num[data-v-f3b8cf66] .el-input.is-disabled .el-input__wrapper {
  background-color: var(--theme-bg-white1) !important;
}
.attr-args-input-num[data-v-f3b8cf66] .el-input.is-disabled .el-input__wrapper .el-input__inner {
  color: var(--theme-content-gray4) !important;
  -webkit-text-fill-color: var(--theme-content-gray4) !important;
}
.attr-args-input-num[data-v-f3b8cf66] .el-input.is-disabled .el-input__wrapper .suffixName {
  color: var(--theme-content-gray4) !important;
}
[data-v-f3b8cf66] input[type="number"]::-webkit-outer-spin-button,[data-v-f3b8cf66] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.attr-args-input-num[data-v-1bf55009] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--theme-content-black1);
  gap: 5px;
}
.attr-args-input-num .camera-input[data-v-1bf55009] {
  display: flex;
  align-items: center;
}
[data-v-1bf55009] .el-input__wrapper {
  margin-left: 10px;
  padding: 0px 4px 0px 8px;
  width: 80px;
  box-sizing: border-box;
}
[data-v-1bf55009] .el-input__wrapper .suffixName {
  margin-left: 2px;
  font-size: 12px;
}
[data-v-1bf55009] .el-input__wrapper .el-input__inner {
  font-size: 12px;
  color: var(--theme-content-black1);
}
[data-v-1bf55009] input[type="number"]::-webkit-outer-spin-button,[data-v-1bf55009] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 样式保持不变 */
.attr-box[data-v-c65a9106] .el-radio {
  margin-right: 0px;
  height: 42px;
}
.attr-box[data-v-c65a9106] .el-radio .el-radio__label {
  font-size: 12px;
  color: var(--theme-content-gray7);
}
.attr-box[data-v-c65a9106] .el-radio-group {
  gap: 15px !important;
  /* 选项之间的间距 */
}
.attr-box[data-v-c65a9106] .el-radio.el-radio--large .el-radio__inner {
  width: 18px;
  height: 18px;
}
.attr-box[data-v-c65a9106] .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-brand-green3);
  border-color: var(--theme-brand-green3);
}
.attr-box[data-v-c65a9106] .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-brand-green3);
}

.outBox[data-v-a27fa82e] {
  display: flex;
  align-items: center;
}
.line[data-v-a27fa82e] {
  width: 1px;
  height: 20px;
  background-color: var(--theme-content-gray5);
  margin-right: 16px;
}
.button[data-v-a27fa82e] {
  height: 32px !important;
}
.button[data-v-a27fa82e]:hover {
  background-color: var(--theme-content-gray2);
}

.select-tool[data-v-3964517c] {
  background: var(--theme-bg-white2);
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 25px;
}

.header-tool[data-v-491227a2] {
  height: 100%;
  display: flex;
  align-items: center;
}
.header-tool .tool-item[data-v-491227a2] {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 50px;
  height: 48px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.header-tool .tool-item .tool-item-content[data-v-491227a2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-tool .tool-item .tool-item-content .title-icon[data-v-491227a2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-tool .tool-item .tool-item-content .tool-item-icon[data-v-491227a2] {
  width: 18px;
  height: 18px;
  margin-bottom: 5px;
  filter: brightness(0.7);
  transition: filter 0.2s ease;
}
.header-tool .tool-item .tool-item-content span[data-v-491227a2] {
  font-size: 11px;
  line-height: 1;
  color: #666;
  transition: color 0.2s ease;
}
.header-tool .tool-item .tool-item-content .dropdown-arrow[data-v-491227a2] {
  margin-left: 5px;
}
.header-tool .tool-item .tool-item-content .dropdown-arrow img[data-v-491227a2] {
  transition: transform 0.2s ease;
}
.header-tool .tool-item[data-v-491227a2]:hover {
  background: var(--theme-bg-white3);
}
.header-tool .tool-item:hover .tool-item-content .tool-item-icon[data-v-491227a2] {
  filter: saturate(0) brightness(0) contrast(200%);
}
.header-tool .tool-item:hover .tool-item-content span[data-v-491227a2] {
  color: var(--theme-content-black1);
}
.header-tool .tool-item:hover .tool-item-content .dropdown-arrow img[data-v-491227a2] {
  filter: brightness(0);
  transform: rotate(180deg);
}
.header-tool .line[data-v-491227a2] {
  width: 1px;
  height: 34px;
  background: var(--theme-content-gray2);
  margin: 16px;
}

/* 自定义滚动条样式 */
[data-v-9ff0c3fa]::-webkit-scrollbar {
  width: 2px !important;
}
.pop_content[data-v-9ff0c3fa] {
  height: 170px;
  border-top: 1px solid var(--theme-bg-white3);
  border-bottom: 1px solid var(--theme-bg-white3);
  margin-bottom: 15px;
  display: flex;
}
.pop_content .pop_left[data-v-9ff0c3fa] {
  width: 50%;
  height: 100%;
  border-right: 1px solid var(--theme-bg-white3);
}
.pop_content .pop_left .pop_check[data-v-9ff0c3fa] {
  width: 90%;
  height: 110px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 10px;
}
.pop_content .pop_right[data-v-9ff0c3fa] {
  width: 50%;
  height: 100%;
  padding-left: 20px;
  box-sizing: border-box;
}
.pop_content .pop_title[data-v-9ff0c3fa] {
  font-weight: 600;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  margin-top: 15px;
}
.dialog-footer[data-v-9ff0c3fa] {
  display: flex;
  justify-content: right;
}
[data-v-9ff0c3fa] .el-checkbox {
  height: 0px;
  width: 140px !important;
  margin-top: 20px;
  --el-checkbox-font-size: var(--theme-font12);
  --el-checkbox-input-height: var(--theme-font12);
  --el-checkbox-input-width: var(--theme-font12);
  --el-checkbox-checked-text-color: var(--theme-content-black1);
  --el-checkbox-checked-input-border-color: var(--theme-brand-green3);
  --el-checkbox-checked-bg-color: var(--theme-brand-green3);
  --el-checkbox-input-border-color-hover: var(--theme-brand-green3);
}
[data-v-9ff0c3fa] .el-checkbox .el-checkbox__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-v-9ff0c3fa] .el-select__wrapper {
  min-height: 26px !important;
  font-size: var(--theme-font12) !important;
}
[data-v-9ff0c3fa] .el-select__wrapper .is-focused {
  box-shadow: inset 0 0 0 1px var(--theme-brand-green3) !important;
}
[data-v-9ff0c3fa] .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-brand-green3);
  border-color: var(--theme-brand-green3);
}
[data-v-9ff0c3fa] .el-radio__label {
  margin-left: 2px;
}
[data-v-9ff0c3fa] .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-content-black1);
}
.export-button[data-v-9ff0c3fa] {
  width: 108px !important;
}
.export-button img[data-v-9ff0c3fa] {
  width: 16px;
  height: 16px;
}
.export-button .export-button-text[data-v-9ff0c3fa] {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

.header-box[data-v-49f6cd4e] {
  height: 60px;
  padding: 0 24px;
  background-color: var(--theme-bg-white2);
  border-bottom: 1px solid var(--theme-bg-white2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}
.header-box .header-left[data-v-49f6cd4e] {
  display: flex;
  align-items: center;
}
.header-box .header-name[data-v-49f6cd4e] {
  font-weight: 600;
  font-size: var(--theme-font16);
  color: var(--theme-content-gray7);
  margin-left: 24px;
}
.header-box .header-right[data-v-49f6cd4e] {
  width: 240px;
  font-size: 18px;
  display: flex;
}
.header-box .header-right .download-box[data-v-49f6cd4e] {
  position: absolute;
  top: 0;
  right: 10px;
  color: var(--theme-content-gray7);
  height: 60px;
  display: flex;
  align-items: center;
  font-size: 18px;
}
.header-box .header-right .download-box .action-icon-placeholder[data-v-49f6cd4e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-left: auto;
}
.header-box .header-right .download-box .action-icon-placeholder[data-v-49f6cd4e]:hover {
  background: var(--theme-bg-white3);
  border-radius: 4px;
}
.header-box .header-right .download-box .leftBtn[data-v-49f6cd4e] {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
  color: var(--theme-brand-green3);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.header-box .header-right .download-box .leftBtn[data-v-49f6cd4e]:hover {
  background: var(--theme-bg-white3);
}
.header-box .header-right .download-box .iconfont[data-v-49f6cd4e] {
  height: 20px;
  font-size: 18px;
  margin: 0 28px;
  border-left: 1px solid var(--theme-content-gray2);
}
.header-box .header-right .download-box .icon[data-v-49f6cd4e] {
  cursor: pointer;
}

.left-basic[data-v-33070247] {
  width: 260px;
  height: calc(100vh - 63px);
  background-color: var(--theme-bg-white1);
  z-index: 2;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.14);
}
.left-basic .title[data-v-33070247] {
  font-size: var(--theme-font14);
  margin: 15px 0 0 0;
  padding: 10px 12px;
  background-color: var(--theme-bg-white1);
  font-weight: 500;
  font-size: 16px;
}
.left-basic[data-v-33070247] .el-collapse {
  --el-collapse-header-height: 35px;
  border-bottom: none;
  border-top: none;
}
.left-basic[data-v-33070247] .el-collapse-item__header {
  border-bottom: none;
  font-size: var(--theme-font12) !important;
}
.left-basic .content[data-v-33070247] {
  height: calc(100% - 55px);
  overflow-y: auto;
  padding: 5px 12px;
  box-sizing: border-box;
}
.left-basic .content .collapse-content[data-v-33070247] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.left-basic .content .collapse-content .collapse-child[data-v-33070247] {
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  width: 70px;
  height: 70px;
  background: var(--theme-bg-white2);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  gap: 5px;
}
.left-basic .content .collapse-content .collapse-child[data-v-33070247]:hover {
  background-color: var(--theme-bg-white3);
}

.title[data-v-b4ea7772] {
  font-size: var(--theme-font14);
  margin-bottom: 6px;
  padding: 10px 16px 10px 12px;
  background-color: var(--theme-content-gray1);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  align-items: center;
  height: 44px;
  box-sizing: border-box;
}
.title .iconAdd[data-v-b4ea7772] {
  margin-left: auto;
  cursor: pointer;
  width: 20px;
  height: 20px;
  right: 0px;
  color: var(--theme-content-gray7);
}
.title .iconAdd[data-v-b4ea7772]:hover {
  color: var(--theme-brand-green3);
}
.title .iconTip[data-v-b4ea7772] {
  margin-left: 4px;
  cursor: pointer;
}
.blueprint[data-v-b4ea7772] {
  height: 190px;
  overflow-y: auto;
  padding: 0px 15px 0px 12px;
  margin-bottom: 10px;
  margin-top: 4px;
  box-sizing: border-box;
}
.blueprint .blueprint-box[data-v-b4ea7772] {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.blueprint .blueprint-box .iconEdit[data-v-b4ea7772] {
  margin-right: 7px;
}
.blueprint .blueprint-btn[data-v-b4ea7772] {
  height: 28px;
  width: 220px;
  border-radius: 2px;
  font-weight: 400;
  font-size: var(--theme-font12);
  color: var(--theme-content-gray7);
  text-align: center;
  text-align: left;
  padding: 0 11px 0 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: var(--theme-bg-white2);
}
.blueprint .blueprint-btn[data-v-b4ea7772]:hover {
  border-color: var(--theme-brand-green3);
}
.blueprint .blueprint-btn.active[data-v-b4ea7772] {
  background-color: var(--theme-brand-green1);
  border-color: var(--theme-brand-green3);
  color: var(--theme-brand-green3);
}
.blueprint .blueprint-btn .iconFill[data-v-b4ea7772] {
  transform: rotate(90deg);
  cursor: move;
}
.blueprint .blueprint-btn .rename-name[data-v-b4ea7772] {
  width: 150px;
  white-space: nowrap;
  /* 强制不换行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
}
.blueprint .blueprint-btn .rename-input[data-v-b4ea7772] {
  width: 129px;
  height: 20px;
  background: var(--theme-bg-white1);
  border: none;
  line-height: 32px;
  padding: 0 8px;
  outline: none;
  color: var(--theme-content-black1);
  z-index: 10;
  font-size: 12px;
}
.blueprint .blueprint-btn .group[data-v-b4ea7772] {
  width: 48px;
  transition: opacity 0.2s ease, visibility 0.1s;
  display: flex;
  align-items: center;
}
.blueprint .blueprint-btn .group .icon[data-v-b4ea7772] {
  margin-left: 10px;
  width: 14px;
  height: 14px;
}


.title[data-v-378ab081] {
    font-size: var(--theme-font12);
    color: var(--theme-content-gray6);
    padding: 0px 12px;
    background-color: var(--theme-bg-white1);
}
.explainBox[data-v-378ab081] {
    background: var(--theme-bg-white2);
    border-radius: 4px;
    padding: 10px 0 2px 0;
    margin: 10px;
}
.explain-input[data-v-378ab081] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: var(--theme-content-black1);
    padding: 0 12px;
    margin-bottom: 8px;
}
.drawStyle[data-v-378ab081] {
    display: flex;
    align-items: center;
}
.tip[data-v-378ab081] {
    height: 100%;
    line-height: 31px;
}
.remark[data-v-378ab081] {
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    line-height: 31px;
    font-size: 12px;
    color: var(--theme-content-black1);
}
.remarkBtn[data-v-378ab081] {
    margin-top: 15px;
}
.remarkBtnInput[data-v-378ab081] {
    flex: 1;
    margin-top: 15px;
    display: block;
}
.textIcon[data-v-378ab081] {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(34, 40, 45, 0.7);
    color: var(--theme-bg-white1);
    text-align: center;
    line-height: 20px;
}
[data-v-378ab081] .el-input__wrapper {
    height: 24px;
}


.content[data-v-e6833c50] {
    background: var(--theme-bg-white2);
    border-radius: 4px;
    padding: 2px 15px 12px 15px;
    margin: 10px;
}

.right-basic[data-v-31f5d47a] {
  width: 260px;
  height: 100%;
  box-sizing: border-box;
  background-color: var(--theme-bg-white1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
  display: flex;
  flex-direction: column;
}
.right-basic .title[data-v-31f5d47a] {
  font-size: var(--theme-font14);
  margin-bottom: 6px;
  padding: 10px 12px;
  background-color: var(--theme-content-gray1);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  align-items: center;
  height: 44px;
  box-sizing: border-box;
}
.right-basic .right-detail[data-v-31f5d47a] {
  height: calc(100vh - 370px);
  overflow-y: auto;
}
.right-basic .right-detail .explain[data-v-31f5d47a] {
  margin-top: 16px;
}

#drawBoard[data-v-2baf03ee] {
  width: calc(100% - 520px);
  height: 100%;
}


.zoom-control-group {
&[data-v-1c53a766] {
    position: absolute;
    bottom: 40px;
    right: 330px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 195px;
    height: 36px;
    background: var(--theme-bg-white1);
    box-shadow: 0px 0px 4px 0px var(--theme-content-gray1);
    border-radius: 4px;
}
.zoom-btn {
&[data-v-1c53a766] {
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        background: transparent;
        cursor: pointer;
}
&[data-v-1c53a766]:hover {
            color: var(--theme-content-black1);
}
}
.line[data-v-1c53a766] {
        width: 1px;
        height: 26px;
        background: var(--theme-content-gray2);
}
.zoom-percentage {
&[data-v-1c53a766] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        display: inline-block;
}
.percentage-input[data-v-1c53a766] {
            border: none;
            background: transparent;
            width: 56px;
            height: 26px;
            background: var(--theme-bg-white3) !important;
            border-radius: 4px;
            font-size: var(--theme-font12);
            color: var(--theme-content-black1);
            text-align: center;
}
}
.zoom-percentage[data-v-1c53a766]::after {
        content: "%";
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--theme-content-black1);
        pointer-events: none;
        font-size: var(--theme-font12);
}
}

.construction[data-v-24929f79] {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.construction .bottom[data-v-24929f79] {
  flex: 1;
  display: flex;
}
.construction .delete-popup[data-v-24929f79] {
  font-size: 12px;
  color: red;
  margin-bottom: 30px;
}


.content-area[data-v-90d10fa4] {
    padding: 20px;
}
.card-header[data-v-90d10fa4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content-body[data-v-90d10fa4] {
    min-height: 300px;
}
.env-display[data-v-90d10fa4] {
    margin-top: 20px;
}
.network-result[data-v-90d10fa4] {
    margin-top: 20px;
}
.storage-result[data-v-90d10fa4] {
    margin-top: 20px;
}
.cookie-result[data-v-90d10fa4] {
    margin-top: 20px;
}
.test-results[data-v-90d10fa4] {
    margin-top: 15px;
}
.api-result[data-v-90d10fa4] {
    margin-top: 15px;
}
.user-result[data-v-90d10fa4] {
    margin-top: 15px;
}
.crypto-result[data-v-90d10fa4] {
    margin-top: 15px;
}
.async-result[data-v-90d10fa4] {
    margin-top: 15px;
}
.log-container[data-v-90d10fa4] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 10px;
    background: #f5f7fa;
}
.log-item[data-v-90d10fa4] {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Courier New", monospace;
    font-size: 12px;
}
.log-time[data-v-90d10fa4] {
    color: #909399;
    margin-right: 10px;
    min-width: 80px;
}
.log-type[data-v-90d10fa4] {
    padding: 2px 6px;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 11px;
    font-weight: bold;
    min-width: 50px;
    text-align: center;
}
.log-type.info[data-v-90d10fa4] {
    background: #e1f3d8;
    color: #67c23a;
}
.log-type.success[data-v-90d10fa4] {
    background: #f0f9ff;
    color: #409eff;
}
.log-type.warning[data-v-90d10fa4] {
    background: #fdf6ec;
    color: #e6a23c;
}
.log-type.error[data-v-90d10fa4] {
    background: #fef0f0;
    color: #f56c6c;
}
.log-message[data-v-90d10fa4] {
    color: #606266;
    flex: 1;
}
.el-menu-vertical-demo .el-menu-item[data-v-90d10fa4] {
    padding-left: 56px !important; /* 增加缩进，原来一般是40px */
}
.el-menu-vertical-demo .el-sub-menu__title[data-v-90d10fa4] {
    padding-left: 24px !important; /* 一级菜单缩进 */
    font-weight: bold;
    background: #f0f2f5;
    color: #333;
    border-radius: 4px;
    margin-bottom: 4px;
}

.notFound[data-v-2cf0e014] {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  background-color: var(--theme-bg-white1);
}
.notFound .iconBox[data-v-2cf0e014] {
  width: 531px;
  height: 228px;
  position: relative;
}
.notFound .iconBox .icon[data-v-2cf0e014] {
  width: 531px;
  height: 228px;
}
.notFound .iconBox .noPage[data-v-2cf0e014] {
  width: 100%;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--theme-content-black1);
  font-weight: 600;
  font-size: 24px;
}
.notFound .iconBox .goBackBtn[data-v-2cf0e014] {
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 108px;
  height: 32px;
  background-color: var(--theme-content-black1);
  transform: translateX(-50%);
}

:root {
    /* 白色 */
    --color-white1: #ffffff;
    --color-white2: #f6f7f8;
    --color-white3: #e8ebed;
    --color-white4: #d2d7dc;
    --color-white5: #f7f7f9;
    --color-white6: rgba(255, 255, 255, 0.2);

    /* 灰色 */
    --color-gray1: rgba(34, 40, 45, 0.06);
    --color-gray2: rgba(34, 40, 45, 0.12);
    --color-gray3: rgba(34, 40, 45, 0.2);
    --color-gray4: rgba(34, 40, 45, 0.25);
    --color-gray5: rgba(34, 40, 45, 0.5);
    --color-gray6: rgba(34, 40, 45, 0.7);
    --color-gray7: rgba(34, 40, 45, 1);
    --color-gray8: rgba(34, 40, 45, 0.1);
    --color-gray9: #eeeeee;
    /* 黑色 */
    --color-black1: #22282d;
    /* 绿色系 */
    --color-green1: rgba(0, 170, 125, 0.1);
    --color-green2: rgba(0, 190, 140, 0.5);
    --color-green3: #00be8c;
    --color-green4: #04ab7f;
    /* 蓝色 */
    --color-blue1: #008be1;
    /* 红色 */
    --color-red1: #e63c3c;
    /* 黄色 */
    --color-yellow1: #faaa00;

    /* 背景色 */
    --theme-bg-white1: var(--color-white1);
    --theme-bg-white2: var(--color-white2);
    --theme-bg-white3: var(--color-white3);
    --theme-bg-white4: var(--color-white4);
    --theme-bg-white5: var(--color-white5);
    --theme-bg-white6: var(--color-white6);
    /* 内容 */
    --theme-content-gray1: var(--color-gray1);
    --theme-content-gray2: var(--color-gray2);
    --theme-content-gray3: var(--color-gray3);
    --theme-content-gray4: var(--color-gray4);
    --theme-content-gray5: var(--color-gray5);
    --theme-content-gray6: var(--color-gray6);
    --theme-content-gray7: var(--color-gray7);
    --theme-content-gray8: var(--color-gray8);
    --theme-content-gray9: var(--color-gray9);
    --theme-content-black1: var(--color-black1);
    /* 品牌颜色 */
    --theme-brand-green1: var(--color-green1);
    --theme-brand-green2: var(--color-green2);
    --theme-brand-green3: var(--color-green3);
    --theme-brand-green4: var(--color-green4);
    /* 辅助色 */
    --theme-help-blue1: var(--color-blue1);
    --theme-help-red1: var(--color-red1);
    --theme-help-yellow1: var(--color-yellow1);

    /* 字号大小 */
    --theme-font12: 12px;
    --theme-font14: 14px;
    --theme-font16: 16px;
}

/* 暗黑主题 */
[data-theme="dark"] {
    --theme-bg-color: #222222;
    --theme-text-color: #ffffff;
}
* {
    padding: 0;
    margin: 0;
}
/* 全局字体设置 */
body {
    font-family: "PingFang SC", "微软雅黑", "黑体", "宋体", sans-serif;
    font-size: 14px;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */ /* IE/Edge */
    user-select: none; /* 标准语法 */
}
/* 可选：单独放开需要允许框选的元素（如输入框、文本区域） */
/* input, textarea, [contenteditable="true"] {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  } */
/* 自定义滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.panle {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    background-color: var(--theme-bg-white1);
    box-shadow: 4px 0px 4px 0px var(--theme-content-gray2);
    border-radius: 0px 12px 0px 0px;
    display: flex;
    flex-direction: column;
}

.panle::-webkit-scrollbar {
    width: 0.5px;
}

.panle::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px;
    margin: 8px 0;
}

.box-tooltip {
    color: var(--theme-content-gray6) !important;
}
/* 自定义 messageConfirm 弹窗样式 */
.custom-message-box {
  width: 420px !important;
  height: 194px !important;
  background: var(--theme-bg-white1) !important;
  border-radius: 12px !important;
}
.custom-message-box .el-message-box__title {
  margin-top: 20px !important;
  font-size: 16px !important;
  color: var(--theme-content-black1) !important;
  font-weight: 600 !important;
}
/* 在标题前添加自定义警告图标 */
.custom-message-box .el-message-box__title::before {
  content: url(/img/tip_warn.1074fce8.svg) !important;
  margin-right: 10px !important;
}
/* 隐藏内容区域的警告图标 */
.custom-message-box .el-message-box__status {
  display: none !important;
}
.el-message-box__message {
  font-size: 14px !important;
  color: var(--theme-content-gray6) !important;
  font-weight: 400 !important;
  padding-left: 30px !important;
}
.custom-message-box .el-message-box__btns {
  position: absolute;
  right: 28px;
  bottom: 28px;
}
.el-button {
  width: 84px !important;
  height: 36px !important;
  --el-button-border-color: var(--theme-content-gray1) !important;
  --el-button-text-color: var(--theme-content-black1) !important;
  --el-button-bg-color: var(--theme-content-gray1) !important;
  --el-button-hover-bg-color: var(--theme-content-gray1) !important;
  --el-button-hover-text-color: var(--theme-content-black1) !important;
  --el-button-hover-border-color: var(--theme-content-gray1) !important;
  --el-button-active-bg-color: var(--theme-content-gray1) !important;
  --el-button-active-border-color: var(--theme-content-gray1) !important;
}
.el-button.el-button--primary {
  width: 84px !important;
  height: 36px !important;
  --el-button-border-color: var(--theme-brand-green3) !important;
  --el-button-text-color: var(--theme-bg-white1) !important;
  --el-button-bg-color: var(--theme-brand-green3) !important;
  --el-button-hover-bg-color: var(--theme-brand-green3) !important;
  --el-button-hover-text-color: var(--theme-bg-white1) !important;
  --el-button-hover-border-color: var(--theme-brand-green3) !important;
  --el-button-active-bg-color: var(--theme-brand-green3) !important;
  --el-button-active-border-color: var(--theme-brand-green3) !important;
}
/* 全局element弹出框样式 */
.popover-content {
  padding: 0px !important;
  border-radius: 8px;
  overflow: hidden;
  min-width: 10px !important;
}
/* 隐藏弹出框箭头 */
.popover-content.el-popper__arrow {
  display: none;
}
.el-popover.el-popper {
  padding: 0px !important;
  border-radius: 8px;
  color: var(--theme-content-black1) !important;
}
/* 选择器选中样式 */
.el-select-dropdown__item.is-selected {
  color: var(--theme-brand-green3) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--theme-brand-green1) !important;
}
.myPopover .el-popper__arrow {
  display: none !important;
}