.cl-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#28221680;z-index:90}.cl-window{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:88vw;height:88vh;background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-2);z-index:91;display:flex;flex-direction:column;overflow:hidden}.cl-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.cl-title{font-weight:800;font-size:14px}.cl-state{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-3);font-weight:700}.cl-state i{width:7px;height:7px;border-radius:50%;background:var(--ink-3);display:inline-block}.cl-state.ok{color:var(--ok)}.cl-state.ok i{background:var(--ok)}.cl-deliver{position:absolute;top:46px;right:14px;width:340px;background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:10px;box-shadow:var(--shadow-2);z-index:5}.cl-body{flex:1;min-height:0;position:relative}.cl-iframe{width:100%;height:100%;border:none;display:block;background:#161616}.cl-widget{position:fixed;top:66px;right:16px;width:230px;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:8px 10px;box-shadow:var(--shadow-2);cursor:pointer;z-index:80;transition:transform .15s}.cl-widget:hover{transform:translateY(-2px)}.cw-text{font-size:12.5px;font-weight:700;color:var(--ink-1)}.cw-thumb{width:46px;height:46px;border-radius:var(--r-sm);object-fit:cover;border:1px solid var(--line);flex-shrink:0}.cw-close{width:22px;height:22px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;border-radius:5px;font-size:12px;flex-shrink:0}.cw-close:hover{background:var(--card-2);color:var(--ink-1)}.confirm-mask[data-v-ae94635b]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.confirm-box[data-v-ae94635b]{background:var(--card, #fff);border-radius:16px;padding:28px;max-width:420px;width:100%;box-shadow:0 20px 60px #0003;text-align:center;animation:confirmPop-ae94635b .2s ease}@keyframes confirmPop-ae94635b{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-icon[data-v-ae94635b]{font-size:48px;margin-bottom:16px}.confirm-title[data-v-ae94635b]{font-size:18px;font-weight:700;color:var(--text-1, #1a1a1a);margin:0 0 10px}.confirm-message[data-v-ae94635b]{font-size:14px;color:var(--text-2, #666);line-height:1.6;margin:0;white-space:pre-wrap}.confirm-actions[data-v-ae94635b]{display:flex;gap:12px;margin-top:24px;justify-content:center}.confirm-btn[data-v-ae94635b]{padding:10px 28px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.confirm-btn.cancel[data-v-ae94635b]{background:var(--bg-2, #f5f5f5);color:var(--text-2, #666)}.confirm-btn.cancel[data-v-ae94635b]:hover{background:var(--bg-3, #e8e8e8)}.confirm-btn.confirm[data-v-ae94635b]{background:var(--brand-1, #4f46e5);color:#fff}.confirm-btn.confirm[data-v-ae94635b]:hover{opacity:.9;transform:translateY(-1px)}.confirm-btn.confirm.danger[data-v-ae94635b]{background:#ef4444}.confirm-btn.confirm.success[data-v-ae94635b]{background:#22c55e}.confirm-fade-enter-active[data-v-ae94635b],.confirm-fade-leave-active[data-v-ae94635b]{transition:opacity .2s ease}.confirm-fade-enter-from[data-v-ae94635b],.confirm-fade-leave-to[data-v-ae94635b]{opacity:0}:root,[data-theme=a]{--bg: #f6f4ee;--bg-deep: #efecdf;--card: #fffdf8;--card-2: #f4f0e6;--line: #e5dfd0;--line-strong: #d4ccba;--ink-1: #26231c;--ink-2: #6d675a;--ink-3: #a29a87;--accent: #c2492f;--accent-deep: #a03a24;--accent-ink: #fffaf6;--accent-soft: #f8e8e0;--accent-line: #e4b8a8;--ok: #3d7a4f;--ok-soft: #e4efe2;--warn: #a3641a;--warn-soft: #f7ecd8;--err: #b3372e;--err-soft: #f7e2df;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--shadow-1: 0 1px 2px rgba(60, 50, 30, .06), 0 2px 8px rgba(60, 50, 30, .05);--shadow-2: 0 4px 10px rgba(60, 50, 30, .08), 0 12px 32px rgba(60, 50, 30, .1);--font: "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif;--font-display: Georgia, "Times New Roman", "Songti SC", "SimSun", serif}[data-theme=b]{--bg: #f4f6f8;--bg-deep: #e9edf1;--card: #ffffff;--card-2: #f2f5f8;--line: #e2e7ec;--line-strong: #ccd4dc;--ink-1: #182430;--ink-2: #5c6b7a;--ink-3: #9aa7b4;--accent: #2458d6;--accent-deep: #1c46ab;--accent-ink: #f6f9ff;--accent-soft: #e5ecfb;--accent-line: #b9c8ef;--ok: #1f7a4d;--ok-soft: #e0efe6;--warn: #9a6210;--warn-soft: #f6ecd7;--err: #c03434;--err-soft: #f9e3e1}[data-theme=c]{--bg: #f5f1e9;--bg-deep: #ece5d6;--card: #fdfaf4;--card-2: #f3ede0;--line: #e5dcc9;--line-strong: #d2c6ad;--ink-1: #2b2115;--ink-2: #6f6350;--ink-3: #a79a82;--accent: #b3641c;--accent-deep: #94510f;--accent-ink: #fff9f0;--accent-soft: #f6e8d4;--accent-line: #e2c39a;--ok: #4a6b2a;--ok-soft: #e8eeda;--warn: #96660f;--warn-soft: #f5ecd4;--err: #ad3a28;--err-soft: #f7e3dc}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink-1);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-deep)}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}::-webkit-scrollbar-track{background:transparent}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:224px;flex-shrink:0;display:flex;flex-direction:column;background:var(--card);border-right:1px solid var(--line);z-index:10}.sidebar-logo{display:flex;align-items:center;gap:11px;padding:22px 20px 18px;border-bottom:1px solid var(--line)}.sidebar-logo .logo-mark{width:36px;height:36px;border-radius:9px;background:var(--ink-1);color:var(--card);display:grid;place-items:center;font-size:15px;font-weight:800;font-family:var(--font-display);letter-spacing:.5px;flex-shrink:0}.sidebar-logo .logo-text{font-family:var(--font-display);font-size:16.5px;font-weight:700;letter-spacing:.2px;color:var(--ink-1);line-height:1.2}.sidebar-logo .logo-sub{display:block;font-family:var(--font);font-size:10px;color:var(--ink-3);letter-spacing:2.5px;margin-top:2px}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.nav-group-title{font-size:10.5px;color:var(--ink-3);letter-spacing:2.5px;font-weight:700;padding:16px 10px 7px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 11px;margin-bottom:2px;border-radius:var(--r-md);color:var(--ink-2);cursor:pointer;transition:all .14s ease;font-size:13.5px;font-weight:500;position:relative}.nav-item:hover{color:var(--ink-1);background:var(--card-2)}.nav-item.active{color:var(--accent-deep);background:var(--accent-soft);font-weight:600}.nav-item .nav-icon{width:19px;text-align:center;font-size:15px;flex-shrink:0}.nav-item .nav-badge{margin-left:auto;background:var(--err);color:#fff;font-size:10.5px;font-weight:700;padding:0 6px;border-radius:99px;min-width:17px;height:17px;display:grid;place-items:center}.sidebar-footer{padding:12px 14px;border-top:1px solid var(--line)}.sidebar-toggle{width:100%;margin-top:8px;border:1px dashed var(--line-strong);background:transparent;color:var(--ink-3);border-radius:var(--r-md);padding:4px 0;cursor:pointer;font-size:13px}.sidebar-toggle:hover{color:var(--ink-1);border-color:var(--ink-3)}.sidebar.collapsed{width:62px}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:18px 0 14px}.sidebar.collapsed .sidebar-footer{padding:10px 8px}.sidebar.collapsed .user-chip{justify-content:center;padding:6px 0}.sidebar.collapsed .nav-item{justify-content:center;padding:9px 0}.sidebar.collapsed .nav-badge{position:absolute;top:2px;right:6px}.user-chip{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--r-md);cursor:pointer;transition:background .14s}.user-chip:hover{background:var(--card-2)}.user-chip .avatar{width:32px;height:32px;border-radius:50%;background:var(--card-2);border:1px solid var(--line-strong);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--ink-2);overflow:hidden;flex-shrink:0}.user-chip .avatar img{width:100%;height:100%;object-fit:cover}.user-chip .u-name{font-size:13px;font-weight:600;color:var(--ink-1);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip .u-sub{font-size:11px;color:var(--ink-3)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:56px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 26px;border-bottom:1px solid var(--line);background:var(--card)}.topbar .page-title{font-size:15px;font-weight:700;letter-spacing:.2px}.topbar .page-sub{font-size:12px;color:var(--ink-3);padding-left:12px;border-left:1px solid var(--line)}.topbar .spacer{flex:1}.page-body{flex:1;overflow-y:auto;padding:24px 26px}.page-body.fluid{padding:0;overflow:hidden}.page-body.fluid>.ui-page,.page-body.fluid>.card-edit{height:100%;min-height:0}.page-body.fluid>.ui-page:not(.chat-page),.page-body.fluid>.card-edit{overflow-y:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;border-radius:var(--r-md);padding:8px 17px;transition:all .15s ease;white-space:nowrap;color:var(--ink-1);background:var(--card-2)}.btn:hover{background:var(--line)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--ink-1);color:var(--card)}.btn-primary:hover{background:#000}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-accent:hover{background:var(--accent-deep)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{color:var(--ink-1);background:var(--card-2)}.btn-outline{background:var(--card);border-color:var(--line-strong)}.btn-outline:hover{border-color:var(--ink-3);background:var(--card)}.btn-danger{background:var(--err-soft);color:var(--err)}.btn-danger:hover{background:#f0d3cf}.btn-ok{background:var(--ok-soft);color:var(--ok)}.btn-sm{padding:4px 12px;font-size:12px;border-radius:var(--r-sm)}.btn-lg{padding:11px 24px;font-size:14.5px;border-radius:var(--r-md)}.btn-block{width:100%}.btn.loading{pointer-events:none;opacity:.7}.spin{width:13px;height:13px;flex-shrink:0;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.7;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-pad{padding:18px}.card-title{font-size:11px;font-weight:800;color:var(--ink-3);letter-spacing:2px;display:flex;align-items:center;gap:8px;margin-bottom:12px;text-transform:uppercase}.card-title .num{font-family:var(--font-display);font-size:13px;color:var(--accent);font-weight:700;letter-spacing:0}.input,.select,.textarea{width:100%;background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--ink-1);font-family:var(--font);font-size:13.5px;padding:8px 12px;outline:none;transition:border-color .14s,box-shadow .14s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.textarea{resize:vertical;min-height:84px;line-height:1.75}.select{cursor:pointer}.select option{background:var(--card);color:var(--ink-1)}.field{margin-bottom:14px}.field-label{display:block;font-size:12px;color:var(--ink-2);margin-bottom:5px;font-weight:600}.tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:5px;background:var(--card-2);color:var(--ink-2);border:1px solid var(--line)}.tag-brand{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent-line)}.tag-ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.tag-warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.tag-err{background:var(--err-soft);color:var(--err);border-color:transparent}.seg{display:inline-flex;gap:2px;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-md);padding:3px}.seg-item{padding:5px 15px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:all .14s;border:none;background:transparent;font-family:var(--font)}.seg-item:hover{color:var(--ink-1)}.seg-item.active{background:var(--card);color:var(--ink-1);box-shadow:var(--shadow-1)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#2822166b;display:grid;place-items:center;z-index:100;animation:fadeIn .16s ease;padding:24px}.modal-box{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);animation:popIn .2s cubic-bezier(.2,.9,.3,1.1)}.modal-box.modal-lg{max-width:900px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:2}.modal-head h3{font-size:14.5px;font-weight:700}.modal-close{width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:var(--r-sm);background:transparent;color:var(--ink-3);cursor:pointer;font-size:15px}.modal-close:hover{background:var(--card-2);color:var(--ink-1)}.modal-body{padding:20px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:13px 20px;border-top:1px solid var(--line);background:var(--card-2);border-radius:0 0 var(--r-lg) var(--r-lg)}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.97) translateY(8px)}}.toast-wrap{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{display:flex;align-items:center;gap:8px;padding:9px 17px;border-radius:var(--r-md);background:var(--ink-1);color:var(--card);font-size:13px;box-shadow:var(--shadow-2);animation:toastIn .22s ease}.toast.err{background:var(--err);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 20px;color:var(--ink-3);text-align:center}.empty .empty-icon{font-size:34px;margin-bottom:10px;opacity:.75}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:18px}.work-card{border-radius:var(--r-lg);overflow:hidden;background:var(--card);border:1px solid var(--line);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.work-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--line-strong)}.work-cover{aspect-ratio:3/4;background:var(--card-2);position:relative;overflow:hidden;display:grid;place-items:center}.work-cover img{width:100%;height:100%;object-fit:cover;display:block}.work-cover .cover-ph{font-size:34px;opacity:.35}.work-cover .model-chip{position:absolute;top:10px;left:10px;background:#fffdf8eb;color:var(--ink-1);border:1px solid var(--line);font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:5px;letter-spacing:.5px;text-transform:uppercase}.work-info{padding:12px 14px 13px}.work-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-meta{display:flex;align-items:center;gap:10px;margin-top:5px;font-size:11.5px;color:var(--ink-3)}.work-meta .meta-item{display:inline-flex;align-items:center;gap:3px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.stat-card{padding:15px 17px}.stat-card .s-val{font-size:24px;font-weight:800;color:var(--ink-1);font-family:var(--font-display)}.stat-card .s-label{font-size:11.5px;color:var(--ink-3);margin-top:1px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:9px 12px;color:var(--ink-3);font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--line-strong);white-space:nowrap}.table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:hover td{background:var(--card-2)}.progress{height:6px;border-radius:99px;background:var(--card-2);overflow:hidden}.progress>div{height:100%;border-radius:99px;background:var(--accent);transition:width .3s ease}.prompt-box{background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 13px;font-size:12.5px;line-height:1.75;max-height:210px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;color:var(--ink-1)}.prompt-box.pos{border-left:3px solid var(--ok)}.prompt-box.neg{border-left:3px solid var(--err)}.filter-cloud{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;padding:4px 11px;border-radius:99px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink-2);cursor:pointer;transition:all .12s;font-family:var(--font)}.chip:hover{border-color:var(--ink-3);color:var(--ink-1)}.chip.on{background:var(--ink-1);border-color:var(--ink-1);color:var(--card)}.chip.block{background:var(--err-soft);border-color:var(--err);color:var(--err);text-decoration:line-through}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--card-2) 25%,var(--line) 50%,var(--card-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.theme-dots{display:flex;gap:7px;align-items:center;padding:4px 10px;border-radius:99px;border:1px solid var(--line);background:var(--card)}.theme-dot{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;position:relative}.theme-dot.active{border-color:var(--ink-1)}.theme-dot span{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;display:block}.flex{display:flex;align-items:center}.flex-1{flex:1;min-width:0}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.text-2{color:var(--ink-2)}.text-3{color:var(--ink-3)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-center{text-align:center}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.sidebar{width:60px}.sidebar-logo .logo-text,.sidebar-logo .logo-sub,.nav-item .nav-text,.nav-group-title,.user-chip .u-info{display:none}.nav-item{justify-content:center}.page-body{padding:14px}}select option{background:#1a1a2e!important;color:#fff!important;padding:6px 10px}select optgroup{background:#1a1a2e!important;color:#6366f1!important;font-weight:600}.theme-ink{--font-main: "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", serif;--font-head: var(--font-main);--bg: #f5f0eb;--bg-grad: linear-gradient(165deg, #f5f0eb 0%, #efe7dc 55%, #e8e0d5 100%);--panel: #fffbf5;--panel-2: #f6efe3;--panel-hover: #faf5ea;--border: #d4c4a8;--border-soft: #e3d7c0;--text: #3d3229;--text-2: #8b7355;--text-3: #b0a084;--accent: #8b7355;--accent-strong: #6f5a40;--accent-soft: rgba(139, 115, 85, .12);--on-accent: #fffdf8;--danger: #b04a3a;--ok: #4a7c59;--bubble-user: #f3ead9;--bubble-user-border: #d8c8a8;--bubble-ai: #fffbf5;--bubble-ai-border: #d4c4a8;--shadow: 0 2px 10px rgba(93, 76, 53, .08);--shadow-lg: 0 10px 40px rgba(93, 76, 53, .18);--radius: 10px;--radius-lg: 16px;color-scheme:light}.theme-rpg{--font-main: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--font-head: "Cinzel", "Noto Serif SC", "STSong", serif;--bg: #1a1410;--bg-grad: linear-gradient(165deg, #221a12 0%, #17110c 55%, #0d0a08 100%);--panel: #1e1812;--panel-2: #241c14;--panel-hover: #2b2218;--border: #3a2e1e;--border-soft: #2c2317;--text: #c4b59a;--text-2: #a08b5e;--text-3: #6f5f44;--accent: #c4a55a;--accent-strong: #e0c37c;--accent-soft: rgba(196, 165, 90, .14);--on-accent: #1a1408;--danger: #c65b4e;--ok: #7ba05b;--bubble-user: #26201550;--bubble-user-border: #4a3a22;--bubble-ai: #1e1812;--bubble-ai-border: #3a2e1e;--shadow: 0 2px 10px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .55);--radius: 10px;--radius-lg: 16px;color-scheme:dark}.ui-page{min-height:100vh;background:var(--bg-grad) fixed;background-color:var(--bg);color:var(--text);font-family:var(--font-main);font-size:14px;display:flex;flex-direction:column}.ui-topbar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:40}.ui-topbar .ui-title{font-family:var(--font-head);font-size:17px;font-weight:600;letter-spacing:1px}.ui-topbar .ui-sub{color:var(--text-2);font-size:12px}.ui-spacer{flex:1}.ui-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:var(--radius);padding:7px 14px;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .05s;white-space:nowrap;-webkit-user-select:none;user-select:none}.ui-btn:hover{background:var(--panel-hover);border-color:var(--accent)}.ui-btn:active{transform:translateY(1px)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ui-btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.ui-btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.ui-btn.ghost:hover{background:var(--accent-soft);color:var(--text);border-color:transparent}.ui-btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.ui-btn.danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.ui-btn.sm{padding:4px 10px;font-size:12px;border-radius:8px}.ui-input,.ui-select,.ui-textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 12px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s;min-width:0}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-3)}.ui-textarea{resize:vertical;line-height:1.6}.ui-label{font-size:12px;color:var(--text-2);margin-bottom:5px;display:block}.ui-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.ui-tag{display:inline-block;font-size:11px;color:var(--text-2);background:var(--accent-soft);border:1px solid var(--border-soft);border-radius:999px;padding:2px 9px}.ui-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a08058c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.ui-modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(640px,100%);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.ui-modal-head{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-soft);font-family:var(--font-head);font-size:15px;font-weight:600}.ui-modal-body{padding:18px;overflow-y:auto}.ui-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid var(--border-soft)}.ui-empty{text-align:center;color:var(--text-3);padding:46px 0;font-size:13px}.ui-empty .icon{font-size:34px;display:block;margin-bottom:10px;opacity:.7}.ui-spin{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:ui-spin .9s linear infinite;display:inline-block;vertical-align:-3px}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-page ::-webkit-scrollbar,.ui-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ui-page ::-webkit-scrollbar{width:8px;height:8px}.ui-page ::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.ui-page ::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.ui-page ::-webkit-scrollbar-track{background:transparent}.ui-msg{display:flex;gap:10px;margin-bottom:18px}.ui-msg .avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--panel-2);flex:none;display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden}.ui-msg .avatar img{width:100%;height:100%;object-fit:cover}.ui-msg .bubble{background:var(--bubble-ai);border:1px solid var(--bubble-ai-border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px 14px;max-width:min(860px,92%);box-shadow:var(--shadow)}.ui-msg.user{flex-direction:row-reverse}.ui-msg.user .bubble{background:var(--bubble-user);border:1px solid var(--bubble-user-border);border-left:1px solid var(--bubble-user-border);border-right:3px solid var(--accent)}.ui-msg .meta{font-size:11px;color:var(--text-3);margin-bottom:4px;display:flex;gap:8px;align-items:center}.ui-msg.user .meta{justify-content:flex-end}.ui-typing{display:inline-flex;gap:4px;padding:6px 2px}.ui-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:ui-blink 1.2s infinite}.ui-typing span:nth-child(2){animation-delay:.2s}.ui-typing span:nth-child(3){animation-delay:.4s}@keyframes ui-blink{0%,60%,to{opacity:.25}30%{opacity:1}}