:root{--xh-font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--xh-shell-bg: linear-gradient(135deg, #f8fafc 0%, rgba(239, 246, 255, .85) 48%, rgba(238, 242, 255, .75) 100%);--xh-sidebar-bg: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);--xh-page-bg: linear-gradient(135deg, #f8fafc 0%, rgba(239, 246, 255, .55) 52%, rgba(238, 242, 255, .45) 100%);--xh-surface: #ffffff;--xh-surface-soft: rgba(248, 250, 252, .8);--xh-card-bg: rgba(255, 255, 255, .82);--xh-card-border: rgba(255, 255, 255, .62);--xh-line-soft: rgba(226, 232, 240, .8);--xh-title: #334155;--xh-text: #64748b;--xh-text-mute: #94a3b8;--xh-primary: #3b82f6;--xh-primary-hover: #2563eb;--xh-indigo: #6366f1;--xh-primary-soft: #eff6ff;--xh-success-soft: #ecfdf5;--xh-warning-soft: #fffbeb;--xh-radius-xs: 10px;--xh-radius-sm: 12px;--xh-radius-md: 14px;--xh-radius-lg: 16px;--xh-radius-xl: 20px;--xh-shadow-sm: 0 8px 20px rgba(59, 130, 246, .08);--xh-shadow-md: 0 14px 32px rgba(59, 130, 246, .12);--el-color-primary: var(--xh-primary);--el-color-primary-light-3: #60a5fa;--el-color-primary-light-5: #93c5fd;--el-color-primary-light-7: #bfdbfe;--el-color-primary-light-8: #dbeafe;--el-color-primary-light-9: #eff6ff;--el-color-primary-dark-2: #1d4ed8;--el-bg-color: var(--xh-surface);--el-bg-color-page: #f8fafc;--el-fill-color-light: #f8fafc;--el-fill-color-blank: var(--xh-surface);--el-text-color-primary: var(--xh-title);--el-text-color-regular: var(--xh-text);--el-text-color-secondary: #64748b;--el-text-color-placeholder: var(--xh-text-mute);--el-border-color: #e2e8f0;--el-border-color-light: #edf2f7;--el-border-color-lighter: #f1f5f9;--el-border-color-extra-light: #f8fafc;--el-border-radius-base: var(--xh-radius-sm);--el-border-radius-small: var(--xh-radius-xs);--el-border-radius-round: 999px;--el-box-shadow-light: var(--xh-shadow-sm)}html,body,#app{margin:0;font-family:var(--xh-font-family);background:var(--xh-shell-bg);color:var(--xh-text)}.shell,.layout,.content-shell,.content-main{background:transparent}.content-main{background:var(--xh-page-bg)}.content-main :is(.ai-model-config,.book-writing,.kb-management,.ops-page,.workspace,.prompt-ops,.prompt-ops-edit,.review-page,.release-page,.trace-page,.core-page,.portal-page,.eval-page,.center-page,.login-page,.demo-shell-page,.demo-project-page){background:transparent!important}.content-main :is(.page-hero,.hero-card,.project-hero,.workspace-banner,.top-strip,.query-card,.query-box,.detail-card,.page-header){border:1px solid var(--xh-card-border)!important;border-radius:var(--xh-radius-xl)!important;background:var(--xh-card-bg)!important;box-shadow:var(--xh-shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-main :is(.kpi-card,.summary-card,.kpi-item){border:1px solid var(--xh-card-border)!important;border-radius:var(--xh-radius-lg)!important;background:var(--xh-card-bg)!important;box-shadow:var(--xh-shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.content-main :is(.project-table-card,.table-panel){border:1px solid var(--xh-card-border)!important;border-radius:var(--xh-radius-lg)!important;box-shadow:var(--xh-shadow-sm);background:var(--xh-card-bg)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.el-card{background:var(--xh-card-bg);border:1px solid var(--xh-card-border);border-radius:var(--xh-radius-lg);box-shadow:var(--xh-shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.el-card__header{background:transparent;border-bottom-color:var(--xh-line-soft)}.el-table{border-radius:var(--xh-radius-md);overflow:hidden}.el-table tr,.el-table th.el-table__cell,.el-table td.el-table__cell{background-color:transparent}.el-table th.el-table__cell{color:var(--xh-text-mute);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.el-table td.el-table__cell{border-bottom-color:#f1f5f9e6}.el-table .el-table__row:hover>td.el-table__cell{background:linear-gradient(90deg,#eff6ffb3,#eef2ff73)!important}.el-button{border-radius:var(--xh-radius-sm)}.el-button--primary{border-color:transparent;background:linear-gradient(90deg,var(--xh-primary) 0%,var(--xh-indigo) 100%);box-shadow:0 10px 20px #3b82f647}.el-button--primary:hover,.el-button--primary:focus-visible{background:linear-gradient(90deg,var(--xh-primary-hover) 0%,#4f46e5 100%);box-shadow:0 14px 24px #3b82f657}.el-button--default,.el-button.is-plain{border-color:#e2e8f0c7;color:#64748b;background:#ffffffe6}.el-button--default:hover,.el-button.is-plain:hover{color:var(--xh-title);background:#fff;border-color:#cbd5e1e6}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-segmented{border-radius:var(--xh-radius-sm);border-color:#e2e8f0e6;background:#f8fafcd9}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus{border-color:#60a5facc;box-shadow:0 0 0 2px #3b82f624}.el-tag.el-tag--info{border-color:#bfdbfebf;background:#eff6ffe0;color:#2563eb}.el-tag.el-tag--success{border-color:#a7f3d0d9;background:#ecfdf5e6;color:#059669}.el-tag.el-tag--warning{border-color:#fde68ad9;background:#fffbebeb;color:#d97706}@media (max-width: 900px){.content-main{padding:0}}.shell[data-v-1a6c7626]{min-height:100vh;background:var(--xh-shell-bg)}.layout[data-v-1a6c7626]{min-height:100vh}.sidebar[data-v-1a6c7626]{position:relative;display:flex;flex-direction:column;border-right:1px solid #eff6ff;background:var(--xh-sidebar-bg);transition:width .3s ease}.brand-row[data-v-1a6c7626]{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid rgba(239,246,255,.85)}.brand-logo-wrap[data-v-1a6c7626]{width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px #3b82f657;flex-shrink:0}.brand-logo[data-v-1a6c7626]{color:#fff;font-size:16px}.brand-title[data-v-1a6c7626]{color:#475569;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-scroll[data-v-1a6c7626]{flex:1;min-height:0;padding:10px 8px}.menu-group+.menu-group[data-v-1a6c7626]{margin-top:10px}.group-title[data-v-1a6c7626]{margin:0;padding:0 6px 6px;color:#93c5fdcc;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.group-divider[data-v-1a6c7626]{width:20px;border-top:1px solid rgba(191,219,254,.65);margin:0 auto 8px}.menu-shell[data-v-1a6c7626],.menu-shell[data-v-1a6c7626] .el-menu{border-right:0;background:transparent}.menu-shell[data-v-1a6c7626] .el-menu-item,.menu-shell[data-v-1a6c7626] .el-sub-menu__title{height:auto;line-height:normal;padding:0}.menu-items[data-v-1a6c7626]{display:flex;flex-direction:column;gap:2px}.menu-btn[data-v-1a6c7626]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease}.menu-btn[data-v-1a6c7626]:hover{background:#ffffffb8;color:#475569}.menu-btn.collapsed[data-v-1a6c7626]{justify-content:center;padding-left:0;padding-right:0}.menu-btn.active[data-v-1a6c7626]:not(.has-children){color:#fff;background:linear-gradient(90deg,#3b82f6,#6366f1);box-shadow:0 8px 18px #3b82f647}.menu-btn.active.has-children[data-v-1a6c7626]{color:#2563eb;background:#ffffffbd}.menu-btn.active .menu-title[data-v-1a6c7626]{color:inherit}.menu-icon[data-v-1a6c7626]{font-size:18px;flex-shrink:0}.menu-title[data-v-1a6c7626]{flex:1;text-align:left;color:inherit;font-size:13px;line-height:1;white-space:nowrap}.menu-arrow[data-v-1a6c7626]{font-size:14px;color:#cbd5e1;transition:transform .2s ease}.menu-arrow.expanded[data-v-1a6c7626]{transform:rotate(180deg)}.submenu-wrap[data-v-1a6c7626]{margin:2px 0 2px 22px;padding-left:10px;border-left:2px solid rgba(191,219,254,.6);display:grid;gap:2px;max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease,opacity .2s ease}.submenu-wrap.open[data-v-1a6c7626]{max-height:200px;opacity:1}.submenu-btn[data-v-1a6c7626]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;width:100%;text-align:left;padding:7px 10px;border-radius:9px;background:transparent;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .18s ease}.submenu-btn[data-v-1a6c7626]:hover{background:#ffffffad;color:#64748b}.submenu-btn.active[data-v-1a6c7626]{background:#eff6ffe6;color:#2563eb;font-weight:600}.empty-menu-hint[data-v-1a6c7626]{margin:8px;padding:12px;border:1px solid rgba(254,215,170,.9);border-radius:12px;background:#fffbebe6;color:#9a6a37;font-size:12px;line-height:1.5}.sidebar-bottom[data-v-1a6c7626]{border-top:1px solid rgba(239,246,255,.85);padding:10px;display:grid;gap:8px}.logout-btn[data-v-1a6c7626]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:12px;background:#ffffffb8;color:#ef4444;font-size:12px;cursor:pointer;transition:all .18s ease}.logout-btn[data-v-1a6c7626]:hover{background:#fee2e2;color:#b91c1c}.collapse-btn[data-v-1a6c7626]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:12px;background:transparent;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .18s ease}.collapse-btn[data-v-1a6c7626]:hover{background:#eff6ffb8;color:#60a5fa}.content-shell[data-v-1a6c7626]{min-width:0}.content-header[data-v-1a6c7626]{position:sticky;top:0;z-index:10;height:auto;min-height:72px;border-bottom:1px solid rgba(239,246,255,.8);background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px}.header-copy[data-v-1a6c7626]{display:grid;gap:4px}.header-tools[data-v-1a6c7626]{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.header-action-btn[data-v-1a6c7626]{border-radius:12px;padding-inline:14px;box-shadow:0 10px 22px #94a3b829}.header-action-btn--logout[data-v-1a6c7626]{color:#b45309;border-color:#f59e0b4d;background:#fff7edeb}.content-header h2[data-v-1a6c7626]{margin:0;color:#334155;font-size:20px;font-weight:600}.content-header .meta[data-v-1a6c7626]{margin:0;color:#94a3b8;font-size:13px}.content-main[data-v-1a6c7626]{padding:0}@media (max-width: 900px){.layout[data-v-1a6c7626]{flex-direction:column}.sidebar[data-v-1a6c7626]{width:100%!important;border-right:0;border-bottom:1px solid #eff6ff}.menu-scroll[data-v-1a6c7626]{max-height:260px}.header-tools[data-v-1a6c7626]{width:100%;justify-content:flex-start}}