:root{--bg:#07111e;--panel:rgba(13,30,49,.78);--ink:#eef7ff;--muted:#91a8bf;--line:rgba(168,211,246,.16);--cyan:#65f0dd;--blue:#5dafff;--green:#73e8ae;--amber:#ffd071}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}body:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 10% 0,#174f81 0,transparent 32rem),radial-gradient(circle at 95% 10%,#123e61 0,transparent 28rem),linear-gradient(130deg,#07111e,#061827)}body:after{content:"";position:fixed;z-index:-1;inset:0;opacity:.34;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 90%)}.shell{width:min(1200px,calc(100% - 40px));margin:auto}.top{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:750;letter-spacing:.07em}.mark{position:relative;width:27px;height:27px;border:2px solid var(--cyan);border-radius:9px;transform:rotate(45deg);box-shadow:0 0 28px rgba(101,240,221,.35)}.mark:after{content:"";position:absolute;inset:6px;border-radius:3px;background:var(--cyan)}.sub{color:#708ba3;font-weight:500}.status-pill,.pill{border:1px solid rgba(101,240,221,.36);border-radius:999px;padding:5px 9px;color:var(--cyan);font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.status-pill:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.hero{padding:78px 0 48px;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:end}.eyebrow,.overline{color:var(--cyan);font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}h1{margin:15px 0 20px;font-size:clamp(44px,6.5vw,76px);line-height:.98;letter-spacing:-.065em}h1 em{font-style:normal;color:var(--cyan)}.lead{max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.quick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-item{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.quick-item b{display:block;font-size:22px;letter-spacing:-.04em}.quick-item small{color:var(--muted);font-size:12px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.button{min-height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;background:transparent;font-size:13px;font-weight:650;cursor:pointer;transition:.18s}.button:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 10px 28px rgba(0,0,0,.25)}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#06212b}.tabs{display:flex;gap:4px;margin:12px 0 22px;border-bottom:1px solid var(--line)}.tab{padding:12px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:600 12px inherit;cursor:pointer}.tab.active{border-color:var(--cyan);color:var(--ink)}.view{display:none}.view.active{display:block}.section{padding:36px 0 64px}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.heading h2{margin:9px 0 0;font-size:clamp(27px,3.8vw,42px);line-height:1;letter-spacing:-.055em}.note{max-width:420px;color:var(--muted);font-size:13px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.card{position:relative;overflow:hidden;min-height:218px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.card:before{content:"";position:absolute;right:-44px;top:-50px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(101,240,221,.16),transparent 68%)}.card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:17px;font-weight:700}.card p{margin:16px 0;color:var(--muted);font-size:13px;line-height:1.7}.metric{position:absolute;bottom:21px;color:#c4e3fa;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.metric.good{color:var(--green)}.metric.warn{color:var(--amber)}.route{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;gap:11px;align-items:center;padding:27px;border:1px solid var(--line);border-radius:15px;background:rgba(7,21,35,.7)}.route-box{padding:16px;min-height:95px;border:1px solid var(--line);border-radius:11px;background:rgba(20,47,73,.48)}.route-box b{display:block;margin-bottom:7px}.route-box span{color:var(--muted);font-size:12px}.arrow{color:var(--cyan);font-size:22px;text-align:center}.callout{display:flex;gap:13px;margin-top:14px;padding:17px;border:1px solid rgba(255,208,113,.23);border-radius:12px;background:rgba(101,71,20,.13);font-size:13px;color:#cad9e7}.callout b{color:var(--amber);white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setting{padding:23px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.setting h3{margin:0 0 8px;font-size:16px}.setting p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.65}.selector{display:flex;gap:7px;flex-wrap:wrap}.option{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#0a1b2b;color:#bdd1e4;font-size:12px;cursor:pointer}.option.selected{border-color:var(--cyan);color:var(--cyan);background:rgba(101,240,221,.08)}.toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.switch{width:40px;height:23px;border:0;border-radius:999px;background:#3d5062;padding:3px;cursor:pointer}.switch i{display:block;width:17px;height:17px;border-radius:50%;background:#d3dfeb;transition:.18s}.switch.on{background:#219b8e}.switch.on i{transform:translateX(17px);background:#fff}.protected{border-color:rgba(93,175,255,.3);background:linear-gradient(135deg,rgba(18,54,86,.5),rgba(13,30,49,.8))}.lock{color:var(--blue);font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.empty{padding:25px;border:1px dashed var(--line);border-radius:13px;color:var(--muted);font-size:13px}.toast{position:fixed;right:20px;bottom:20px;z-index:5;max-width:330px;padding:13px 15px;border:1px solid rgba(101,240,221,.4);border-radius:10px;background:#09283a;color:#dffef9;font-size:13px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translateY(0)}footer{padding:25px 0 36px;border-top:1px solid var(--line);color:#718ba2;font-size:12px;display:flex;justify-content:space-between;gap:16px}@media(max-width:820px){.shell{width:min(100% - 28px,1200px)}.top{height:65px}.status-pill{font-size:0}.status-pill:before{margin-right:0}.hero{padding:62px 0 30px;grid-template-columns:1fr}.cards{grid-template-columns:1fr}.route{grid-template-columns:1fr;gap:8px}.arrow{transform:rotate(90deg)}.settings-grid{grid-template-columns:1fr}.heading{display:block}.heading .note{margin-top:13px}.quick{max-width:480px}.section{padding-bottom:46px}footer{display:block}footer span+span{display:block;margin-top:5px}}
  .api-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.code-card{padding:21px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.code-card h3{margin:0 0 8px;font-size:16px}.code-card p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.65}.code-card pre{margin:0;overflow:auto;padding:15px;border:1px solid var(--line);border-radius:10px;background:#06111d;color:#cceeff;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.model-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel)}.model-table th,.model-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.model-table th{color:var(--muted);font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}.model-table tr:last-child td{border-bottom:0}.model-id{font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8efff}.latency-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.latency-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.latency-toolbar input{flex:1;min-width:260px;min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#071522;color:var(--ink);font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.latency-toolbar input:focus{outline:2px solid rgba(101,240,221,.3);border-color:var(--cyan)}.latency-state{color:var(--muted);font-size:12px}.latency-row{display:grid;grid-template-columns:1.45fr .65fr .65fr;gap:10px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:rgba(13,30,49,.66)}.latency-row+.latency-row{margin-top:8px}.latency-row small{color:var(--muted);font-size:11px}.latency-value{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan);text-align:right}.privacy-note{margin-top:12px;color:#9fb8ca;font-size:12px;line-height:1.65}.privacy-note b{color:var(--green)}@media(max-width:920px){.api-grid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.api-grid,.latency-grid{grid-template-columns:1fr}.latency-row{grid-template-columns:1fr .7fr .7fr}}
  .latency-row{grid-template-columns:1fr;gap:14px}.latency-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.latency-metric{display:flex;flex-direction:column;gap:6px}.latency-metric small{font-size:11px;color:var(--muted)}.latency-metric .latency-value{text-align:left;font-size:14px}.latency-model{min-width:0}.latency-model .model-id{overflow-wrap:anywhere}@media(max-width:480px){.latency-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.tab{text-decoration:none;display:inline-flex;align-items:center}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.entry{display:block;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);text-decoration:none;transition:.2s}.entry:hover{border-color:var(--cyan);transform:translateY(-3px)}.entry h2{margin:12px 0;font-size:30px}.entry p{color:var(--muted);line-height:1.8}.entry span{color:var(--cyan)}.page-intro{padding:48px 0 22px}.page-intro h1{font-size:clamp(38px,6vw,64px);margin:18px 0}.subnav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.detail .section{padding:28px 0 42px}.detail .view{display:block}.brand{text-decoration:none;color:var(--ink)}.top{gap:12px}.top .sub{letter-spacing:0}.top .button{flex:none}@media(max-width:600px){.entry-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab{padding:10px}.brand .sub{display:none}}
.code-card{min-width:0}.code-card pre{overflow-wrap:anywhere}.model-table{table-layout:fixed}.model-table td{overflow-wrap:anywhere}

.back-home{min-height:46px;padding:0 20px;font-size:14px;font-weight:750;box-shadow:0 4px 18px rgba(101,240,221,.18)}.back-home:focus-visible{outline:3px solid var(--ink);outline-offset:4px}@media(max-width:480px){.back-home{padding:0 14px;font-size:13px;min-height:44px}}

.account-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:16px 0}.account-label{color:var(--muted);font-size:13px}.auth-form{display:grid;gap:14px;max-width:520px}.auth-form label{display:grid;gap:8px}.auth-form input{width:100%;min-width:0;padding:13px;background:#071522;color:var(--ink);border:1px solid var(--line);border-radius:8px;font:inherit}.auth-notice{color:var(--amber);min-height:24px;overflow-wrap:anywhere}#userList{display:grid;gap:14px;margin-bottom:24px}