*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;letter-spacing:0;background:#f4f6f7;color:#20262e}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}:root{--bg:#f4f6f7;--panel:#fff;--soft:#f7f9fa;--line:#e3e7e9;--text:#20262e;--muted:#77808a;--brand:#12bfa6;--brand2:#72dec9;--dark:#132b2b;--red:#d64b55}.shell{height:100%;display:grid;grid-template-columns:232px minmax(480px,1fr) 300px;background:var(--bg)}.workspace-nav{background:#fbfcfc;border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;min-width:0;overflow:auto}.logo{height:46px;display:flex;align-items:center;gap:10px;padding:0 7px}.mark,.brand-symbol{display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:800;border-radius:8px}.mark{width:33px;height:33px}.logo b,.logo small{display:block}.logo b{font-size:15px}.logo small{font-size:10px;color:var(--muted);margin-top:2px}.logo .icon{display:none;margin-left:auto}.new,.primary{border:0;border-radius:8px;background:var(--brand);color:#fff;font-weight:650;padding:12px}.new{margin:14px 0 12px;width:100%}.new:hover,.primary:hover{background:#0daa95}.nav-label{font-size:10px;color:#9ba2a9;padding:13px 10px 5px}nav{display:grid;gap:2px}nav button{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#5f6873;padding:9px 10px;border-radius:7px;text-align:left}nav button:hover{background:#f0f3f4;color:#20262e}nav button.active{background:#eaf8f5;color:#087f70;font-weight:600}.quota{margin-top:auto;padding:15px 8px 10px;color:var(--muted);font-size:10px}.quota div{display:flex;justify-content:space-between}.quota b{color:var(--text)}.quota>i{display:block;height:4px;background:#e5e9ea;border-radius:4px;margin-top:8px;overflow:hidden}.quota em{display:block;height:100%;background:var(--brand)}.account{border:1px solid var(--line);background:#fff;color:var(--text);display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px}.account>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#e5f7f3;color:#087f70}.account span:nth-child(2){text-align:left;min-width:0}.account b,.account small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account small{font-size:9px;color:var(--muted)}.account i{margin-left:auto;font-style:normal;color:#999;font-size:10px}main{min-width:0;height:100%;display:grid;grid-template-rows:59px 1fr;background:#fff}header{display:flex;align-items:center;padding:0 19px;border-bottom:1px solid var(--line);gap:12px}.title b,.title small{display:block}.title b{font-size:15px}.title small{font-size:9px;color:var(--muted);margin-top:2px}.auto-route{margin-left:auto;border:1px solid #cfeae4;background:#f2fbf9;color:#14796c;padding:7px 10px;border-radius:20px;font-size:11px}.auto-route i{display:inline-block;width:6px;height:6px;background:var(--brand);border-radius:50%;margin-right:6px}.icon{border:1px solid var(--line);background:#fff;color:#58616c;width:34px;height:34px;border-radius:8px}#openNav{display:none}#content{overflow:auto;background:#fff;padding:22px}.inspector{border-left:1px solid var(--line);background:#fafbfb;padding:16px;overflow:auto}.inspector-head{display:flex;justify-content:space-between;align-items:center;padding:3px 2px 15px;border-bottom:1px solid var(--line)}.inspector-head b{font-size:13px}.inspector-head span{font-size:9px;color:var(--brand)}.inspector-empty{padding:70px 18px;text-align:center;color:var(--muted)}.inspector-empty>span{display:grid;place-items:center;margin:auto;width:42px;height:42px;border-radius:12px;background:#eaf8f5;color:var(--brand);font-size:20px}.inspector-empty b{display:block;color:#4b535d;font-size:12px;margin-top:15px}.inspector-empty p{font-size:11px;line-height:1.6}.chat{height:100%;max-width:850px;margin:auto;display:grid;grid-template-rows:1fr auto}.messages{overflow:auto;padding:0 5px 18px}.empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--muted);padding-bottom:30px}.empty .core{width:50px;height:50px;display:grid;place-items:center;background:#e7f8f4;color:var(--brand);font-size:22px;border-radius:14px}.empty .core span{transform:none}.empty h1{font-size:25px;color:var(--text);margin:18px 0 7px}.empty>p{font-size:13px;margin:0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(620px,100%);margin-top:25px}.quick{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;text-align:left;color:#505963}.quick:hover{border-color:#9bd9ce;background:#f6fcfb}.quick b{display:block;color:var(--text);font-size:12px}.quick span{font-size:10px;color:var(--muted)}.msg{display:flex;margin:16px 0;max-width:88%}.msg.user{margin-left:auto}.msg .bubble{padding:12px 14px;background:#f4f6f7;border-radius:10px;white-space:pre-wrap;line-height:1.65;font-size:13px}.msg.user .bubble{background:#dcf6f0}.tag{font-size:9px;color:#168b7b;margin-top:6px}.composer{border:1px solid #ccd4d7;background:#fff;border-radius:12px;padding:9px;box-shadow:0 5px 22px #20262e12}.composer:focus-within{border-color:#75cdbc;box-shadow:0 5px 25px #12bfa61a}.composer textarea{width:100%;height:64px;resize:none;background:transparent;border:0;outline:0;color:var(--text);padding:7px}.composer .tools{display:flex;align-items:center;color:#9aa1a8;font-size:10px}.composer .send{margin-left:auto;width:34px;height:34px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:17px}.page{max-width:1120px;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.page h1{font-size:21px;margin:0}.page-head p{color:var(--muted);font-size:12px;margin:5px 0 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0}.card h3{font-size:14px;margin:0 0 7px}.card p{color:var(--muted);font-size:11px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.stat{padding:15px;background:#f7f9f9;border:1px solid var(--line);border-radius:8px}.stat span{font-size:10px;color:var(--muted)}.stat b{display:block;font-size:19px;margin-top:6px}.form{display:grid;gap:11px;max-width:650px}.form label,.auth label{display:grid;gap:6px;color:#69727d;font-size:11px}.form input,.form select,.form textarea,.auth input{width:100%;border:1px solid #d8dddf;border-radius:7px;background:#fff;color:var(--text);padding:10px;outline:0}.form input:focus,.form textarea:focus,.auth input:focus{border-color:var(--brand)}.form textarea{height:130px;resize:vertical}.small{border:1px solid var(--line);background:#fff;color:#4c5661;padding:6px 9px;border-radius:6px}.badge{padding:3px 7px;border-radius:10px;background:#eaf8f5;color:#14796c;font-size:9px}.danger{color:var(--red)}.row-actions{display:flex;gap:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{color:#7e8791;font-weight:500}.agent-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(380px,1.2fr);gap:12px}.expert-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;max-height:155px;overflow:auto}.expert-list span{font-size:10px;border:1px solid var(--line);padding:5px 7px;border-radius:5px;color:#68717b}.agent-card{margin-bottom:10px}.agent-card-head{display:flex;justify-content:space-between}.progress{height:5px;background:#e8eced;margin:11px 0;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;background:var(--brand)}.progress.large{height:7px;margin-bottom:20px}.timeline{display:grid}.step{display:grid;grid-template-columns:34px 1fr;gap:10px;position:relative;padding-bottom:16px}.step:before{content:"";position:absolute;left:14px;top:29px;bottom:0;width:1px;background:var(--line)}.step:last-child:before{display:none}.step-no{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:50%;z-index:1;font-size:11px}.step.working .step-no{border-color:var(--brand);color:var(--brand)}.step>div:last-child{border:1px solid var(--line);padding:13px;border-radius:8px}.step h3{font-size:13px;margin:5px 0}.step summary{font-size:11px;color:#168b7b}.step pre{white-space:pre-wrap;word-break:break-word;font:11px/1.65 "PingFang SC",sans-serif;color:#535d67}.auth{height:100%;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.auth-brand{display:flex;flex-direction:column;justify-content:center;padding:10vw;background:#122f2e;color:#fff}.brand-symbol{width:48px;height:48px;font-size:24px;margin-bottom:22px}.auth-brand>b{font-size:58px}.auth-brand>span{font-size:16px;color:#b7d5d0;margin-top:12px}.auth-flow{display:flex;gap:8px;margin-top:35px}.auth-flow i{font-style:normal;border:1px solid #3a5a58;border-radius:16px;padding:7px 11px;font-size:10px;color:#b7d5d0}.auth form{width:min(370px,80%);margin:auto;display:grid;gap:15px}.auth h1{font-size:25px;margin:0}.auth p{font-size:12px;color:var(--muted);margin:-8px 0 8px}.auth .text{border:0;background:transparent;color:#148b7b}.mobile-brand{display:none}.error{color:var(--red);font-size:11px;min-height:16px}#toast{position:fixed;right:20px;bottom:20px;background:#233433;color:#fff;padding:11px 14px;border-radius:8px;transform:translateY(70px);opacity:0;transition:.22s;z-index:30;font-size:12px}#toast.show{transform:none;opacity:1}.mobile-tabs{display:none}
@media(max-width:1050px){.shell{grid-template-columns:220px 1fr}.inspector{display:none}}
@media(max-width:760px){.shell{display:block}.workspace-nav{position:fixed;inset:0 17% 0 0;z-index:25;transform:translateX(-105%);transition:.22s;box-shadow:12px 0 35px #0002}.nav-open .workspace-nav{transform:none}.logo .icon{display:block}main{height:calc(100% - 60px);grid-template-rows:54px 1fr}header{padding:0 11px}.title{display:none}#openNav{display:block}.auto-route{margin-left:0;flex:1;text-align:center}.inspector{display:none}#content{padding:13px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.agent-layout{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.empty h1{font-size:21px}.empty{justify-content:flex-start;padding-top:10vh}.composer textarea{height:72px}.mobile-tabs{height:60px;display:grid;grid-template-columns:repeat(6,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile-tabs button{display:grid;place-items:center;gap:0;padding:6px 2px;font-size:15px}.mobile-tabs button span{font-size:9px}.mobile-tabs button.active{background:#eaf8f5;color:#087f70}.auth{display:block;padding:7vh 7%}.auth-brand{display:none}.auth form{width:100%;margin:0}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:8vh}.mobile-brand span{display:grid;place-items:center;width:35px;height:35px;background:var(--brand);color:#fff;border-radius:8px}.mobile-brand b{font-size:18px}.page-head{align-items:start}table{min-width:700px}}

/* 深色工作台：通过页面根类切换，所有面板、表格、输入框和移动导航统一响应。 */
.dark{--bg:#101515;--panel:#182020;--soft:#1b2525;--line:#30403f;--text:#edf5f3;--muted:#9aa9a6;--dark:#dcecea}.dark .shell,.dark main{background:var(--bg)}.dark .workspace-nav,.dark .inspector,.dark header,.dark .mobile-tabs{background:#141d1d;border-color:var(--line)}.dark #content{background:#101515}.dark .card,.dark .composer,.dark .account,.dark .icon,.dark .small,.dark .form input,.dark .form select,.dark .form textarea,.dark .auth input{background:#182222;color:var(--text);border-color:var(--line)}.dark nav button{color:#aebbb8}.dark nav button:hover{background:#22302f;color:var(--text)}.dark nav button.active{background:#173d38;color:#73e0ce}.dark .quick{background:#182222;border-color:var(--line);color:#b5c1bf}.dark .quick b,.dark .empty h1,.dark .card h3,.dark .title b,.dark .quota b{color:var(--text)}.dark .msg .bubble{background:#1d2929}.dark .msg.user .bubble{background:#18443d}.dark .stat{background:#182222;border-color:var(--line)}.dark th,.dark td{border-color:var(--line)}.dark .step>div:last-child,.dark .step-no{background:#182222;border-color:var(--line)}.dark .auto-route{background:#173b36;border-color:#28675c;color:#82e2d1}.dark .logo small,.dark .page-head p,.dark .card p{color:var(--muted)}.dark .auth{background:#101515}.dark .auth form{color:var(--text)}.dark .auth h1{color:var(--text)}.dark .auth-brand{background:#0d2827}.dark .auth p,.dark .auth label{color:var(--muted)}