:root{color-scheme:light;--bg-base:#f5f6f8;--bg-sidebar:#fff;--bg-surface:hsla(0,0%,100%,.92);--bg-surface-hover:#f1f3f6;--border-color:#e1e4e8;--border-color-active:rgba(51,112,255,.5);--border-color-hover:#c9cdd4;--primary:#3370ff;--primary-hover:#245bdb;--primary-soft:rgba(51,112,255,.1);--primary-glow:rgba(51,112,255,.18);--primary-glow-strong:rgba(51,112,255,.3);--accent:#36d9f2;--accent-hover:#5fe7fc;--accent-glow:rgba(49,209,238,.2);--danger:#e8304f;--success:#26c57b;--text-primary:#1f2329;--text-secondary:#646a73;--text-muted:#8f959e;--text-on-dark:#fff;--text-on-accent:#fff;--body-bg:linear-gradient(180deg,#f8f9fb,#f5f6f8);--workspace-bg:radial-gradient(circle at 62% 52%,rgba(51,112,255,.08) 0%,rgba(51,112,255,.025) 26%,transparent 52%),linear-gradient(180deg,#f8f9fb,#f3f5f8);--page-bg:radial-gradient(ellipse at 80% 12%,rgba(51,112,255,.06) 0%,transparent 44%),#f5f6f8;--sidebar-gradient:linear-gradient(180deg,#fff,#f8f9fb);--panel-gradient:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,249,251,.98));--login-bg:radial-gradient(circle at 50% 45%,rgba(51,112,255,.12) 0%,rgba(51,112,255,.035) 30%,transparent 58%),radial-gradient(circle at 88% 80%,rgba(49,209,238,.09) 0%,transparent 40%),#f5f6f8;--login-panel:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(248,249,251,.94));--glass-bg:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(248,249,251,.9));--popover-bg:hsla(0,0%,100%,.98);--card-bg:hsla(0,0%,100%,.9);--toast-bg:hsla(0,0%,100%,.96);--brand-gradient:linear-gradient(90deg,#1f2329 25%,#646a73);--grid-line:rgba(31,35,41,.025);--shadow-panel:0 18px 50px rgba(31,35,41,.12),inset 0 1px 0 hsla(0,0%,100%,.8);--shadow-hover:0 14px 42px rgba(31,35,41,.16),inset 0 1px 0 hsla(0,0%,100%,.9);--surface-01:rgba(31,35,41,.015);--surface-02:rgba(31,35,41,.025);--surface-025:rgba(31,35,41,.032);--surface-028:rgba(31,35,41,.036);--surface-03:rgba(31,35,41,.04);--surface-032:rgba(31,35,41,.042);--surface-035:rgba(31,35,41,.048);--surface-04:rgba(31,35,41,.055);--surface-045:rgba(31,35,41,.06);--surface-05:rgba(31,35,41,.07);--surface-055:rgba(31,35,41,.075);--surface-06:rgba(31,35,41,.08);--surface-07:rgba(31,35,41,.09);--surface-08:rgba(31,35,41,.1);--surface-1:rgba(31,35,41,.12);--surface-11:rgba(31,35,41,.13);--surface-12:rgba(31,35,41,.14);--surface-15:rgba(31,35,41,.17);--surface-16:rgba(31,35,41,.18);--surface-18:rgba(31,35,41,.2);--surface-2:rgba(31,35,41,.22);--sidebar-width:258px;--sidebar-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-sans:"MiSans","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme=dark]{color-scheme:dark;--bg-base:#08090d;--bg-sidebar:#17191f;--bg-surface:rgba(21,24,33,.76);--bg-surface-hover:rgba(31,35,46,.92);--border-color:hsla(0,0%,100%,.07);--border-color-active:rgba(94,152,255,.48);--border-color-hover:hsla(0,0%,100%,.16);--primary:#5990f8;--primary-hover:#80b5ff;--primary-soft:rgba(94,152,255,.1);--primary-glow:rgba(60,115,255,.24);--primary-glow-strong:rgba(60,115,255,.42);--text-primary:#eef2f8;--text-secondary:#a8b0bf;--text-muted:#687181;--body-bg:radial-gradient(circle at 58% 48%,rgba(29,72,190,.22) 0%,rgba(29,72,190,.08) 20%,transparent 46%),radial-gradient(circle at 88% 12%,rgba(49,209,238,.06) 0%,transparent 32%),linear-gradient(180deg,#0b0d13,#08090d 42%,#050609);--workspace-bg:radial-gradient(circle at 62% 52%,rgba(32,77,202,.22) 0%,rgba(32,77,202,.08) 24%,transparent 50%),linear-gradient(180deg,#0a0c12,#07080d);--page-bg:radial-gradient(ellipse at 80% 12%,rgba(94,152,255,.08) 0%,transparent 45%),#08090d;--sidebar-gradient:linear-gradient(180deg,rgba(28,30,37,.96),rgba(18,20,27,.96));--panel-gradient:linear-gradient(180deg,rgba(16,18,25,.94),rgba(10,12,18,.96));--login-bg:radial-gradient(circle at 50% 45%,rgba(32,77,202,.2) 0%,rgba(32,77,202,.06) 30%,transparent 58%),radial-gradient(circle at 88% 80%,rgba(49,209,238,.06) 0%,transparent 40%),#08090d;--login-panel:linear-gradient(180deg,rgba(22,25,34,.78),rgba(12,14,20,.72));--glass-bg:linear-gradient(180deg,rgba(23,26,36,.82),rgba(12,14,20,.74));--popover-bg:rgba(20,22,28,.98);--card-bg:rgba(15,18,26,.78);--toast-bg:rgba(17,20,28,.92);--brand-gradient:linear-gradient(90deg,#fff 25%,#aab6c8);--grid-line:hsla(0,0%,100%,.018);--shadow-panel:0 22px 70px rgba(0,0,0,.48),inset 0 1px 0 hsla(0,0%,100%,.055);--shadow-hover:0 12px 48px rgba(0,0,0,.65),inset 0 1px 0 hsla(0,0%,100%,.06);--surface-01:hsla(0,0%,100%,.01);--surface-02:hsla(0,0%,100%,.02);--surface-025:hsla(0,0%,100%,.025);--surface-028:hsla(0,0%,100%,.028);--surface-03:hsla(0,0%,100%,.03);--surface-032:hsla(0,0%,100%,.032);--surface-035:hsla(0,0%,100%,.035);--surface-04:hsla(0,0%,100%,.04);--surface-045:hsla(0,0%,100%,.045);--surface-05:hsla(0,0%,100%,.05);--surface-055:hsla(0,0%,100%,.055);--surface-06:hsla(0,0%,100%,.06);--surface-07:hsla(0,0%,100%,.07);--surface-08:hsla(0,0%,100%,.08);--surface-1:hsla(0,0%,100%,.1);--surface-11:hsla(0,0%,100%,.11);--surface-12:hsla(0,0%,100%,.12);--surface-15:hsla(0,0%,100%,.15);--surface-16:hsla(0,0%,100%,.16);--surface-18:hsla(0,0%,100%,.18);--surface-2:hsla(0,0%,100%,.2)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--body-bg);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}button,input,select,textarea{font:inherit}::selection{background:rgba(94,152,255,.34);color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-11);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--surface-2)}.prompt-mirror::-webkit-scrollbar-thumb,.prompt-mirror::-webkit-scrollbar-thumb:hover{background:transparent}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-glow{0%,to{opacity:.65;box-shadow:0 0 10px var(--primary-glow)}50%{opacity:1;box-shadow:0 0 28px var(--primary-glow-strong)}}@keyframes glow-stream{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float-x{0%,to{transform:translateX(0)}50%{transform:translateX(-3px)}}@keyframes ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);border:1px solid var(--border-color);border-radius:22px;box-shadow:var(--shadow-panel)}html[data-theme=light] .glass-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.glass-panel-hover{transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-hover)}.glow-btn-primary{background:linear-gradient(135deg,#3f7cff,#1d5eff 54%,#1ed6ef);color:#fff;border:none;padding:13px 24px;border-radius:999px;font-weight:700;font-family:var(--font-sans);font-size:14.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 34px var(--primary-glow),0 12px 28px rgba(0,0,0,.34);position:relative;overflow:hidden;letter-spacing:.2px}.glow-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.3),rgba(49,209,238,.34),hsla(0,0%,100%,.18));background-size:200% 200%;opacity:0;transition:opacity .3s;animation:glow-stream 3s ease infinite}.glow-btn-primary:hover:not(:disabled):before{opacity:.3}.glow-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 32px var(--primary-glow-strong),0 16px 34px rgba(0,0,0,.46)}.glow-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 0 16px var(--primary-glow)}.glow-btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.glow-btn-secondary{background:var(--surface-045);color:var(--text-primary);border:1px solid var(--border-color);padding:12px 22px;border-radius:999px;font-weight:600;font-family:var(--font-sans);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;letter-spacing:.2px}.glow-btn-secondary:hover:not(:disabled){background:var(--surface-07);border-color:var(--border-color-hover);transform:translateY(-1px)}.pulse-generating{animation:pulse-glow 2.2s ease-in-out infinite}.gradient-loading-bar{background:linear-gradient(90deg,var(--primary),var(--accent),#b447eb,var(--primary));background-size:300% 300%;animation:glow-stream 2s linear infinite}@keyframes media-indeterminate{0%{transform:translateX(-120%)}to{transform:translateX(340%)}}.indeterminate-loading-bar{width:28%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));animation:media-indeterminate 1.5s ease-in-out infinite}.fade-in-up{animation:fade-in-up .35s cubic-bezier(.4,0,.2,1) both}.chat-task-bubble{content-visibility:auto;contain:layout paint style;contain-intrinsic-size:auto 520px}.app-container{display:flex;min-height:100vh;background:var(--workspace-bg);position:relative;isolation:isolate}.app-container:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 62% 48%,#000 0,rgba(0,0,0,.4) 36%,transparent 72%);mask-image:radial-gradient(circle at 62% 48%,#000 0,rgba(0,0,0,.4) 36%,transparent 72%);opacity:.32;z-index:-1}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-gradient);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;z-index:20;transition:var(--sidebar-transition);overflow:hidden;position:relative}.sidebar.collapsed{width:0;min-width:0;border-right:none}.sidebar-inner{width:var(--sidebar-width);min-width:var(--sidebar-width);display:flex;flex-direction:column;height:100%;flex-shrink:0}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;cursor:pointer;transition:all .18s ease;border:1px solid transparent;color:var(--text-secondary);font-weight:500;font-size:14px;text-decoration:none;position:relative}.nav-item:hover{background:var(--surface-035);color:var(--text-primary);border-color:var(--border-color)}.nav-item.active{background:rgba(120,80,255,.1);color:#fff;border-color:rgba(120,80,255,.25);font-weight:600;box-shadow:inset 0 0 0 1px rgba(120,80,255,.08)}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:linear-gradient(to bottom,var(--primary),var(--accent));border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--primary-glow)}.sidebar-expand-btn{position:fixed;left:16px;top:18px;z-index:50;width:36px;height:36px;border-radius:10px;background:rgba(14,16,22,.9);border:1px solid var(--border-color-active);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 16px var(--primary-glow),0 4px 12px rgba(0,0,0,.5);animation:float-x 3s ease-in-out infinite}.sidebar-expand-btn:hover{background:rgba(120,80,255,.15);color:#fff;box-shadow:0 0 24px var(--primary-glow-strong);animation:none;transform:scale(1.08)}.main-content{flex-grow:1;height:100vh;overflow-y:auto;position:relative;transition:var(--sidebar-transition);min-width:0}.main-content,.toast-container{display:flex;flex-direction:column}.toast-container{position:fixed;bottom:28px;right:28px;z-index:9999;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:16px;background:var(--toast-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 8px 32px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.05);font-size:13px;font-weight:500;color:var(--text-primary);animation:fade-in-up .3s cubic-bezier(.4,0,.2,1);max-width:360px}.toast.success{border-color:rgba(0,238,255,.18);box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 18px rgba(0,238,255,.08)}.toast.error{border-color:rgba(239,68,68,.2);box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 18px rgba(239,68,68,.08)}.input-field{width:100%;height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--border-color);background:var(--surface-032);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);outline:none;transition:all .2s ease}.input-field:focus{border-color:var(--border-color-active);background:var(--surface-04);box-shadow:0 0 0 4px rgba(94,152,255,.1),0 0 18px rgba(94,152,255,.08)}.model-card{padding:14px 16px;border-radius:16px;border:1px solid var(--border-color);background:linear-gradient(180deg,var(--surface-04),var(--surface-02));cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.model-card:hover{border-color:var(--border-color-hover);background:var(--surface-05);transform:translateY(-2px)}.model-card.selected{border-color:rgba(94,152,255,.52);background:linear-gradient(135deg,rgba(94,152,255,.13),rgba(49,209,238,.05)),hsla(0,0%,100%,.034);box-shadow:0 0 22px rgba(60,115,255,.14),inset 0 1px 0 hsla(0,0%,100%,.055)}.progress-ring-track{position:absolute;width:100%;height:100%;border-radius:50%;border:3.5px solid rgba(94,152,255,.1)}.progress-ring-fill{position:absolute;width:100%;height:100%;border-radius:50%;border-left:3.5px solid transparent;border-bottom:3.5px solid transparent;border-top:3.5px solid transparent;border-top-color:var(--primary);border-right:3.5px solid transparent;border-right-color:var(--accent);animation:ring-spin 1.1s cubic-bezier(.4,0,.6,1) infinite;filter:drop-shadow(0 0 6px var(--primary-glow))}