:root,:root[data-theme=light]{--bg: #f6f8fc;--bg2: #ffffff;--bg3: #e9eef6;--line: #dde4ee;--text: #1a2333;--text2: #5b6b84;--accent: #3b82f6;--accent2: #0ea5a4;--danger: #ef4444;--ok: #22c55e;--shadow: 0 8px 30px rgba(30, 60, 120, .08);--glass: rgba(255, 255, 255, .82);--msg-user: linear-gradient(135deg, #3b82f6, #6366f1);--msg-tool-bg: rgba(59, 130, 246, .07)}:root[data-theme=dark]{--bg: #0b1020;--bg2: #131a2e;--bg3: #1e2740;--line: #27314d;--text: #e6ecf7;--text2: #8b9bbd;--accent: #4f8cff;--accent2: #2dd4bf;--danger: #f87171;--ok: #4ade80;--shadow: 0 8px 30px rgba(0, 0, 0, .45);--glass: rgba(19, 26, 46, .8);--msg-user: linear-gradient(135deg, #2563eb, #7c3aed);--msg-tool-bg: rgba(79, 140, 255, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);transition:background .35s,color .35s}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg-fx .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:float 18s ease-in-out infinite}.bg-fx .orb.o1{width:480px;height:480px;background:radial-gradient(circle,#3b82f6,transparent 65%);top:-120px;left:-100px}.bg-fx .orb.o2{width:420px;height:420px;background:radial-gradient(circle,#06b6d4,transparent 65%);bottom:-140px;right:-80px;animation-delay:-6s}.bg-fx .orb.o3{width:360px;height:360px;background:radial-gradient(circle,#8b5cf6,transparent 65%);top:40%;left:55%;animation-delay:-12s}:root[data-theme=dark] .bg-fx .orb{opacity:.34}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-50px) scale(1.12)}66%{transform:translate(-40px,40px) scale(.94)}}.bg-fx .grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.16;mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,#000 30%,transparent 75%)}.bg-fx .aurora{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:conic-gradient(from 0deg,#3b82f624,#06b6d41a,#8b5cf621,#3b82f624);animation:spin 26s linear infinite}:root[data-theme=dark] .bg-fx .aurora{opacity:.55}@keyframes spin{to{transform:rotate(360deg)}}.bg-fx .shooting{position:absolute;width:160px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,0),var(--accent));opacity:0;animation:shoot 7s ease-in infinite}.bg-fx .shooting.s1{top:12%;left:-10%;animation-delay:0s}.bg-fx .shooting.s2{top:38%;left:-10%;animation-delay:2.8s}.bg-fx .shooting.s3{top:66%;left:-10%;animation-delay:5.2s}@keyframes shoot{0%{transform:translate(0) rotate(14deg);opacity:0}6%{opacity:.85}16%{transform:translate(130vw) rotate(14deg);opacity:0}to{transform:translate(130vw) rotate(14deg);opacity:0}}:root[data-theme=dark] .bg-fx .shooting{background:linear-gradient(90deg,#fff0,#7dd3fc)}.bg-fx .dust{position:absolute;border-radius:50%;background:var(--accent);animation:dustFloat 12s ease-in-out infinite}.bg-fx .dust.d1{width:4px;height:4px;top:20%;left:30%;opacity:.5;animation-delay:0s}.bg-fx .dust.d2{width:3px;height:3px;top:65%;left:15%;opacity:.4;animation-delay:-3s}.bg-fx .dust.d3{width:5px;height:5px;top:45%;left:80%;opacity:.45;animation-delay:-6s}.bg-fx .dust.d4{width:3px;height:3px;top:80%;left:60%;opacity:.4;animation-delay:-9s}.bg-fx .dust.d5{width:4px;height:4px;top:30%;left:90%;opacity:.5;animation-delay:-5s}.bg-fx .dust.d6{width:2px;height:2px;top:10%;left:55%;opacity:.55;animation-delay:-8s}@keyframes dustFloat{0%,to{transform:translate(0)}33%{transform:translate(30px,-45px)}66%{transform:translate(-25px,25px)}}.app,.auth-wrap{position:relative;z-index:1}.auth-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{width:100%;max-width:380px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;padding:28px 24px;box-shadow:var(--shadow)}.auth-title{font-size:24px;font-weight:800;margin:0 0 16px;background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg3);border-radius:10px;padding:4px}.auth-tab{flex:1;border:none;background:transparent;color:var(--text2);font-size:13px;font-weight:600;padding:8px 0;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.auth-tab.active{background:var(--bg2);color:var(--text);box-shadow:0 2px 8px #1e3c7814}.auth-sub{font-size:13px;color:var(--text2);margin:0 0 20px}.input{width:100%;height:44px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:0 14px;font-size:15px;margin-bottom:12px;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.btn{width:100%;height:44px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;background:linear-gradient(120deg,var(--accent),#6366f1);color:#fff;transition:transform .15s,opacity .2s,box-shadow .2s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #3b82f659}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text2);box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--bg3);transform:none;box-shadow:none}.err{color:var(--danger);font-size:13px;margin:0 0 10px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:relative}.topbar h1{font-size:16px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .who{font-size:12px;color:var(--text2)}.badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.badge.on{background:#22c55e24;color:var(--ok)}.badge.off{background:#ef444421;color:var(--danger)}.badge.none{background:#8b9bbd26;color:var(--text2)}.theme-toggle{width:40px;height:26px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:var(--bg3);position:relative;flex:none}.theme-toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f97316);transition:left .25s}:root[data-theme=dark] .theme-toggle:after{left:17px;background:linear-gradient(135deg,#93c5fd,#6366f1)}.layout{flex:1;display:flex;min-height:0}.sidebar{width:220px;background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column}@media (max-width: 700px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;z-index:20;width:240px}}.sidebar .head{padding:12px 14px;font-size:12px;color:var(--text2);display:flex;justify-content:space-between;align-items:center}.session-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line);font-size:14px}.session-item.active,.session-item:hover{background:var(--bg3)}.sidebar .bottom{margin-top:auto;padding:12px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--text2)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word;box-shadow:0 2px 10px #1e3c780f;animation:pop .25s ease}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg.user{align-self:flex-end;background:var(--msg-user);color:#fff}.msg.assistant{align-self:flex-start;background:var(--bg2);border:1px solid var(--line)}.msg.tool{align-self:flex-start;background:var(--msg-tool-bg);border:1px solid var(--line);font-size:13px;color:var(--text2);width:100%;white-space:pre-wrap}.msg.system{align-self:center;background:transparent;color:var(--text2);font-size:12px;box-shadow:none}.tool-head{font-weight:600;color:var(--accent2)}.composer{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-top:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.composer-row{display:flex;gap:8px;align-items:flex-end}.folder-btn{width:auto!important;height:36px;padding:0 10px;flex:none;font-size:13px;white-space:nowrap}.attachments{display:flex;flex-wrap:wrap;gap:6px}.attach-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 9px;background:var(--bg3);border:1px solid var(--line);border-radius:12px;color:var(--text)}.attach-chip button{border:none;background:none;cursor:pointer;color:var(--text2);font-size:13px;padding:0 2px}.composer textarea{flex:1;min-height:44px;max-height:140px;resize:none;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:10px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.composer button{width:64px;border:none;border-radius:12px;background:linear-gradient(120deg,var(--accent),#6366f1);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.5}.skills-page{flex:1;overflow-y:auto;padding:20px}.skill-card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow)}.skill-card .name{font-weight:600;margin-bottom:4px}.skill-card .desc{font-size:13px;color:var(--text2)}.skill-form{display:flex;flex-direction:column;gap:8px}.tabs{display:flex;gap:4px;padding:10px 14px 0;font-size:13px}.tab{padding:6px 14px;border-radius:8px 8px 0 0;cursor:pointer;color:var(--text2);transition:background .2s,color .2s}.tab.active{background:var(--bg2);color:var(--text)}@media (max-width: 700px){.msg{max-width:92%}.topbar h1{font-size:14px}.drawer{width:78vw;max-width:220px}.app.drawer-open{transform:translate(78vw);max-width:78vw}.topbar .who{display:none}.model-select{max-width:120px;font-size:12px}}.app{transition:transform .28s cubic-bezier(.4,0,.2,1)}.app.drawer-open{transform:translate(220px)}.drawer{position:fixed;top:0;left:0;bottom:0;width:220px;z-index:80;background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:10px 8px;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0000001f}.app.drawer-open .drawer{transform:translate(0)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#080c1866;opacity:0;pointer-events:none;transition:opacity .28s}.app.drawer-open .drawer-mask{opacity:1;pointer-events:auto}.drawer-head{padding:16px 12px 12px;font-weight:800;font-size:15px}.drawer-logo{background:linear-gradient(120deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.drawer-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;font-size:14px;cursor:pointer;transition:background .15s,transform .15s}.drawer-item:hover{background:var(--bg3)}.drawer-item:active{transform:scale(.98)}.drawer-icon{width:22px;text-align:center;font-size:15px}.drawer-item.danger{color:var(--danger)}.drawer-sep{height:1px;background:var(--line);margin:8px 10px}.menu-pop{position:absolute;top:56px;left:12px;z-index:60;min-width:220px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;animation:pop .18s ease}.menu-item{padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .15s}.menu-item:hover{background:var(--bg3)}.menu-item.danger{color:var(--danger)}.menu-sep{height:1px;background:var(--line);margin:5px 8px}.model-select{height:32px;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:0 8px;font-size:13px;outline:none;cursor:pointer;transition:border-color .2s}.model-select:focus{border-color:var(--accent)}.bridge-badge{cursor:default}.badge.off.bridge-badge{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#080c188c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:460px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow);max-height:86vh;overflow-y:auto;animation:pop .25s ease}.modal-desc{font-size:13px;color:var(--text2);line-height:1.7;margin:0 0 12px}.modal-steps{margin:0 0 16px;padding-left:20px;font-size:14px;line-height:1.9;color:var(--text)}.modal-steps code{background:var(--bg3);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:12px}.modal-steps a{color:var(--accent)}.skill-tag{font-size:11px;padding:1px 8px;border-radius:10px;vertical-align:middle;background:#8b9bbd2e;color:var(--text2)}.skill-tag.builtin{background:linear-gradient(120deg,#3b82f629,#0ea5a429);color:var(--accent)}