:host,:root{--d2h-bg-color:#fff;--d2h-border-color:#ddd;--d2h-dim-color:rgba(0,0,0,.3);--d2h-line-border-color:#eee;--d2h-file-header-bg-color:#f7f7f7;--d2h-file-header-border-color:#d8d8d8;--d2h-empty-placeholder-bg-color:#f1f1f1;--d2h-empty-placeholder-border-color:#e1e1e1;--d2h-selected-color:#c8e1ff;--d2h-ins-bg-color:#dfd;--d2h-ins-border-color:#b4e2b4;--d2h-ins-highlight-bg-color:#97f295;--d2h-ins-label-color:#399839;--d2h-del-bg-color:#fee8e9;--d2h-del-border-color:#e9aeae;--d2h-del-highlight-bg-color:#ffb6ba;--d2h-del-label-color:#c33;--d2h-change-del-color:#fdf2d0;--d2h-change-ins-color:#ded;--d2h-info-bg-color:#f8fafd;--d2h-info-border-color:#d5e4f2;--d2h-change-label-color:#d0b44c;--d2h-moved-label-color:#3572b0;--d2h-dark-color:#e6edf3;--d2h-dark-bg-color:#0d1117;--d2h-dark-border-color:#30363d;--d2h-dark-dim-color:#6e7681;--d2h-dark-line-border-color:#21262d;--d2h-dark-file-header-bg-color:#161b22;--d2h-dark-file-header-border-color:#30363d;--d2h-dark-empty-placeholder-bg-color:hsla(215,8%,47%,.1);--d2h-dark-empty-placeholder-border-color:#30363d;--d2h-dark-selected-color:rgba(56,139,253,.1);--d2h-dark-ins-bg-color:rgba(46,160,67,.15);--d2h-dark-ins-border-color:rgba(46,160,67,.4);--d2h-dark-ins-highlight-bg-color:rgba(46,160,67,.4);--d2h-dark-ins-label-color:#3fb950;--d2h-dark-del-bg-color:rgba(248,81,73,.1);--d2h-dark-del-border-color:rgba(248,81,73,.4);--d2h-dark-del-highlight-bg-color:rgba(248,81,73,.4);--d2h-dark-del-label-color:#f85149;--d2h-dark-change-del-color:rgba(210,153,34,.2);--d2h-dark-change-ins-color:rgba(46,160,67,.25);--d2h-dark-info-bg-color:rgba(56,139,253,.1);--d2h-dark-info-border-color:rgba(56,139,253,.4);--d2h-dark-change-label-color:#d29922;--d2h-dark-moved-label-color:#3572b0}.d2h-wrapper{text-align:left}.d2h-file-header{background-color:#f7f7f7;background-color:var(--d2h-file-header-bg-color);border-bottom:1px solid #d8d8d8;border-bottom:1px solid var(--d2h-file-header-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;height:35px;padding:5px 10px}.d2h-file-header.d2h-sticky-header{position:sticky;top:0;z-index:1}.d2h-file-stats{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;margin-left:auto}.d2h-lines-added{border:1px solid #b4e2b4;border:1px solid var(--d2h-ins-border-color);border-radius:5px 0 0 5px;color:#399839;color:var(--d2h-ins-label-color);padding:2px;text-align:right;vertical-align:middle}.d2h-lines-deleted{border:1px solid #e9aeae;border:1px solid var(--d2h-del-border-color);border-radius:0 5px 5px 0;color:#c33;color:var(--d2h-del-label-color);margin-left:1px;padding:2px;text-align:left;vertical-align:middle}.d2h-file-name-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px;width:100%}.d2h-file-name{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.d2h-file-wrapper{border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;margin-bottom:1em}.d2h-file-collapse{-webkit-box-pack:end;-ms-flex-pack:end;cursor:pointer;display:none;font-size:12px;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;padding:4px 8px}.d2h-file-collapse.d2h-selected{background-color:#c8e1ff;background-color:var(--d2h-selected-color)}.d2h-file-collapse-input{margin:0 4px 0 0}.d2h-diff-table{border-collapse:collapse;font-family:Menlo,Consolas,monospace;font-size:13px;width:100%}.d2h-files-diff{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.d2h-file-diff{overflow-y:hidden}.d2h-file-diff.d2h-d-none,.d2h-files-diff.d2h-d-none{display:none}.d2h-file-side-diff{display:inline-block;overflow-x:scroll;overflow-y:hidden;width:50%}.d2h-code-line{padding:0 8em;width:calc(100% - 16em)}.d2h-code-line,.d2h-code-side-line{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.d2h-code-side-line{padding:0 4.5em;width:calc(100% - 9em)}.d2h-code-line-ctn{background:none;display:inline-block;padding:0;word-wrap:normal;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;vertical-align:middle;white-space:pre;width:100%}.d2h-code-line del,.d2h-code-side-line del{background-color:#ffb6ba;background-color:var(--d2h-del-highlight-bg-color)}.d2h-code-line del,.d2h-code-line ins,.d2h-code-side-line del,.d2h-code-side-line ins{border-radius:.2em;display:inline-block;margin-top:-1px;-webkit-text-decoration:none;text-decoration:none}.d2h-code-line ins,.d2h-code-side-line ins{background-color:#97f295;background-color:var(--d2h-ins-highlight-bg-color);text-align:left}.d2h-code-line-prefix{background:none;display:inline;padding:0;word-wrap:normal;white-space:pre}.line-num1{float:left}.line-num1,.line-num2{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:0 .5em;text-overflow:ellipsis;width:3.5em}.line-num2{float:right}.d2h-code-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.3);color:var(--d2h-dim-color);cursor:pointer;display:inline-block;position:absolute;text-align:right;width:7.5em}.d2h-code-linenumber:after{content:"\200b"}.d2h-code-side-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);border-width:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.3);color:var(--d2h-dim-color);cursor:pointer;display:inline-block;overflow:hidden;padding:0 .5em;position:absolute;text-align:right;text-overflow:ellipsis;width:4em}.d2h-code-side-linenumber:after{content:"\200b"}.d2h-code-side-emptyplaceholder,.d2h-emptyplaceholder{background-color:#f1f1f1;background-color:var(--d2h-empty-placeholder-bg-color);border-color:#e1e1e1;border-color:var(--d2h-empty-placeholder-border-color)}.d2h-code-line-prefix,.d2h-code-linenumber,.d2h-code-side-linenumber,.d2h-emptyplaceholder{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d2h-code-linenumber,.d2h-code-side-linenumber{direction:rtl}.d2h-del{background-color:#fee8e9;background-color:var(--d2h-del-bg-color);border-color:#e9aeae;border-color:var(--d2h-del-border-color)}.d2h-ins{background-color:#dfd;background-color:var(--d2h-ins-bg-color);border-color:#b4e2b4;border-color:var(--d2h-ins-border-color)}.d2h-info{background-color:#f8fafd;background-color:var(--d2h-info-bg-color);border-color:#d5e4f2;border-color:var(--d2h-info-border-color);color:rgba(0,0,0,.3);color:var(--d2h-dim-color)}.d2h-file-diff .d2h-del.d2h-change{background-color:#fdf2d0;background-color:var(--d2h-change-del-color)}.d2h-file-diff .d2h-ins.d2h-change{background-color:#ded;background-color:var(--d2h-change-ins-color)}.d2h-file-list-wrapper{margin-bottom:10px}.d2h-file-list-wrapper a{-webkit-text-decoration:none;text-decoration:none}.d2h-file-list-wrapper a,.d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-moved-label-color)}.d2h-file-list-header{text-align:left}.d2h-file-list-title{font-weight:700}.d2h-file-list-line{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.d2h-file-list{display:block;list-style:none;margin:0;padding:0}.d2h-file-list>li{border-bottom:1px solid #ddd;border-bottom:1px solid var(--d2h-border-color);margin:0;padding:5px 10px}.d2h-file-list>li:last-child{border-bottom:none}.d2h-file-switch{cursor:pointer;display:none;font-size:10px}.d2h-icon{fill:currentColor;margin-right:10px;vertical-align:middle}.d2h-deleted{color:#c33;color:var(--d2h-del-label-color)}.d2h-added{color:#399839;color:var(--d2h-ins-label-color)}.d2h-changed{color:#d0b44c;color:var(--d2h-change-label-color)}.d2h-moved{color:#3572b0;color:var(--d2h-moved-label-color)}.d2h-tag{background-color:#fff;background-color:var(--d2h-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;margin-left:5px;padding:0 2px}.d2h-deleted-tag{border:1px solid #c33;border:1px solid var(--d2h-del-label-color)}.d2h-added-tag{border:1px solid #399839;border:1px solid var(--d2h-ins-label-color)}.d2h-changed-tag{border:1px solid #d0b44c;border:1px solid var(--d2h-change-label-color)}.d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-moved-label-color)}.d2h-dark-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:#e6edf3;color:var(--d2h-dark-color)}.d2h-dark-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-dark-color-scheme .d2h-lines-added{border:1px solid rgba(46,160,67,.4);border:1px solid var(--d2h-dark-ins-border-color);color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-lines-deleted{border:1px solid rgba(248,81,73,.4);border:1px solid var(--d2h-dark-del-border-color);color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-code-line del,.d2h-dark-color-scheme .d2h-code-side-line del{background-color:rgba(248,81,73,.4);background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-dark-color-scheme .d2h-code-line ins,.d2h-dark-color-scheme .d2h-code-side-line ins{background-color:rgba(46,160,67,.4);background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-dark-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:hsla(215,8%,47%,.1);background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-dark-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-del{background-color:rgba(248,81,73,.1);background-color:var(--d2h-dark-del-bg-color);border-color:rgba(248,81,73,.4);border-color:var(--d2h-dark-del-border-color)}.d2h-dark-color-scheme .d2h-ins{background-color:rgba(46,160,67,.15);background-color:var(--d2h-dark-ins-bg-color);border-color:rgba(46,160,67,.4);border-color:var(--d2h-dark-ins-border-color)}.d2h-dark-color-scheme .d2h-info{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-info-bg-color);border-color:rgba(56,139,253,.4);border-color:var(--d2h-dark-info-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:rgba(210,153,34,.2);background-color:var(--d2h-dark-change-del-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:rgba(46,160,67,.25);background-color:var(--d2h-dark-change-ins-color)}.d2h-dark-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-selected-color)}.d2h-dark-color-scheme .d2h-file-list-wrapper a,.d2h-dark-color-scheme .d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added{color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed{color:#d29922;color:var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}@media (prefers-color-scheme:dark){.d2h-auto-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:#e6edf3;color:var(--d2h-dark-color)}.d2h-auto-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-auto-color-scheme .d2h-lines-added{border:1px solid rgba(46,160,67,.4);border:1px solid var(--d2h-dark-ins-border-color);color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-lines-deleted{border:1px solid rgba(248,81,73,.4);border:1px solid var(--d2h-dark-del-border-color);color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-code-line del,.d2h-auto-color-scheme .d2h-code-side-line del{background-color:rgba(248,81,73,.4);background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-auto-color-scheme .d2h-code-line ins,.d2h-auto-color-scheme .d2h-code-side-line ins{background-color:rgba(46,160,67,.4);background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-auto-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-auto-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:hsla(215,8%,47%,.1);background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-auto-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-del{background-color:rgba(248,81,73,.1);background-color:var(--d2h-dark-del-bg-color);border-color:rgba(248,81,73,.4);border-color:var(--d2h-dark-del-border-color)}.d2h-auto-color-scheme .d2h-ins{background-color:rgba(46,160,67,.15);background-color:var(--d2h-dark-ins-bg-color);border-color:rgba(46,160,67,.4);border-color:var(--d2h-dark-ins-border-color)}.d2h-auto-color-scheme .d2h-info{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-info-bg-color);border-color:rgba(56,139,253,.4);border-color:var(--d2h-dark-info-border-color);color:#6e7681;color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:rgba(210,153,34,.2);background-color:var(--d2h-dark-change-del-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:rgba(46,160,67,.25);background-color:var(--d2h-dark-change-ins-color)}.d2h-auto-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-file-collapse.d2h-selected{background-color:rgba(56,139,253,.1);background-color:var(--d2h-dark-selected-color)}.d2h-auto-color-scheme .d2h-file-list-wrapper a,.d2h-auto-color-scheme .d2h-file-list-wrapper a:visited{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:#f85149;color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added{color:#3fb950;color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed{color:#d29922;color:var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved{color:#3572b0;color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}}
@keyframes breathing {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}

.badge-breathing .arco-badge-status-dot {
  animation: breathing 1.5s ease-in-out infinite;
}

.PM4U5Dp7FksAKnRlm16S {
  width: clamp(var(--app-min-width, 360px), calc(100% - 32px), 800px);
  max-width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  margin: 0 auto;
}

.K2IHZCz8UhQcXj1hQ27W {
  width: 100%;
  box-sizing: border-box;
}

.vnOlvYOpey2EW5aUkhBr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
  margin-top: 12px;
}

.ncU1LPYRJFEA4KNBWuzX {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 1;
  min-width: 0;
}

.syzuNGP9TnE1aeWAoKQO {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
}

.OQsFhwhQluM4vNFWHl80::placeholder {
  color: #a1a2aa;
  opacity: 1;
}

.W9oduu4oJ8UBETa8MrU4 {
  animation: nnDTZaUxcT8H3FjHg0uZ 0.3s ease-in-out;
}

@keyframes nnDTZaUxcT8H3FjHg0uZ {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}

/* 移动端优化 */
@media (max-width: 768px) {
  .PM4U5Dp7FksAKnRlm16S {
    width: clamp(var(--app-min-width, 360px), calc(100% - 32px), 100%);
    padding: 0 16px;
    padding-bottom: 100px; /* 为底部快捷按钮留出空间 */
    box-sizing: border-box;
  }

  .K2IHZCz8UhQcXj1hQ27W {
    width: 100%;
  }

  .vnOlvYOpey2EW5aUkhBr {
    flex-wrap: nowrap;
    gap: 8px;
  }

  .ncU1LPYRJFEA4KNBWuzX {
    gap: 8px;
    flex-shrink: 1;
    min-width: 0;
  }

  .syzuNGP9TnE1aeWAoKQO {
    flex-shrink: 0;
    margin-left: 8px;
  }
}

/* 移动端容器滚动支持 */
.UPczoFLDX_nt62RM37v1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  position: relative;
}

@media (max-width: 768px) {
  .UPczoFLDX_nt62RM37v1 {
    justify-content: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 20px;
    -webkit-overflow-scrolling: touch;
  }
}

/* 浅色占位符 */
.OQsFhwhQluM4vNFWHl80 textarea::placeholder {
  color: #a1a2aa !important;
  opacity: 1 !important;
}

/* 预设助手标签 */
.dYjjXi3PRCBhuHYUn70V {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--color-fill-2);
  padding: 4px 6px 4px 10px;
  border-radius: 16px;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s;
  max-width: 100%;
  min-width: 0;
}

.dYjjXi3PRCBhuHYUn70V:hover {
  background: var(--color-fill-3);
}

.fWOesEdyOaxW9rG5M0PO {
  font-size: 14px;
  color: var(--color-text-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.X4zG8yULxCxyLSN0WOxe {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-left: 2px;
  transition: background-color 0.2s;
  flex-shrink: 0;
}

.X4zG8yULxCxyLSN0WOxe:hover {
  background: var(--color-fill-4);
}

/* 移动端助手标签优化 */
@media (max-width: 768px) {
  .fWOesEdyOaxW9rG5M0PO {
    max-width: 120px;
  }

  .ncU1LPYRJFEA4KNBWuzX {
    gap: 6px;
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
  }
}

/* iPhone专门优化 */
@supports (-webkit-touch-callout: none) {
  .vnOlvYOpey2EW5aUkhBr {
    flex-wrap: nowrap !important;
  }

  .ncU1LPYRJFEA4KNBWuzX {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
  }

  .syzuNGP9TnE1aeWAoKQO {
    flex-shrink: 0;
  }

  .fWOesEdyOaxW9rG5M0PO {
    max-width: 100px;
  }
}

.login-page {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  background: linear-gradient(135deg, #97a0c5 0%, #596590 100%);
  overflow: hidden;
}

body.login-page-active {
  overflow: hidden;
}

.login-page__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}

.login-page__background-circle {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  animation: login-float 20s infinite ease-in-out;
}

.login-page__background-circle--lg {
  width: 500px;
  height: 500px;
  top: -250px;
  left: -250px;
  animation-delay: 0s;
}

.login-page__background-circle--md {
  width: 350px;
  height: 350px;
  bottom: -175px;
  right: -175px;
  animation-delay: 5s;
}

.login-page__background-circle--sm {
  width: 250px;
  height: 250px;
  top: 50%;
  right: 10%;
  animation-delay: 10s;
}

@keyframes login-float {
  0%,
  100% {
    transform: translateY(0) translateX(0) scale(1);
  }
  25% {
    transform: translateY(-20px) translateX(10px) scale(1.05);
  }
  50% {
    transform: translateY(-10px) translateX(-10px) scale(0.95);
  }
  75% {
    transform: translateY(10px) translateX(5px) scale(1.02);
  }
}

.login-page__card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 360px;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(18px);
  border-radius: 20px;
  box-shadow: 0 16px 64px rgba(0, 0, 0, 0.18);
  padding: 36px 28px 32px;
  animation: login-slide-up 0.6s ease-out;
}

@keyframes login-slide-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.login-page__lang-select-wrapper {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  font-size: 13px;
  color: #555;
}

.login-page__lang-label {
  font-weight: 500;
}

.login-page__lang-select {
  min-width: 140px;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: white;
  color: #333;
  font-size: 13px;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.login-page__lang-select:hover,
.login-page__lang-select:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
  outline: none;
}

.login-page__lang-select option {
  color: #333;
}

.login-page__header {
  text-align: center;
  margin-bottom: 28px;
}

.login-page__logo {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}

.login-page__logo svg,
.login-page__logo img {
  width: 64px;
  height: 64px;
  animation: login-pulse 3s infinite;
}

@keyframes login-pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.login-page__title {
  font-size: 28px;
  font-weight: 700;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 0 8px 0;
  letter-spacing: -0.5px;
}

.login-page__subtitle {
  font-size: 14px;
  color: #666;
  margin: 0;
  font-weight: 400;
}

.login-page__form {
  margin-bottom: 24px;
}

.login-page__form-item {
  margin-bottom: 20px;
}

.login-page__label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.login-page__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.login-page__input-icon {
  position: absolute;
  left: 14px;
  width: 16px;
  height: 16px;
  color: #999;
  pointer-events: none;
}

.login-page__input {
  width: 100%;
  height: 44px;
  padding: 10px 14px 10px 44px;
  border: 1px solid #ddd;
  border-radius: 12px;
  font-size: 15px;
  transition: all 0.3s;
  background: white;
}

.login-page__input:hover {
  border-color: #667eea;
}

.login-page__input:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.login-page__toggle-password {
  position: absolute;
  right: 14px;
  width: 18px;
  height: 18px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #999;
  transition: color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-page__toggle-password:hover {
  color: #667eea;
}

.login-page__checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  margin-top: -6px;
}

.login-page__checkbox input[type='checkbox'] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #667eea;
}

.login-page__checkbox label {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  user-select: none;
}

.login-page__submit {
  width: 100%;
  height: 46px;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 12px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  color: white;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.login-page__submit:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);
}

.login-page__submit:active:not(:disabled) {
  transform: translateY(0);
}

.login-page__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.login-page__spinner {
  animation: login-spin 1s linear infinite;
}

@keyframes login-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.login-page__message {
  margin-top: 16px;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  display: none;
}

.login-page__message--visible {
  display: block;
  animation: login-fade-in 0.3s ease-out;
}

@keyframes login-fade-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.login-page__message--error {
  background-color: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
}

.login-page__message--success {
  background-color: #f0fdf4;
  color: #16a34a;
  border: 1px solid #bbf7d0;
}

.login-page__footer {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.login-page__footer-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  color: #999;
}

.login-page__footer-divider {
  color: #ddd;
}

@media (max-width: 600px) {
  .login-page__card {
    margin: 20px;
    padding: 32px 24px;
    border-radius: 16px;
  }

  .login-page__title {
    font-size: 28px;
  }

  .login-page__subtitle {
    font-size: 14px;
  }

  .login-page__logo svg {
    width: 60px;
    height: 60px;
  }

  .login-page__background-circle {
    display: none;
  }
}

*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
        * {
          /* Set default text color to follow theme 所有元素默认使用主题文字颜色 */
          color: inherit;
        }
      .flex-center{display:flex;align-items:center;justify-content:center;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none;}.\[background\:linear-gradient\(270deg\,var\(--bg-2\)_0\%\,transparent_100\%\)\]{background:linear-gradient(270deg,var(--bg-2) 0%,transparent 100%);}.\[background\:linear-gradient\(90deg\,var\(--bg-2\)_0\%\,transparent_100\%\)\]{background:linear-gradient(90deg,var(--bg-2) 0%,transparent 100%);}.\[scrollbar-width\:none\]{scrollbar-width:none;}.\[word-break\:break-word\]{word-break:break-word;}.focus-within\:pointer-events-auto:focus-within{pointer-events:auto;}.group:hover .group-hover\:pointer-events-auto{pointer-events:auto;}.pointer-events-none{pointer-events:none;}.visible,.group:hover .group-hover\:visible{visibility:visible;}.invisible{visibility:hidden;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.static{position:static;}.inset-0{inset:0;}.-right-2px{right:-2px;}.-right-4px{right:-4px;}.-top-2px{top:-2px;}.-top-4px{top:-4px;}.bottom-0{bottom:0;}.bottom-20px{bottom:20px;}.bottom-32px{bottom:32px;}.left-0{left:0;}.left-50\%{left:50%;}.right-0,.right-0px{right:0;}.right-2{right:0.5rem;}.right-4{right:1rem;}.right-40px{right:40px;}.right-8px{right:8px;}.top-0,.top-0px{top:0;}.top-1\/2{top:50%;}.top-2{top:0.5rem;}.top-20px{top:20px;}.top-8px{top:8px;}.z-10{z-index:10;}.z-100{z-index:100;}.z-20{z-index:20;}.z-30{z-index:30;}.z-50{z-index:50;}.z-90{z-index:90;}.z-9999{z-index:9999;}.grid{display:grid;}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr));}.m-0{margin:0;}.m-auto{margin:auto;}.-mx-4px{margin-left:-4px;margin-right:-4px;}.\!my-10px{margin-top:10px !important;margin-bottom:10px !important;}.\!my-8px{margin-top:8px !important;margin-bottom:8px !important;}.mx-2px{margin-left:2px;margin-right:2px;}.mx-8px{margin-left:8px;margin-right:8px;}.mx-auto{margin-left:auto;margin-right:auto;}.my,.my-4{margin-top:1rem;margin-bottom:1rem;}.my-\[12px\],.my-12px{margin-top:12px;margin-bottom:12px;}.my-16px{margin-top:16px;margin-bottom:16px;}.my-2px{margin-top:2px;margin-bottom:2px;}.my-4px{margin-top:4px;margin-bottom:4px;}.my-8px{margin-top:8px;margin-bottom:8px;}.\!mb-0{margin-bottom:0 !important;}.\!mb-12px{margin-bottom:12px !important;}.\[\&\.conversation-item\+\&\.conversation-item\]\:mt-2px.conversation-item+.\[\&\.conversation-item\+\&\.conversation-item\]\:mt-2px.conversation-item,.m-t-2px,.mt-2px{margin-top:2px;}.\[\&\>p\:first-child\]\:mt-0px>p:first-child,.mt-0px{margin-top:0;}.\[\&\>p\:last-child\]\:mb-0px>p:last-child{margin-bottom:0;}.m-b-20px,.mb-20px{margin-bottom:20px;}.m-r-8px,.mr-8px{margin-right:8px;}.m-t-10px,.mt-10px{margin-top:10px;}.mb-1{margin-bottom:0.25rem;}.mb-10px{margin-bottom:10px;}.mb-12px{margin-bottom:12px;}.mb-16px{margin-bottom:16px;}.mb-2{margin-bottom:0.5rem;}.mb-24px{margin-bottom:24px;}.mb-2px{margin-bottom:2px;}.mb-3{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.mb-4px{margin-bottom:4px;}.mb-6{margin-bottom:1.5rem;}.mb-6px{margin-bottom:6px;}.mb-8{margin-bottom:2rem;}.mb-8px{margin-bottom:8px;}.me{margin-inline-end:1rem;}.ml-\[8px\],.ml-8px,.group:hover .group-hover\:ml-8px{margin-left:8px;}.ml-0px{margin-left:0;}.ml-1{margin-left:0.25rem;}.ml-10px{margin-left:10px;}.ml-16px{margin-left:16px;}.ml-2px{margin-left:2px;}.ml-4px{margin-left:4px;}.ml-6px{margin-left:6px;}.ml-auto{margin-left:auto;}.mr-\[12px\],.mr-12px{margin-right:12px;}.mr-0px{margin-right:0;}.mr-10px{margin-right:10px;}.mr-4px{margin-right:4px;}.ms{margin-inline-start:1rem;}.mt-1{margin-top:0.25rem;}.mt-12px{margin-top:12px;}.mt-16px{margin-top:16px;}.mt-2{margin-top:0.5rem;}.mt-20px{margin-top:20px;}.mt-24px{margin-top:24px;}.mt-3{margin-top:0.75rem;}.mt-4{margin-top:1rem;}.mt-4px{margin-top:4px;}.mt-6px{margin-top:6px;}.mt-8px{margin-top:8px;}.mt-auto{margin-top:auto;}.box-border{box-sizing:border-box;}.inline{display:inline;}.block{display:block;}.\[\&_svg\]\:inline-block svg,.inline-block{display:inline-block;}.\!\[\&_\.line-num1\]\:hidden .line-num1{display:none !important;}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.hidden{display:none;}.\!\[\&_\.line-num2\]\:w-30px .line-num2{width:30px !important;}.\!max-w-max{max-width:max-content !important;}.\[\&_\.arco-alert-content-wrapper\]\:w-full .arco-alert-content-wrapper,.\[\&_\.arco-image-img\]\:w-full .arco-image-img,.w-full{width:100%;}.\[\&_\.arco-image-img\]\:h-full .arco-image-img,.h-full{height:100%;}.\[\&_td\:first-child\]\:w-40px td:first-child,.w-40px{width:40px;}.\[\&\>div\]\:max-w-full>div,.max-w-100\%,.max-w-full{max-width:100%;}.h-\[16px\],.h-16px{height:16px;}.h-\[21px\]{height:21px;}.h-\[24px\],.h-24px{height:24px;}.h-\[32px\],.h-32px{height:32px;}.h-\[calc\(100\%-72px-16px\)\]{height:calc(100% - 72px - 16px);}.h-1\/3{height:33.3333333333%;}.h-100px{height:100px;}.h-10px{height:10px;}.h-112px{height:112px;}.h-140px{height:140px;}.h-14px{height:14px;}.h-1px{height:1px;}.h-200px{height:200px;}.h-20px{height:20px;}.h-26px{height:26px;}.h-275px{height:275px;}.h-28px{height:28px;}.h-2px{height:2px;}.h-30px{height:30px;}.h-36px{height:36px;}.h-400px{height:400px;}.h-40px{height:40px;}.h-48px{height:48px;}.h-5\.5{height:1.375rem;}.h-56px{height:56px;}.h-6{height:1.5rem;}.h-60px{height:60px;}.h-6px{height:6px;}.h-80px{height:80px;}.h-8px{height:8px;}.h1{height:0.25rem;}.max-h-\[200px\],.max-h-200px{max-height:200px;}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px);}.max-h-0{max-height:0;}.max-h-100\%{max-height:100%;}.max-h-300px{max-height:300px;}.max-h-360px{max-height:360px;}.max-h-40{max-height:10rem;}.max-h-500px{max-height:500px;}.max-h-60{max-height:15rem;}.max-h-none{max-height:none;}.max-w-\[50\%\]{max-width:50%;}.max-w-\[70vw\]{max-width:70vw;}.max-w-\[80\%\]{max-width:80%;}.max-w-0{max-width:0;}.max-w-1100px{max-width:1100px;}.max-w-1200px{max-width:1200px;}.max-w-150px{max-width:150px;}.max-w-240px{max-width:240px;}.max-w-300px{max-width:300px;}.max-w-320px{max-width:320px;}.max-w-360px{max-width:360px;}.max-w-400px{max-width:400px;}.max-w-480px{max-width:480px;}.max-w-500px{max-width:500px;}.max-w-560px{max-width:560px;}.max-w-640px{max-width:640px;}.max-w-6xl{max-width:72rem;}.max-w-800px{max-width:800px;}.min-h-\[180px\]{min-height:180px;}.min-h-\[60px\]{min-height:60px;}.min-h-0{min-height:0;}.min-h-40px{min-height:40px;}.min-h-full{min-height:100%;}.min-w-0{min-width:0;}.min-w-100px{min-width:100px;}.min-w-120px{min-width:120px;}.min-w-160px{min-width:160px;}.min-w-180px{min-width:180px;}.min-w-200px{min-width:200px;}.min-w-220px{min-width:220px;}.min-w-80px{min-width:80px;}.min-w-full{min-width:100%;}.w-\[100px\]{width:100px;}.w-\[16px\],.w-16px{width:16px;}.w-\[21px\]{width:21px;}.w-\[90vw\]{width:90vw;}.w-1\/3{width:33.3333333333%;}.w-120px{width:120px;}.w-140px{width:140px;}.w-14px{width:14px;}.w-160px{width:160px;}.w-180px{width:180px;}.w-24px{width:24px;}.w-280px{width:280px;}.w-28px{width:28px;}.w-2px{width:2px;}.w-32px{width:32px;}.w-36px{width:36px;}.w-400px{width:400px;}.w-48px{width:48px;}.w-5\.5{width:1.375rem;}.w-56px{width:56px;}.w-6{width:1.5rem;}.w-60px{width:60px;}.w-6px,.group:hover .group-hover\:w-6px,.group:active .group-active\:w-6px{width:6px;}.w-8px{width:8px;}.w-fit{width:fit-content;}.w-max{width:max-content;}.group:hover .group-hover\:max-w-100px{max-width:100px;}.group:hover .group-hover\:max-w-250px{max-width:250px;}.hover\:w-200px:hover{width:200px;}.\[\&_\.arco-alert-content-wrapper\]\:flex .arco-alert-content-wrapper,.\[\&_\.arco-alert-icon\]\:flex .arco-alert-icon,.flex,.group:hover .group-hover\:flex{display:flex;}.inline-flex{display:inline-flex;}.\[\&_\.arco-alert-content\]\:flex-1 .arco-alert-content,.\[\&_\.arco-collapse-item-header-title\]\:flex-1 .arco-collapse-item-header-title,.\[\&_div\.arco-collapse-item-header-title\]\:flex-1 div.arco-collapse-item-header-title,.flex-1{flex:1 1 0%;}.flex-shrink-0,.shrink-0{flex-shrink:0;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.-translate-x-1\/2,.-translate-x-50\%{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-0{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:0deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.scale-0{--un-scale-x:0;--un-scale-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.scale-140{--un-scale-x:1.4;--un-scale-y:1.4;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.group:hover .group-hover\:scale-100{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.hover\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-default{cursor:default;}.cursor-pointer{cursor:pointer;}.cursor-not-allowed{cursor:not-allowed;}.cursor-col-resize{cursor:col-resize;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.\!resize-none{resize:none !important;}.resize-none{resize:none;}.appearance-none{-webkit-appearance:none;appearance:none;}.\!items-start{align-items:flex-start !important;}.\[\&_\.arco-alert-content-wrapper\]\:items-start .arco-alert-content-wrapper,.\[\&_\.arco-alert-icon\]\:items-start .arco-alert-icon,.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.\[\&_div\.d2h-file-header\]\:items-center div.d2h-file-header,.items-center{align-items:center;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.justify-start{justify-content:flex-start;}.hover\:justify-start:hover{justify-content:flex-start;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:0.25rem;}.gap-10px{gap:10px;}.gap-12px{gap:12px;}.gap-16px{gap:16px;}.gap-2{gap:0.5rem;}.gap-24px{gap:24px;}.gap-2px{gap:2px;}.gap-3{gap:0.75rem;}.gap-4{gap:1rem;}.gap-4px{gap:4px;}.gap-6px{gap:6px;}.gap-8px{gap:8px;}.hover\:gap-10px:hover{gap:10px;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.overflow-x-auto{overflow-x:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-y-auto{overflow-y:auto;}.overflow-y-hidden{overflow-y:hidden;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.text-ellipsis{text-overflow:ellipsis;}.whitespace-break-spaces{white-space:break-spaces;}.whitespace-nowrap{white-space:nowrap;}.whitespace-pre-wrap{white-space:pre-wrap;}.break-words{overflow-wrap:break-word;}.break-all{word-break:break-all;}.\[\&_\.arco-select-view\]\:border .arco-select-view,.b,.b-1px,.border{border-width:1px;}.b-2px{border-width:2px;}.border-0{border-width:0px;}.border-x{border-left-width:1px;border-right-width:1px;}.border-b{border-bottom-width:1px;}.border-r{border-right-width:1px;}.border-t{border-top-width:1px;}.\[\&_\.arco-select-view\:focus-within\]\:border-\[var\(--color-primary\)\] .arco-select-view:focus-within,.\[\&_\.arco-select-view\:hover\]\:border-\[var\(--color-primary\)\] .arco-select-view:hover,.border-\[var\(--color-primary\)\]{border-color:var(--color-primary);}.b-\[rgba\(201\,205\,212\,1\)\]{--un-border-opacity:1;border-color:rgba(201, 205, 212, var(--un-border-opacity));}.b-\[rgba\(229\,230\,235\,1\)\]{--un-border-opacity:1;border-color:rgba(229, 230, 235, var(--un-border-opacity));}.b-1,.border-1{border-color:var(--bg-1);}.b-aou-2,.border-\[var\(--aou-2\)\]{border-color:var(--aou-2);}.border-\[\#86909C\]{--un-border-opacity:1;border-color:rgb(134 144 156 / var(--un-border-opacity));}.border-\[color\:var\(--border-base\)\],.border-\[var\(--border-base\)\]{border-color:var(--border-base);}.border-\[color\:var\(--color-border-2\)\],.border-\[var\(--color-border-2\)\],.border-arco-2{border-color:var(--color-border-2);}.border-\[var\(--bg-3\)\],.border-3{border-color:var(--bg-3);}.border-2{border-color:var(--bg-2);}.border-blue-200{--un-border-opacity:1;border-color:rgb(191 219 254 / var(--un-border-opacity));}.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));}.border-green-200{--un-border-opacity:1;border-color:rgb(187 247 208 / var(--un-border-opacity));}.border-orange-200{--un-border-opacity:1;border-color:rgb(254 215 170 / var(--un-border-opacity));}.border-primary{border-color:var(--primary);}.border-red-200{--un-border-opacity:1;border-color:rgb(254 202 202 / var(--un-border-opacity));}.border-t-secondary{border-color:var(--text-secondary);}.border-transparent{border-color:transparent;}.border-yellow-200{--un-border-opacity:1;border-color:rgb(254 240 138 / var(--un-border-opacity));}.dark .dark\:border-blue-800{--un-border-opacity:1;border-color:rgb(30 64 175 / var(--un-border-opacity));}.dark .dark\:border-gray-600{--un-border-opacity:1;border-color:rgb(75 85 99 / var(--un-border-opacity));}.dark .dark\:border-gray-700{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));}.dark .dark\:border-green-800{--un-border-opacity:1;border-color:rgb(22 101 52 / var(--un-border-opacity));}.dark .dark\:border-red-800{--un-border-opacity:1;border-color:rgb(153 27 27 / var(--un-border-opacity));}.dark .dark\:border-yellow-800{--un-border-opacity:1;border-color:rgb(133 77 14 / var(--un-border-opacity));}.hover\:border-\[var\(--color-primary\)\]:hover{border-color:var(--color-primary);}.focus\:border-primary:focus{border-color:var(--primary);}.border-b-2{border-bottom-color:var(--bg-2);}.border-b-base{border-bottom-color:var(--bg-base);}.border-b-light{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(246 246 246 / var(--un-border-bottom-opacity));}.border-t-transparent{border-top-color:transparent;}.\!rd-8px{border-radius:8px !important;}.\[\&_\.arco-select-view\]\:rounded-\[4px\] .arco-select-view,.rd-4px,.rounded-4px{border-radius:4px;}.\[\&_\.cm-editor\]\:rounded-\[6px\] .cm-editor,.rd-6px,.rounded-6px{border-radius:6px;}.\[\&_div\.d2h-file-wrapper\]\:rd-\[0\.3rem_0\.3rem_0px_0px\] div.d2h-file-wrapper{border-radius:0.3rem 0.3rem 0px 0px;}.rd-0\.5rem,.rounded-lg{border-radius:0.5rem;}.rd-100px,.rounded-\[100px\]{border-radius:100px;}.rd-10px,.rounded-10px{border-radius:10px;}.rd-12px,.rounded-12px{border-radius:12px;}.rd-14px{border-radius:14px;}.rd-16px,.rounded-\[16px\],.rounded-16px{border-radius:16px;}.rd-20px,.rounded-20px{border-radius:20px;}.rd-2px{border-radius:2px;}.rd-50\%{border-radius:50%;}.rd-8px,.rounded-8px{border-radius:8px;}.rd-full,.rounded-full{border-radius:9999px;}.rounded{border-radius:0.25rem;}.rounded-\[15px\]{border-radius:15px;}.rounded-2xl{border-radius:1rem;}.rounded-md{border-radius:0.375rem;}.rounded-none{border-radius:0;}.rounded-sm{border-radius:0.125rem;}.rounded-xl{border-radius:0.75rem;}.hover\:rd-28px:hover{border-radius:28px;}.rd-tr-2px{border-top-right-radius:2px;}.rounded-tl-\[16px\]{border-top-left-radius:16px;}.rounded-tr-\[16px\]{border-top-right-radius:16px;}.\!b-none{border-style:none !important;}.\[\&_\.arco-select-view\]\:border-solid .arco-select-view,.b-solid,.border-solid{border-style:solid;}.b-dashed,.border-dashed{border-style:dashed;}.border-none{border-style:none;}.focus\:b-none:focus{border-style:none;}.\!bg-\[var\(--fill-0\)\]{background-color:var(--fill-0) /* var(--fill-0) */ !important;}.\!bg-1{background-color:var(--bg-1) /* var(--bg-1) */ !important;}.\!bg-2{background-color:var(--bg-2) /* var(--bg-2) */ !important;}.\!bg-active{background-color:var(--bg-active) /* var(--bg-active) */ !important;}.\!bg-aou-2{background-color:var(--aou-2) /* var(--aou-2) */ !important;}.\!bg-transparent{background-color:transparent /* transparent */ !important;}.\[\&_\.arco-select-view-disabled\]\:bg-\[var\(--color-bg-2\)\] .arco-select-view-disabled{background-color:var(--color-bg-2) /* var(--color-bg-2) */;}.bg-\[\#00b42a\]{--un-bg-opacity:1;background-color:rgb(0 180 42 / var(--un-bg-opacity)) /* #00b42a */;}.bg-\[\#86909c\]{--un-bg-opacity:1;background-color:rgb(134 144 156 / var(--un-bg-opacity)) /* #86909c */;}.bg-\[\#f53f3f\]{--un-bg-opacity:1;background-color:rgb(245 63 63 / var(--un-bg-opacity)) /* #f53f3f */;}.bg-\[\#ff7d00\]{--un-bg-opacity:1;background-color:rgb(255 125 0 / var(--un-bg-opacity)) /* #ff7d00 */;}.bg-\[rgb\(var\(--danger-6\)\)\]\/12{background-color:rgb(var(--danger-6) / 0.12) /* rgb(var(--danger-6)) */;}.bg-\[rgb\(var\(--primary-6\)\)\]\/12{background-color:rgb(var(--primary-6) / 0.12) /* rgb(var(--primary-6)) */;}.bg-\[rgb\(var\(--success-6\)\)\]\/12{background-color:rgb(var(--success-6) / 0.12) /* rgb(var(--success-6)) */;}.bg-\[rgba\(22\,93\,255\,1\)\]{--un-bg-opacity:1;background-color:rgba(22, 93, 255, var(--un-bg-opacity)) /* rgba(22,93,255,1) */;}.bg-\[var\(--fill-0\)\]{background-color:var(--fill-0) /* var(--fill-0) */;}.bg-\[var\(--fill-1\)\]{background-color:var(--fill-1) /* var(--fill-1) */;}.bg-1{background-color:var(--bg-1) /* var(--bg-1) */;}.bg-2{background-color:var(--bg-2) /* var(--bg-2) */;}.bg-3{background-color:var(--bg-3) /* var(--bg-3) */;}.bg-6{background-color:var(--bg-6) /* var(--bg-6) */;}.bg-aou-2{background-color:var(--aou-2) /* var(--aou-2) */;}.bg-base,.bg-base\/95{background-color:var(--bg-base) /* var(--bg-base) */;}.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity)) /* #000 */;}.bg-black\/30{background-color:rgb(0 0 0 / 0.3) /* #000 */;}.bg-blue-50{--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity)) /* #eff6ff */;}.bg-blue-500{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity)) /* #3b82f6 */;}.bg-current{background-color:currentColor /* currentColor */;}.bg-green-100{--un-bg-opacity:1;background-color:rgb(220 252 231 / var(--un-bg-opacity)) /* #dcfce7 */;}.bg-green-50{--un-bg-opacity:1;background-color:rgb(240 253 244 / var(--un-bg-opacity)) /* #f0fdf4 */;}.bg-message-tips{background-color:var(--message-tips-bg) /* var(--message-tips-bg) */;}.bg-orange-100{--un-bg-opacity:1;background-color:rgb(255 237 213 / var(--un-bg-opacity)) /* #ffedd5 */;}.bg-primary{background-color:var(--primary) /* var(--primary) */;}.bg-red-100{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity)) /* #fee2e2 */;}.bg-red-50{--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity)) /* #fef2f2 */;}.bg-red-500{--un-bg-opacity:1;background-color:rgb(239 68 68 / var(--un-bg-opacity)) /* #ef4444 */;}.bg-transparent{background-color:transparent /* transparent */;}.bg-warning\/10{background-color:var(--warning) /* var(--warning) */;}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}.bg-white\/20{background-color:rgb(255 255 255 / 0.2) /* #fff */;}.bg-yellow-100{--un-bg-opacity:1;background-color:rgb(254 249 195 / var(--un-bg-opacity)) /* #fef9c3 */;}.bg-yellow-50{--un-bg-opacity:1;background-color:rgb(254 252 232 / var(--un-bg-opacity)) /* #fefce8 */;}.dark .dark\:bg-blue-900\/20{background-color:rgb(30 58 138 / 0.2) /* #1e3a8a */;}.dark .dark\:bg-gray-700{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity)) /* #374151 */;}.dark .dark\:bg-gray-800{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity)) /* #1f2937 */;}.dark .dark\:bg-green-900{--un-bg-opacity:1;background-color:rgb(20 83 45 / var(--un-bg-opacity)) /* #14532d */;}.dark .dark\:bg-green-900\/20{background-color:rgb(20 83 45 / 0.2) /* #14532d */;}.dark .dark\:bg-red-900{--un-bg-opacity:1;background-color:rgb(127 29 29 / var(--un-bg-opacity)) /* #7f1d1d */;}.dark .dark\:bg-red-900\/20{background-color:rgb(127 29 29 / 0.2) /* #7f1d1d */;}.dark .dark\:bg-yellow-900{--un-bg-opacity:1;background-color:rgb(113 63 18 / var(--un-bg-opacity)) /* #713f12 */;}.dark .dark\:bg-yellow-900\/20{background-color:rgb(113 63 18 / 0.2) /* #713f12 */;}.\!hover\:bg-transparent:hover{background-color:transparent /* transparent */ !important;}.group:hover .group-hover\:bg-aou-6,.group:active .group-active\:bg-aou-6{background-color:var(--aou-6) /* var(--aou-6) */;}.hover\:bg-\[rgba\(229\,231\,240\,1\)\]:hover{--un-bg-opacity:1;background-color:rgba(229, 231, 240, var(--un-bg-opacity)) /* rgba(229,231,240,1) */;}.hover\:bg-\[var\(--color-fill-2\)\]:hover{background-color:var(--color-fill-2) /* var(--color-fill-2) */;}.hover\:bg-\[var\(--fill-2\)\]:hover{background-color:var(--fill-2) /* var(--fill-2) */;}.hover\:bg-1:hover{background-color:var(--bg-1) /* var(--bg-1) */;}.hover\:bg-2:hover{background-color:var(--bg-2) /* var(--bg-2) */;}.hover\:bg-3:hover{background-color:var(--bg-3) /* var(--bg-3) */;}.hover\:bg-4:hover{background-color:var(--bg-4) /* var(--bg-4) */;}.hover\:bg-aou-1:hover{background-color:var(--aou-1) /* var(--aou-1) */;}.hover\:bg-hover:hover{background-color:var(--bg-hover) /* var(--bg-hover) */;}.hover\:bg-transparent:hover{background-color:transparent /* transparent */;}.hover\:bg-white\/40:hover{background-color:rgb(255 255 255 / 0.4) /* #fff */;}.\!focus\:bg-transparent:focus{background-color:transparent /* transparent */ !important;}.hover\:fill-\[rgb\(var\(--danger-6\)\)\]:hover{--un-fill-opacity:1;fill:rgb(var(--danger-6) / var(--un-fill-opacity)) /* rgb(var(--danger-6)) */;}.hover\:fill-primary:hover{fill:var(--primary) /* var(--primary) */;}.\!p-0{padding:0 !important;}.p-0{padding:0;}.p-1{padding:0.25rem;}.p-10px{padding:10px;}.p-12px{padding:12px;}.p-16px{padding:16px;}.p-2{padding:0.5rem;}.p-20px{padding:20px;}.p-24px{padding:24px;}.p-2px{padding:2px;}.p-3{padding:0.75rem;}.p-32px{padding:32px;}.p-4{padding:1rem;}.p-4px{padding:4px;}.p-6{padding:1.5rem;}.p-6px{padding:6px;}.p-8{padding:2rem;}.p-8px{padding:8px;}.\!px-16px{padding-left:16px !important;padding-right:16px !important;}.\!px-8px{padding-left:8px !important;padding-right:8px !important;}.\[\&_div\.arco-collapse-item-content-box\]\:py-3 div.arco-collapse-item-content-box{padding-top:0.75rem;padding-bottom:0.75rem;}.p-x-12px,.px-\[12px\],.px-12px{padding-left:12px;padding-right:12px;}.p-y-8px,.py-8px{padding-top:8px;padding-bottom:8px;}.px{padding-left:1rem;padding-right:1rem;}.px-\[8px\],.px-8px{padding-left:8px;padding-right:8px;}.px-0{padding-left:0;padding-right:0;}.px-1\.5{padding-left:0.375rem;padding-right:0.375rem;}.px-10px{padding-left:10px;padding-right:10px;}.px-14px{padding-left:14px;padding-right:14px;}.px-16px{padding-left:16px;padding-right:16px;}.px-20px{padding-left:20px;padding-right:20px;}.px-24px{padding-left:24px;padding-right:24px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-32px{padding-left:32px;padding-right:32px;}.px-4px{padding-left:4px;padding-right:4px;}.px-6px{padding-left:6px;padding-right:6px;}.py,.py-4{padding-top:1rem;padding-bottom:1rem;}.py-\[24px\],.py-24px{padding-top:24px;padding-bottom:24px;}.py-\[2px\],.py-2px{padding-top:2px;padding-bottom:2px;}.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}.py-10px{padding-top:10px;padding-bottom:10px;}.py-12px{padding-top:12px;padding-bottom:12px;}.py-14px{padding-top:14px;padding-bottom:14px;}.py-16px{padding-top:16px;padding-bottom:16px;}.py-18px{padding-top:18px;padding-bottom:18px;}.py-1px{padding-top:1px;padding-bottom:1px;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-20px{padding-top:20px;padding-bottom:20px;}.py-28px{padding-top:28px;padding-bottom:28px;}.py-32px{padding-top:32px;padding-bottom:32px;}.py-40px{padding-top:40px;padding-bottom:40px;}.py-48px{padding-top:48px;padding-bottom:48px;}.py-4px{padding-top:4px;padding-bottom:4px;}.py-5px{padding-top:5px;padding-bottom:5px;}.py-6px{padding-top:6px;padding-bottom:6px;}.py-8{padding-top:2rem;padding-bottom:2rem;}.hover\:px-20px:hover{padding-left:20px;padding-right:20px;}.\!\[\&_td\:nth-child\(2\)\>div\]\:pl-45px td:nth-child(2)>div{padding-left:45px !important;}.\!pl-32px{padding-left:32px !important;}.\!pr-16px{padding-right:16px !important;}.p-l-20px,.pl-20px{padding-left:20px;}.pb-10px{padding-bottom:10px;}.pb-16px{padding-bottom:16px;}.pb-20px{padding-bottom:20px;}.pb-24px{padding-bottom:24px;}.pb-40px{padding-bottom:40px;}.pb-4px{padding-bottom:4px;}.pb-5px{padding-bottom:5px;}.pb-8px{padding-bottom:8px;}.pl-0{padding-left:0;}.pl-14px{padding-left:14px;}.pl-22px{padding-left:22px;}.pl-24px{padding-left:24px;}.pl-4px{padding-left:4px;}.pl-5{padding-left:1.25rem;}.pr-0{padding-right:0;}.pr-16px{padding-right:16px;}.pr-8px{padding-right:8px;}.pt-10px{padding-top:10px;}.pt-12px{padding-top:12px;}.pt-16px{padding-top:16px;}.pt-20px{padding-top:20px;}.pt-5px{padding-top:5px;}.pt-8px{padding-top:8px;}.text-center{text-align:center;}.text-left{text-align:left;}.text-nowrap{text-wrap:nowrap;}.\[\&_svg\]\:align-middle svg{vertical-align:middle;}.align-top{vertical-align:top;}.text-10px{font-size:10px;}.text-11px{font-size:11px;}.text-12px{font-size:12px;}.text-13px{font-size:13px;}.text-14px{font-size:14px;}.text-15px{font-size:15px;}.text-16px{font-size:16px;}.text-18px{font-size:18px;}.text-20px{font-size:20px;}.text-24px{font-size:24px;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-3xl{font-size:1.875rem;line-height:2.25rem;}.text-48px{font-size:48px;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.dark .dark\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity)) /* #86efac */;}.dark .dark\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity)) /* #fca5a5 */;}.dark .dark\:text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity)) /* #f87171 */;}.dark .dark\:text-yellow-300{--un-text-opacity:1;color:rgb(253 224 71 / var(--un-text-opacity)) /* #fde047 */;}.text-\[color\:var\(--color-text-1\)\]{color:var(--color-text-1) /* var(--color-text-1) */;}.text-\[color\:var\(--color-text-3\)\],.text-\[var\(--color-text-3\)\]{color:var(--color-text-3) /* var(--color-text-3) */;}.text-\[rgb\(var\(--danger-6\)\)\]{--un-text-opacity:1;color:rgb(var(--danger-6) / var(--un-text-opacity)) /* rgb(var(--danger-6)) */;}.text-\[rgb\(var\(--primary-6\)\)\]{--un-text-opacity:1;color:rgb(var(--primary-6) / var(--un-text-opacity)) /* rgb(var(--primary-6)) */;}.text-\[var\(--color-danger\)\]{color:var(--color-danger) /* var(--color-danger) */;}.text-\[var\(--color-text-2\)\]{color:var(--color-text-2) /* var(--color-text-2) */;}.text-blue-600{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity)) /* #2563eb */;}.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity)) /* #1d4ed8 */;}.text-green-500{--un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity)) /* #22c55e */;}.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity)) /* #15803d */;}.text-orange-500{--un-text-opacity:1;color:rgb(249 115 22 / var(--un-text-opacity)) /* #f97316 */;}.text-orange-600{--un-text-opacity:1;color:rgb(234 88 12 / var(--un-text-opacity)) /* #ea580c */;}.text-primary{color:var(--primary) /* var(--primary) */;}.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity)) /* #ef4444 */;}.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity)) /* #dc2626 */;}.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity)) /* #b91c1c */;}.text-success{color:var(--success) /* var(--success) */;}.text-t-primary,.group:hover .group-hover\:text-t-primary{color:var(--text-primary) /* var(--text-primary) */;}.text-t-secondary{color:var(--text-secondary) /* var(--text-secondary) */;}.text-warning{color:var(--warning) /* var(--warning) */;}.text-yellow-700{--un-text-opacity:1;color:rgb(161 98 7 / var(--un-text-opacity)) /* #a16207 */;}.group:hover .group-hover\:text-\[\#2C7FFF\]{--un-text-opacity:1;color:rgb(44 127 255 / var(--un-text-opacity)) /* #2C7FFF */;}.group:hover .group-hover\:text-\[\#FE9900\]{--un-text-opacity:1;color:rgb(254 153 0 / var(--un-text-opacity)) /* #FE9900 */;}.hover\:text-\[color\:var\(--color-text-2\)\]:hover{color:var(--color-text-2) /* var(--color-text-2) */;}.hover\:text-\[rgb\(var\(--danger-6\)\)\]:hover{--un-text-opacity:1;color:rgb(var(--danger-6) / var(--un-text-opacity)) /* rgb(var(--danger-6)) */;}.hover\:text-\[rgb\(var\(--primary-5\)\)\]:hover{--un-text-opacity:1;color:rgb(var(--primary-5) / var(--un-text-opacity)) /* rgb(var(--primary-5)) */;}.hover\:text-primary:hover{color:var(--primary) /* var(--primary) */;}.hover\:text-t-primary:hover{color:var(--text-primary) /* var(--text-primary) */;}.hover\:text-t-secondary:hover{color:var(--text-secondary) /* var(--text-secondary) */;}.\!\[\&_span\.arco-badge-status-text\]\:color-\#86909C span.arco-badge-status-text{--un-text-opacity:1 !important;color:rgb(134 144 156 / var(--un-text-opacity)) /* #86909C */ !important;}.color-\[rgba\(134\,144\,156\,1\)\]{--un-text-opacity:1;color:rgba(134, 144, 156, var(--un-text-opacity)) /* rgba(134,144,156,1) */;}.color-\[rgba\(217\,45\,32\,1\)\]{--un-text-opacity:1;color:rgba(217, 45, 32, var(--un-text-opacity)) /* rgba(217,45,32,1) */;}.color-\[rgba\(29\,33\,41\,1\)\]{--un-text-opacity:1;color:rgba(29, 33, 41, var(--un-text-opacity)) /* rgba(29,33,41,1) */;}.color-\#00B42A{--un-text-opacity:1;color:rgb(0 180 42 / var(--un-text-opacity)) /* #00B42A */;}.color-\#86909C{--un-text-opacity:1;color:rgb(134 144 156 / var(--un-text-opacity)) /* #86909C */;}.color-black{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity)) /* #000 */;}.font-500,.font-medium{font-weight:500;}.font-600,.font-semibold{font-weight:600;}.font-bold{font-weight:700;}.leading-16px{line-height:16px;}.leading-4{line-height:1rem;}.leading-5{line-height:1.25rem;}.leading-none,.lh-\[1\]{line-height:1;}.leading-relaxed{line-height:1.625;}.lh-\[20px\],.lh-20px{line-height:20px;}.lh-1{line-height:0.25rem;}.lh-24px{line-height:24px;}.lh-30px{line-height:30px;}.line-height-0{line-height:0;}.line-height-8px{line-height:8px;}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}.italic{font-style:italic;}.underline{text-decoration-line:underline;}.hover\:underline:hover{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--un-text-shadow);}.\[\&_\.arco-select-view-disabled\]\:opacity-80 .arco-select-view-disabled,.opacity-80{opacity:0.8;}.opacity-0{opacity:0;}.opacity-100,.group:hover .group-hover\:opacity-100{opacity:1;}.opacity-30{opacity:0.3;}.opacity-40{opacity:0.4;}.opacity-50{opacity:0.5;}.opacity-60{opacity:0.6;}.opacity-70{opacity:0.7;}.opacity-90{opacity:0.9;}.focus-within\:opacity-100:focus-within{opacity:1;}.hover\:opacity-100:hover{opacity:1;}.hover\:opacity-80:hover{opacity:0.8;}.\[\&_\.arco-select-view\]\:shadow-none .arco-select-view{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-\[0_12px_40px_rgba\(15\,23\,42\,0\.16\)\]{--un-shadow:0 12px 40px var(--un-shadow-color, rgba(15, 23, 42, 0.16));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.hover\:shadow-lg:hover{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.outline-none{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.\[\&_\.arco-select-view\]\:transition-colors .arco-select-view,.\[\&_svg\]\:transition-colors svg,.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-150{transition-duration:150ms;}.duration-200{transition-duration:200ms;}.duration-300{transition-duration:300ms;}.duration-400{transition-duration:400ms;}.ease,.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-\[cubic-bezier\(0\.2\,0\.8\,0\.3\,1\)\]{transition-timing-function:cubic-bezier(0.2,0.8,0.3,1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.\!size-24px{width:24px !important;height:24px !important;}.size-12px{width:12px;height:12px;}.size-14px{width:14px;height:14px;}.size-22px{width:22px;height:22px;}.size-40px{width:40px;height:40px;}.size-full{width:100%;height:100%;}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}.isolate{isolation:isolate;}.table{display:table;}.border-collapse{border-collapse:collapse;}@keyframes bounce{0%, 100% {transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50% {transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-bounce{animation:bounce 1s linear infinite;}.animate-fade-in{animation:fade-in 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.list-disc{list-style-type:disc;}.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.5rem * var(--un-space-x-reverse));}.space-y-0>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0px * var(--un-space-y-reverse));}.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.25rem * var(--un-space-y-reverse));}.space-y-12px>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(12px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(12px * var(--un-space-y-reverse));}.space-y-16px>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(16px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(16px * var(--un-space-y-reverse));}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}.space-y-20px>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(20px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(20px * var(--un-space-y-reverse));}.space-y-2px>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(2px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(2px * var(--un-space-y-reverse));}.space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}.space-y-4px>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(4px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(4px * var(--un-space-y-reverse));}.space-y-6px>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(6px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(6px * var(--un-space-y-reverse));}.space-y-8>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(2rem * var(--un-space-y-reverse));}.space-y-8px>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(8px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(8px * var(--un-space-y-reverse));}.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}.from-black\/60{--un-gradient-from-position:0%;--un-gradient-from:rgb(0 0 0 / 0.6) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(0 0 0 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.bg-gradient-to-t{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.object-cover{object-fit:cover;}.\[\&_\.arco-image-img\]\:object-contain .arco-image-img,.object-contain{object-fit:contain;}.uppercase{text-transform:uppercase;}.capitalize{text-transform:capitalize;}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.text-2{color:var(--color-text-2);}.text-3{color:var(--color-text-3);}.hover\:text-1:hover{color:var(--color-text-1);}.bg-fill-1{background-color:var(--color-fill-1);}.bg-fill-2{background-color:var(--color-fill-2);}.bg-fill-3{background-color:var(--color-fill-3);}.hover\:bg-fill-1:hover{background-color:var(--color-fill-1);}.hover\:bg-fill-2:hover{background-color:var(--color-fill-2);}.hover\:bg-fill-3:hover{background-color:var(--color-fill-3);}.bg-primary-1{background-color:rgb(var(--primary-1));}.bg-success-1{background-color:rgb(var(--success-1));}.bg-warning-1{background-color:rgb(var(--warning-1));}.border-success-6{border-color:rgb(var(--success-6));}.border-warning-3{border-color:rgb(var(--warning-3));}.text-success-6{color:rgb(var(--success-6));}.text-warning-6{color:rgb(var(--warning-6));}.hover\:border-primary-4:hover{border-color:rgb(var(--primary-4));}.bg-dialog-fill-0{background-color:var(--dialog-fill-0);}.text-0{color:var(--text-0);}.text-white{color:var(--text-white);}.bg-fill-0{background-color:var(--fill-0);}@media (min-width: 768px){.md\:mt-0{margin-top:0;}.md\:max-w-1024px{max-width:1024px;}.md\:max-w-780px{max-width:780px;}.md\:w-\[400px\]{width:400px;}.md\:w-\[500px\]{width:500px;}.md\:w-\[600px\]{width:600px;}.md\:w-auto{width:auto;}.md\:flex-row{flex-direction:row;}.md\:justify-end{justify-content:flex-end;}.md\:rd-16px{border-radius:16px;}.md\:px-\[32px\],.md\:px-32px{padding-left:32px;padding-right:32px;}.md\:px-40px{padding-left:40px;padding-right:40px;}}
/* Arco Design custom overrides - non-theme related */

/* Override Arco Design component backgrounds to white in light mode */
/* 覆盖 Arco Design 组件背景色为白色（浅色模式） */
/* .arco-input,
.arco-textarea,
.arco-select-view,
.arco-picker,
.arco-input-number,
.arco-cascader-view,
.arco-tree-select-view,
.arco-auto-complete-view,
.arco-mentions-view {
  background-color: #ffffff !important;
}

.arco-input-wrapper {
  background-color: #ffffff !important;
}

.arco-select-popup .arco-select-option {
  &:hover {
    background-color: #fafafa !important;
  }
} */

.arco-btn {
  &.arco-btn-outline {
    border-color: #86909c;
    color: #86909c;
  }
}

.arco-btn-primary.arco-btn-disabled {
  background-color: var(--aou-2) !important;
  border-color: var(--aou-2) !important;
}

.arco-collapse {
  border: none;
  border-radius: 8px;
  .arco-collapse-item-header {
    border-bottom: none;
  }
}

/* Arco Tag dark mode styles - enhance contrast with semi-transparent backgrounds */
/* Arco Tag 深色模式样式 - 使用半透明背景增强对比度 */
body[arco-theme='dark'] .arco-tag-checked.arco-tag-blue {
  background-color: rgba(59, 130, 246, 0.2) !important;
  color: rgb(96, 165, 250) !important;
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-green {
  background-color: rgba(34, 197, 94, 0.2) !important;
  color: rgb(74, 222, 128) !important;
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-red {
  background-color: rgba(239, 68, 68, 0.2) !important;
  color: rgb(248, 113, 113) !important;
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-orange {
  background-color: rgba(245, 158, 11, 0.2) !important;
  color: rgb(251, 191, 36) !important;
}

body[arco-theme='dark'] .arco-tag-checked.arco-tag-gray {
  background-color: rgba(156, 163, 175, 0.2) !important;
  color: rgb(209, 213, 219) !important;
}

/* AionUi Steps wrapper styles */
.aionui-steps .arco-steps-item-process .arco-steps-item-icon {
  background-color: var(--aou-6-brand) !important;
  border-color: var(--aou-6-brand) !important;
}

.aionui-steps .arco-steps-item-finish .arco-steps-item-icon {
  background-color: #e8f3ff !important;
  border-color: #e8f3ff !important;
  border-radius: 50% !important;
}

.aionui-steps .arco-steps-item-finish .arco-steps-item-icon .arco-steps-icon {
  line-height: 28px !important;
}

/* AionUi Modal wrapper styles */
.aionui-modal .arco-modal-content {
  background: var(--bg-1) !important;
  border-radius: 12px !important;
}

.aionui-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 16px;
}

.aionui-modal-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--text-t-primary);
  margin: 0;
}

.aionui-modal-close-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: background-color 0.2s;
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
}

.aionui-modal-close-btn:hover {
  background: var(--fill-2);
}

/* Arco Message custom styles */
.arco-message {
  border: none !important;
  border-radius: 8px !important;
}

/* Light mode */
.arco-message-success {
  background: linear-gradient(270deg, #f9fff2 0%, #d2ffd9 100%) !important;
}

.arco-message-warning {
  background: linear-gradient(90deg, #fff3dc 0%, #fff8de 100%) !important;
}

.arco-message-info {
  background: linear-gradient(90deg, #e8f3ff 0%, #f8f8ff 49.52%) !important;
}

.arco-message-error {
  background: linear-gradient(90deg, #ffdddb 0%, #fff3f0 100%) !important;
}

/* Dark mode */
body[arco-theme='dark'] .arco-message-success {
  background: linear-gradient(270deg, rgba(249, 255, 242, 0.3) 0%, rgba(210, 255, 217, 0.3) 100%) !important;
}

body[arco-theme='dark'] .arco-message-warning {
  background: linear-gradient(90deg, rgba(255, 243, 220, 0.3) 0%, rgba(255, 248, 222, 0.3) 100%) !important;
}

body[arco-theme='dark'] .arco-message-info {
  background: linear-gradient(90deg, rgba(232, 243, 255, 0.3) 0%, rgba(248, 248, 255, 0.3) 49.52%) !important;
}

body[arco-theme='dark'] .arco-message-error {
  background: linear-gradient(90deg, rgba(255, 221, 219, 0.3) 0%, rgba(255, 243, 240, 0.3) 100%) !important;
}

/* Workspace tree selection styles - use text color instead of background */
.workspace-tree .arco-tree-node-selected .arco-tree-node-title {
  background-color: transparent !important;
}

/* Workspace tree hover styles - more visible hover effect */
.workspace-tree .arco-tree-node:hover .arco-tree-node-title {
  background-color: var(--color-fill-3) !important;
}

/* Alert styles - content is now displayed below the Alert card, so these rules are no longer needed */
/* Alert 样式 - 内容现在显示在 Alert 卡片下方，因此不再需要这些规则 */

/* Settings modal mobile tabs styles */
/* 设置弹窗移动端 Tabs 样式 */
.settings-mobile-tabs {
  .arco-tabs-nav {
    border-bottom: 1px solid var(--color-border-2);
  }

  .arco-tabs-nav-tab {
    font-size: 14px;
    padding: 8px 0;
    margin: 0 12px;
    color: var(--color-text-2);
  }

  .arco-tabs-nav-tab:first-child {
    margin-left: 0;
  }

  .arco-tabs-nav-tab-active {
    color: var(--color-text-1);
    font-weight: 500;
  }

  .arco-tabs-nav-ink {
    height: 2px;
    background: var(--color-primary);
  }
}

/* Base styles - theme-independent */

:root {
  --app-min-width: 360px;
  --titlebar-height: 36px;
}

.app-shell {
  min-height: 0;
}

.app-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  height: var(--titlebar-height);
  min-height: var(--titlebar-height);
  line-height: var(--titlebar-height);
  user-select: none;
  position: relative;
  z-index: 10;
}

.app-titlebar--desktop {
  -webkit-app-region: drag;
}

.app-titlebar--mac {
  height: 45px;
  min-height: 36px;
  /* Reserve space for macOS traffic light buttons (left side) */
  padding-right: 12px;
}

.app-titlebar__brand {
  font-weight: 600;
  color: var(--text-primary);
  font-size: 13px;
  letter-spacing: 0.2px;
  flex: 1;
  text-align: center;
  pointer-events: none;
  line-height: 1;
}

.app-titlebar__menu {
  -webkit-app-region: no-drag;
  display: flex;
  align-items: center;
}

.app-titlebar__toolbar {
  display: flex;
  align-items: center;
  gap: 4px;
  -webkit-app-region: no-drag;
  margin-left: auto;
  min-height: var(--titlebar-height);
}

.app-titlebar__button {
  -webkit-app-region: no-drag;
  width: var(--titlebar-height);
  height: var(--titlebar-height);
  border: none;
  border-radius: 6px;
  background-color: transparent;
  color: var(--text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.app-titlebar__button:hover {
  background-color: var(--bg-hover);
}

.app-titlebar__button:active {
  background-color: var(--bg-active);
}

.app-window-controls {
  display: flex;
  align-items: stretch;
  -webkit-app-region: no-drag;
}

.app-window-controls__button {
  width: 40px;
  height: var(--titlebar-height);
  border: none;
  background: transparent;
  color: var(--text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.18s ease;
}

.app-window-controls__button:hover {
  background-color: rgba(128, 128, 128, 0.2);
}

.app-window-controls__button:active {
  background-color: rgba(128, 128, 128, 0.3);
}

.app-window-controls__button--close:hover {
  background-color: #e81123;
  color: #fff;
}

.app-window-controls__button--close:active {
  background-color: #c10f1f;
  color: #fff;
}

.workspace-header__toggle {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.workspace-header__toggle:hover {
  background-color: var(--bg-hover);
}

.workspace-header__toggle:active {
  background-color: var(--bg-active);
}

.workspace-toggle-floating {
  background-color: var(--bg-2);
  border: 1px solid var(--bg-3);
}

html,
body,
#root,
.layout,
.layout-content {
  min-width: var(--app-min-width); /* prevent layout collapse on very small screens */
}

.loading {
  animation: loading 1s linear infinite;
}

.bg-animate {
  animation: bg-animate 1s alternate infinite;
}

@keyframes bg-animate {
  0% {
    background-color: var(--bg-2);
  }
  100% {
    background-color: var(--bg-3);
  }
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.collapsed {
  .collapsed-hidden {
    display: none;
  }
  .\!collapsed-hidden {
    display: none !important;
  }
}

/* Safe area utilities for mobile devices / 移动端安全区域工具类 */
/* iOS 17+ Chrome, Safari 需要在 CSS 中使用 env() 而非内联样式 */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .safe-area-bottom {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  .safe-area-top {
    padding-top: env(safe-area-inset-top, 0px);
  }
}

/* Mobile sidebar positioning / 移动端侧边栏定位 */
/* 使用 dvh (dynamic viewport height) 以获得更好的移动端支持 */
/* Use dvh for better mobile browser support (iOS Chrome/Safari) */
@media (max-width: 767px) {
  .layout-sider {
    /* 固定定位从顶部开始 */
    top: 0 !important;
    /* 使用 dvh 单位，它会自动处理浏览器 UI 变化 */
    /* dvh automatically accounts for browser chrome on mobile */
    height: 100vh !important;
    height: 100dvh !important;
    /* 使用 flex 布局管理内部空间 */
    display: flex !important;
    flex-direction: column !important;
    /* 通过 padding 处理安全区域，而不是调整 height */
    /* Use padding for safe areas instead of height adjustment */
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    box-sizing: border-box !important;
  }

  /* Arco Layout 内部容器需要 flex 布局 */
  .layout-sider > .arco-layout-sider-children {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 0 !important;
    height: auto !important;
  }

  /* 侧边栏头部固定高度 */
  .layout-sider-header {
    flex-shrink: 0 !important;
  }

  /* 侧边栏内容区域填充剩余空间 */
  .layout-sider-content {
    flex: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
  }

  /* 侧边栏底部按钮固定在底部 */
  /* Footer stays at bottom with extra padding as fallback */
  .sider-footer {
    flex-shrink: 0 !important;
    /* 额外的 padding 作为 iOS Chrome 的回退方案 */
    /* Extra padding as fallback for iOS Chrome */
    padding-bottom: 20px;
  }
}

/* Layout sider base styles / 布局侧栏基础样式 */
.layout-sider {
  overflow-x: hidden;
}

.layout-sider.collapsed .arco-layout-sider-children,
.layout-sider.arco-layout-sider-collapsed .arco-layout-sider-children {
  overflow-x: hidden;
}

/* 拖动时禁用过渡动画，确保流畅的拖动体验 / Disable transition during drag for smooth dragging */
.layout-sider--dragging {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .preview-panel {
    transition: none !important;
    animation: none !important;
  }
}

/* Preview panel animation / 预览面板动画 */
.preview-panel {
  animation: preview-panel-enter 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  will-change: opacity, transform;
}

@keyframes preview-panel-enter {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.chat-history__item,
.settings-sider__item {
  transition:
    padding 0.2s ease,
    margin 0.2s ease,
    background-color 0.2s ease;
}

.chat-history__item-name,
.chat-history__item-editor,
.settings-sider__item-label {
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
  transform-origin: left center;
}

.chat-history__item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.settings-sider__item-label {
  display: block;
}

.chat-history__placeholder,
.chat-history__section {
  transition:
    opacity 0.3s ease,
    max-height 0.3s ease,
    margin 0.3s ease,
    padding 0.3s ease;
}

.chat-history__placeholder {
  max-height: 140px;
}

.chat-history__section {
  max-height: 60px; /* 增加高度以适应缩放，避免文字被裁剪 / Increase height for zoom scaling to prevent text clipping */
}

.chat-history--collapsed .chat-history__placeholder,
.chat-history--collapsed .chat-history__section {
  opacity: 0;
  max-height: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.chat-history--collapsed .chat-history__item-name,
.chat-history--collapsed .chat-history__item-editor {
  opacity: 0;
  transform: translateX(-8px);
}

.settings-sider--collapsed .settings-sider__item-label {
  opacity: 0;
  transform: translateX(-8px);
}

@media (prefers-reduced-motion: reduce) {
  .chat-history,
  .chat-history__item,
  .chat-history__item-name,
  .chat-history__item-editor,
  .settings-sider,
  .settings-sider__item,
  .settings-sider__item-label,
  .chat-history__placeholder,
  .chat-history__section {
    transition: none;
  }
}

/* Custom scrollbar styles */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
  transition: background 0.3s;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}

[data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* Hide scrollbar while keeping scroll behavior */
.scrollbar-hide {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

*:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme='dark'] *:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}

/* Diff2Html Dark Theme */
.d2h-dark-color-scheme {
  /* File wrapper */
  & .d2h-file-wrapper {
    border-color: var(--bg-3);
  }

  /* File header */
  & .d2h-file-header {
    background-color: var(--bg-2) !important;
    border-color: var(--bg-3);
  }

  & .d2h-file-name {
    color: var(--text-primary);
  }

  & .d2h-file-stats {
    color: var(--text-secondary);
  }

  /* Table */
  & .d2h-diff-table {
    background-color: var(--bg-1);
  }

  & .d2h-diff-tbody {
    background-color: var(--bg-1);
  }

  /* Line numbers */
  & .d2h-code-linenumber {
    background-color: var(--bg-2);
    color: var(--text-secondary);
    border-color: var(--bg-3);
  }

  /* Code lines */
  & .d2h-code-line {
    color: var(--text-primary);
    background-color: var(--bg-1);
  }

  /* Info lines */
  & .d2h-info {
    background-color: var(--bg-2);
    color: var(--text-secondary);
  }

  /* Empty lines */
  & .d2h-emptyplaceholder {
    background-color: var(--bg-2);
    border-color: var(--bg-3);
  }

  /* Insert lines (added) */
  & .d2h-ins {
    background-color: rgba(35, 195, 67, 0.15);
    & .d2h-code-line {
      background-color: rgba(35, 195, 67, 0.15);
    }
    & .d2h-code-linenumber {
      background-color: rgba(35, 195, 67, 0.25);
      border-color: rgba(35, 195, 67, 0.4);
    }
  }

  & .d2h-ins.d2h-change {
    background-color: rgba(35, 195, 67, 0.25);
    & .d2h-code-line {
      background-color: rgba(35, 195, 67, 0.25);
    }
  }

  /* Delete lines (removed) */
  & .d2h-del {
    background-color: rgba(245, 63, 63, 0.15);
    & .d2h-code-line {
      background-color: rgba(245, 63, 63, 0.15);
    }
    & .d2h-code-linenumber {
      background-color: rgba(245, 63, 63, 0.25);
      border-color: rgba(245, 63, 63, 0.4);
    }
  }

  & .d2h-del.d2h-change {
    background-color: rgba(245, 63, 63, 0.25);
    & .d2h-code-line {
      background-color: rgba(245, 63, 63, 0.25);
    }
  }

  /* Code changes highlighting */
  & .d2h-code-line ins {
    background-color: rgba(35, 195, 67, 0.4);
    color: var(--text-primary);
  }

  & .d2h-code-line del {
    background-color: rgba(245, 63, 63, 0.4);
    color: var(--text-primary);
  }

  /* Side by side view */
  & .d2h-code-side-linenumber {
    background-color: var(--bg-2);
    color: var(--text-secondary);
    border-color: var(--bg-3);
  }

  & .d2h-code-side-line {
    background-color: var(--bg-1);
    color: var(--text-primary);
  }

  /* Context (unchanged) lines in side-by-side */
  & .d2h-cntx {
    background-color: var(--bg-1);
    & .d2h-code-line,
    & .d2h-code-side-line {
      background-color: var(--bg-1);
    }
  }
}

/* Message component positioning - center in conversation area (exclude left sider) */
/* Message 组件定位 - 在对话区域居中（排除左侧侧边栏） */
/* 使用 padding-left 偏移，保持内部消息居中 / Use padding-left offset while keeping inner message centered */
.arco-message-wrapper {
  left: 0 !important;
  width: 100% !important;
  padding-left: 266px;
  box-sizing: border-box;
}

/* Mobile: remove left padding / 移动端：移除左侧内边距 */
@media (max-width: 767px) {
  .arco-message-wrapper {
    padding-left: 0;
  }
}

/* Default background for select and input components */
/* Select 和 Input 组件默认背景 */
.arco-select-view,
.arco-input,
.arco-input-inner-wrapper {
  background-color: var(--fill-0) !important;
}

/* Send button disabled state - override Arco Design default disabled styles */
/* 发送按钮禁用状态 - 覆盖 Arco Design 默认的禁用样式 */
/* Note: Active state is handled via style prop in component */
.send-button-custom:disabled {
  background-color: #d3d4d9 !important;
  border-color: #d3d4d9 !important;
  opacity: 1 !important;
}

/* Make arrow icon thicker */
/* 加粗箭头图标 */
.send-button-custom .arco-icon > svg {
  stroke-width: 5 !important;
  filter: drop-shadow(0 0 0.5px currentColor);
}

/* Input placeholder color */
/* 输入框占位符颜色 */
::placeholder {
  color: #a1a2aa !important;
}

/* Default Color Scheme - AOU Purple Theme */

/* Light Mode */
:root,
[data-color-scheme='default'] {
  /* AOU Brand Colors - Light Mode */
  --aou-1: #eff0f6;
  --aou-2: #e5e7f0;
  --aou-3: #d1d5e5;
  --aou-4: #b5bcd6;
  --aou-5: #97a0c5;
  --aou-6: #7583b2;
  --aou-7: #596590;
  --aou-8: #3f4868;
  --aou-9: #262c41;
  --aou-10: #0d101c;

  /* Background Colors - Light Mode */
  --bg-base: #ffffff; /* bg-0 - 主背景 */
  --bg-1: #f7f8fa; /* 次级背景 */
  --bg-2: #f2f3f5; /* 三级背景 */
  --bg-3: #e5e6eb; /* 边框/分隔 */
  --bg-4: #c9cdd4;
  --bg-5: #adb4c1;
  --bg-6: #86909c; /* 禁用/次要文字 */
  --bg-8: #4e5969;
  --bg-9: #1d2129;
  --bg-10: #0c0e12;

  /* Interactive State Colors - Light Mode */
  --bg-hover: #f3f4f6; /* 悬停背景 - 在 bg-1 和 bg-2 之间 */
  --bg-active: #e5e6eb; /* 激活/按下背景 */

  /* Text Colors - Light Mode */
  --text-primary: #1d2129; /* 主要文字 */
  --text-secondary: #86909c; /* 次要文字 */
  --text-disabled: #c9cdd4; /* 禁用文字 */

  /* Semantic Colors - Light Mode */
  --primary: #165dff;
  --success: #00b42a;
  --warning: #ff7d00;
  --danger: #f53f3f;
  --info: #165dff;

  /* Border Colors - Light Mode */
  --border-base: #e5e6eb; /* 基础边框 */
  --border-light: #f2f3f5; /* 浅色边框 */

  /* Brand Colors - Light Mode */
  --brand: #7583b2; /* 品牌色 */
  --brand-light: #eff0f6; /* 品牌浅色背景 */
  --brand-hover: #b5bcd6; /* 品牌色悬停 */

  /* Message & UI Component Colors - Light Mode */
  --message-user-bg: #e9efff; /* 用户消息背景（浅蓝） */
  --message-tips-bg: #f0f4ff; /* 提示信息背景（浅蓝） */
  --workspace-btn-bg: #eff0f1; /* 工作区按钮背景 */

  /* Special Colors - Light Mode */
  --fill: #f7f8fa; /* 填充色 */
  --inverse: #ffffff; /* 反色（黑白切换）*/

  /* Custom Colors - Light Mode */
  --dialog-fill-0: #ffffff; /* 对话框填充色 */
  --text-0: #000000; /* 纯黑文字色 */
  --text-white: #ffffff; /* 纯白文字色 */
  --fill-0: #ffffff; /* 填充色 0 */
  --fill-white-to-black: #ffffff; /* 白到黑填充色 */
  --border-special: var(--bg-3); /* 特殊边框色 */
}

/* Dark Mode */
[data-color-scheme='default'][data-theme='dark'] {
  /* AOU Brand Colors - Dark Mode */
  --aou-1: #2a2a2a;
  --aou-2: #3d4150;
  --aou-3: #525a77;
  --aou-4: #6a749b;
  --aou-5: #838fba;
  --aou-6: #a1aacb;
  --aou-7: #b5bcd6;
  --aou-8: #d1d5e5;
  --aou-9: #e5e7f0;
  --aou-10: #eff0f6;

  /* Background Colors - Dark Mode */
  --bg-base: #0e0e0e; /* 主背景 */
  --bg-1: #1a1a1a; /* 次级背景 */
  --bg-2: #262626; /* 三级背景 */
  --bg-3: #333333; /* 边框/分隔 */
  --bg-4: #404040;
  --bg-5: #4d4d4d;
  --bg-6: #5a5a5a; /* 禁用/次要文字 */
  --bg-8: #737373;
  --bg-9: #a6a6a6;
  --bg-10: #d9d9d9;

  /* Interactive State Colors - Dark Mode */
  --bg-hover: #1f1f1f; /* 悬停背景 */
  --bg-active: #2d2d2d; /* 激活/按下背景 */

  /* Text Colors - Dark Mode */
  --text-primary: #e5e5e5; /* 主要文字 */
  --text-secondary: #a6a6a6; /* 次要文字 */
  --text-disabled: #737373; /* 禁用文字 */

  /* Semantic Colors - Dark Mode */
  --primary: #4d9fff;
  --success: #23c343;
  --warning: #ff9a2e;
  --danger: #f76560;
  --info: #4d9fff;

  /* Border Colors - Dark Mode */
  --border-base: #333333; /* 基础边框 */
  --border-light: #262626; /* 浅色边框 */

  /* Brand Colors - Dark Mode */
  --brand: #a1aacb; /* 品牌色 */
  --brand-light: #3d4150; /* 品牌深色背景 */
  --brand-hover: #6a749b; /* 品牌色悬停 */

  /* Message & UI Component Colors - Dark Mode */
  --message-user-bg: #1e2a3a; /* 用户消息背景（深蓝灰） */
  --message-tips-bg: #1a2333; /* 提示信息背景（深蓝灰） */
  --workspace-btn-bg: #1f1f1f; /* 工作区按钮背景 */

  /* Special Colors - Dark Mode */
  --fill: #1a1a1a; /* 填充色 */
  --inverse: #ffffff; /* 反色（黑白切换）*/

  /* Custom Colors - Dark Mode */
  --dialog-fill-0: #333333; /* 对话框填充色 */
  --text-0: #ffffff; /* 纯黑文字色（暗色模式下为白色） */
  --text-white: #ffffff; /* 纯白文字色 */
  --fill-0: rgba(255, 255, 255, 0.08); /* 填充色 0 - 暗色模式下为半透明白色 */
  --fill-white-to-black: #000000; /* 白到黑填充色（暗色模式下为黑色） */
  --border-special: #60677e; /* 特殊边框色 */
}

/* Theme System Entry Point */

/* Base styles (theme-independent) */

/* Color Schemes */