:root{color:#25334c;background:#f5f7fb;--blue:#4263eb;--line:#e7ecf4}body{background:#f5f7fb}button,.btn{background:var(--blue);border:1px solid transparent;border-radius:8px;font-size:12px;box-shadow:0 3px 8px #4263eb12;transition:background .15s}button:hover,.btn:hover{filter:none;background:#3453d5}.secondary{background:#fff;color:#71809a;border-color:#e0e6f0;box-shadow:none}.secondary:hover{background:#f0f4ff;color:var(--blue)}.danger{background:#fff1f3;color:#d25765}.danger:hover{background:#ffe1e7}a:focus-visible,button:focus-visible{outline:3px solid #b0c1ff;outline-offset:3px}.header{max-width:none;background:#fff;border-color:var(--line);height:74px;padding:0 5%}.brand{font-size:20px;color:#253454}.brand b{color:var(--blue);font-weight:650}.header nav{color:#8a96ab}.nav-console{border-color:#e0e7f6;color:#526fda;background:#f8faff}.eyebrow{font-size:10px;letter-spacing:2px;color:#8b9abc}.muted{color:#929eb2;line-height:1.8}.panel,.stat,.model{border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 18px #25395603}.panel{padding:26px;margin:24px 0}.panel h2{font-size:16px;color:#293b5b}.page-top{padding:32px 0 12px}.page-top h1{font-size:28px;letter-spacing:-1px;color:#23334e;margin:8px 0}.page-top .muted{margin:0}.toolbar{margin-bottom:20px}.table-wrap{margin:0 -26px}table{font-size:12px}th,td{padding:16px 22px;border-color:#edf0f6}th{background:#f8faff;color:#919db2;font-size:11px;font-weight:500}td{color:#62718b}td:first-child{color:#394b6b;font-weight:500}td small{font-size:10px;color:#a0aabd}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td button{background:#f3f6ff;color:#5977d8;border:1px solid #e6ecff;box-shadow:none;padding:4px 10px;font-size:11px}.empty{padding:45px!important;color:#a3aec0!important;font-weight:400!important}.empty:before{content:'—';display:block;font-size:24px;color:#d7deed;margin-bottom:5px}.pill{border-radius:5px;background:#eaf8f2;color:#439579;font-size:10px;padding:2px 8px;border:1px solid #d9f0e6}.pill.wait{background:#fff9ed;color:#bc934f;border-color:#f3e8cf}.callout{background:#f1f5ff;border-color:#e2e8fb;color:#758bb0}.callout.warning{background:#fffbf1;border-color:#f3e8ce;color:#ac955f}.actions{gap:10px}input,select,textarea{border-color:#dfe5f0;border-radius:7px;background:#fff;color:#455977;padding:11px 13px}input:focus,select:focus,textarea:focus{outline:0;border-color:#8ca4f5;box-shadow:0 0 0 3px #4263eb12}input[type=checkbox]{accent-color:var(--blue)}label{font-size:12px;color:#7a8aa3}code{background:#f1f4fa;color:#7183a4;border-radius:5px;font-size:11px}pre{background:#1b2b48;color:#c6d5f6;border-radius:10px;border:1px solid #2c3d60}.stats{gap:18px}.stat{padding:24px}.stat small{color:#929eb3}.stat strong{font-size:34px;color:#2d405f;font-variant-numeric:tabular-nums;margin:12px 0 8px}.stat p{color:#a2adbe}.admin-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:16px 0 28px}.summary-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 20px}.summary-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#edf2ff;color:#6180e7;font-size:25px}.summary-icon.purple{background:#f4eeff;color:#a27cdb}.summary-icon.teal{background:#eaf8f3;color:#48a48c}.summary-icon.amber{background:#fff6e7;color:#d7aa65}.summary-card small{display:block;color:#9ba6b9;font-size:11px}.summary-card strong{display:block;font-size:27px;color:#2d405f;font-weight:650;line-height:1.5}.summary-card em{font-size:11px;color:#acb5c6;font-style:normal;font-weight:400;margin-left:8px}.workspace{grid-template-columns:228px minmax(0,1fr);gap:0;padding:0;align-items:start}.content{min-height:100vh;padding:0 36px 60px}.workspace-bar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:#a3adbf}.workspace-bar i{font-style:normal;margin:0 13px;color:#c6cedb}.workspace-bar b{color:#72819d;font-weight:500}.workspace-bar>a{color:#8c9bb4}.side{position:sticky;top:0;height:100vh;min-height:100vh;overflow-y:auto;background:#17233b;color:#8f9db7;padding:28px 17px 20px;gap:10px}.side .side-brand{display:flex;align-items:center;gap:12px;color:#f2f5ff;padding:0 7px 35px;border-radius:0;font-size:18px;font-weight:650;white-space:nowrap;letter-spacing:-.5px}.side-brand b{color:#8ba6ff;font-weight:450}.side .side-brand small{display:block;padding:2px 0 0;color:#687fa5;letter-spacing:1.8px;font-size:9px;font-weight:400}.brand-mark{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;background:#4d6df0;font-size:21px;font-weight:750}.brand-mark>span{font-size:13px;margin-top:-8px;margin-left:1px}.side>small{padding:0 14px 6px;color:#5c7196;font-size:10px;letter-spacing:1.5px}.side nav{display:flex;flex-direction:column;gap:8px}.side nav a{display:flex;align-items:center;gap:13px;color:#91a1bd;padding:12px 14px;font-size:12px;font-weight:400}.side nav a svg{width:17px;height:17px;flex-shrink:0}.side nav a:hover{background:#22324f;color:#e6edff}.side nav a.selected{background:#4263eb;color:#fff;box-shadow:0 5px 15px #09132c25;font-weight:550}.side nav a.selected:after{content:'';width:5px;height:5px;border-radius:50%;background:#c7d5ff;margin-left:auto}.side-help{margin-top:auto;padding:50px 14px 25px;color:#5e759a;font-size:10px}.side-help>span{display:block;margin-bottom:8px}.side-help a{display:flex;justify-content:space-between;padding:5px 0;color:#8fa4c9;font-size:11px}.side-help code{display:block;padding:4px 0;background:none;color:#5d7295;font-size:9px;word-break:break-all}.side-account{display:flex;align-items:center;gap:10px;border-top:1px solid #29364f;padding:18px 5px 0}.avatar{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:9px;background:#2b3c59;color:#abc0e7;font-size:12px}.side-account>div{flex:1;min-width:0}.side-account strong{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bdcbe4;font-size:10px;font-weight:500}.side-account small{display:block!important;padding:2px 0!important;font-size:9px;letter-spacing:0;color:#647b9f}.side-account button{margin:0;border:0;background:transparent;color:#7e94b8;box-shadow:none;font-size:10px;padding:5px 6px}body[data-page=console]>.header,body[data-page=console]>footer{display:none}body[data-page=console] main{max-width:100%;margin:0;padding:0;min-height:100vh}body[data-page=console] .login{margin-top:70px}body[data-page=auth]{background:radial-gradient(ellipse at 12% 20%,#e9edff,transparent 52%),#f5f7fc}body[data-page=auth] .login{padding:36px 38px;margin-top:65px;border-radius:18px;box-shadow:0 18px 65px #3346800b}body[data-page=auth] .login h1{font-size:26px;color:#2c3d5e}body[data-page=auth] form>button{width:100%;padding:12px;margin:10px 0 8px}dialog{border-color:#e2e8f3;border-radius:16px;padding:32px;box-shadow:0 30px 100px #17233b35}dialog::backdrop{background:#17233b65;backdrop-filter:blur(5px)}dialog h2{color:#304569;font-size:21px}.close{background:#f3f6fb;color:#8b9ab3;border:0}.hero h1{color:#233454}.hero h1 em{color:#4263eb}.hero p{color:#8593ab}.hero-note{color:#a5afc1!important}.visual{background:linear-gradient(145deg,#edf1ff,#f7f8ff);border-color:#dfe6fa}.visual:before{border-color:#c4d0f4}.visual-top{color:#92a1c3}.hub{color:#5e749a;border-color:#dfe6fa;box-shadow:0 15px 35px #4263eb12}.providers span{border-color:#e1e7f7;color:#8b9abb;background:#ffffffc4}.route{background:#23355d;color:#c2cfed}.route i{color:#9fb5fc}.strip{border-color:#e3e8f2}.strip strong{color:#536785}.strip p{color:#9da9bd}.section-heading h2{color:#304768}.section-heading p{color:#9aa6b9}.model h3{color:#3e567b}.model p{color:#9ca9be}.model .price{border-color:#eef1f7;color:#8f9db5}.price b{color:#617bdc}.tabs button{border-radius:6px;padding:7px 14px}.docs p{color:#7f91ac}.docs h1,.docs h2{color:#3a5278}footer{border-color:#e2e8f2;color:#a1aec1}footer span:first-child{color:#7086a9}#toast{border-color:#dfe7fa;color:#5e77a1;box-shadow:0 10px 35px #25365315}
@media(max-width:1150px){.workspace{grid-template-columns:205px minmax(0,1fr)}.content{padding:0 24px 40px}.side{padding-left:12px;padding-right:12px}.side .side-brand{font-size:16px}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{padding:19px 22px}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.side{position:relative;min-height:auto;height:auto;padding:16px 18px;overflow:visible;gap:12px}.side .side-brand{padding:0;font-size:18px}.side-brand small,.side>small,.side-help,.side-account{display:none!important}.side nav{flex-direction:row;gap:5px;flex-wrap:wrap}.side nav a{font-size:11px;padding:9px 11px;gap:7px}.side nav a svg{width:14px;height:14px}.side nav a.selected:after{display:none}.content{padding:0 20px 40px}.workspace-bar{height:52px}.page-top{padding-top:25px}.page-top h1{font-size:25px}.admin-summary{gap:10px;margin:10px 0 22px}.summary-card{gap:11px;padding:16px}.summary-icon{width:35px;height:35px;font-size:21px;border-radius:9px}.summary-card strong{font-size:23px}.stats{gap:10px;grid-template-columns:1fr}.panel{padding:20px;margin:18px 0}.table-wrap{margin-left:-20px;margin-right:-20px}th,td{padding:13px 18px}.header nav{gap:14px}.header{padding:0 22px}.login.panel{padding:28px 24px!important;margin-top:30px!important}.toolbar{gap:14px;align-items:center}.actions button{font-size:11px;padding:9px 12px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.content{padding-left:14px;padding-right:14px}.summary-card{padding:13px;gap:9px}.summary-icon{width:29px;height:29px;font-size:18px}.summary-card small{font-size:10px}.side nav a{font-size:10px;padding:8px}.side nav a svg{display:none}.catalog{grid-template-columns:1fr}.header nav>a:first-child{display:none}}
.provider-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}.provider-choice{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0;padding:13px 6px;border:1px solid #e1e6ef;border-radius:10px;background:#fff;color:#64718a;box-shadow:none;font-size:11px}.provider-choice:hover{background:#f8faff;border-color:#cbd6f2;color:#526fda}.provider-choice.selected{border:1.5px solid #14b8a6;background:#f1fcf9;color:#148c80;box-shadow:0 0 0 2px #14b8a60d}.provider-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f0f3fb;color:#536bce;font-size:16px;font-weight:650}.provider-choice[data-provider=Anthropic] .provider-icon{background:#fff1e9;color:#e87943}.provider-choice[data-provider=OpenAI] .provider-icon{background:#e8f7f1;color:#31a77d}.provider-choice[data-provider=国产模型] .provider-icon{background:#edf4ff;color:#527be4}.provider-choice[data-provider=其他] .provider-icon{background:#f1f2f5;color:#7d8798}.provider-choice strong{font-size:10px;font-weight:550;white-space:nowrap}.group-note{font-size:11px;margin:5px 0 10px}.provider-picker+.group-note{margin-top:2px}#modalContent form>label>input[type=hidden]{display:none}#modalContent form>label:has(.provider-picker){margin-top:17px}dialog #modalContent form>button[type=submit]{background:#0eae9c}dialog #modalContent form>button[type=submit]:hover{background:#099584}