:root{--ink:#172033;--muted:#718096;--line:#e7ebf3;--bg:#f6f8fc;--blue:#4d63ed;--soft:#eef1ff;--green:#16a66b;--card:#fff;--shadow:0 18px 50px rgba(35,51,91,.07)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,"Microsoft YaHei",sans-serif;background:var(--bg);font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;background:#fff;border-right:1px solid var(--line);padding:24px 12px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-weight:800;font-size:22px;display:flex;align-items:center;gap:9px;padding:5px 14px 30px}.brand-mark{font-size:28px;color:var(--blue)}.side-label{color:#9aa5b5;font-size:12px;font-weight:700;margin:18px 14px 8px}.nav-group{display:grid;gap:3px}.nav-item{border:0;background:transparent;text-align:left;border-radius:9px;padding:12px 14px;color:#2b3850;font:inherit;cursor:pointer}.nav-item:hover,.nav-item.active{background:var(--soft);color:var(--blue);font-weight:700}.sidebar-bottom{margin-top:auto;padding:14px 6px 0}.outline-btn{border:1px solid #cfd7ff;background:var(--soft);color:var(--blue);width:100%;padding:11px;border-radius:9px;font-weight:700;cursor:pointer}.account-link{color:var(--blue);padding:18px 4px 0}.main-content{flex:1;min-width:0}.topbar{height:68px;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:space-between}.crumb{font-weight:750;font-size:15px}.top-actions{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.status-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #e4f7ef}.icon-btn{background:transparent;border:0;color:#70809a;font-size:18px;cursor:pointer}.menu-btn{display:none}.page{max-width:1220px;margin:0 auto;padding:48px 44px 70px}.hero{text-align:center;padding:56px 30px 22px;background:radial-gradient(circle at 50% 18%,#e8edff 0,transparent 48%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe5ff;border-radius:999px;padding:8px 14px;color:#4c5fbd;font-size:13px;font-weight:700}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--green)}h1{font-size:clamp(42px,6vw,76px);line-height:1.04;margin:25px auto 16px;max-width:850px}h1 em{font-style:normal;color:var(--blue)}.hero p{color:#667895;font-size:17px;max-width:650px;margin:0 auto 22px;line-height:1.7}.hero-meta{color:#7887a0;margin-bottom:22px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.btn{border:1px solid #dfe4ef;border-radius:10px;background:#fff;padding:12px 22px;font:inherit;font-weight:700;color:#33405a;cursor:pointer}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(77,99,237,.22)}.btn.small{padding:8px 12px;font-size:13px}.endpoint{margin:28px auto 0;border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px 18px;max-width:420px;color:#5d6e89;font-family:ui-monospace,monospace}.endpoint b{color:var(--blue);margin-right:10px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px auto 0;max-width:960px}.quick-card,.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.quick-card{padding:22px;text-align:left;cursor:pointer;transition:.2s}.quick-card:hover{border-color:#c5ceff;transform:translateY(-2px)}.quick-card h3{margin:0 0 8px;font-size:16px}.quick-card p{margin:0;color:var(--muted);line-height:1.5}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-title h2{margin:0;font-size:28px}.section-title p{color:var(--muted);margin:7px 0 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:24px}.code{background:#111827;color:#d7e3ff;border-radius:10px;padding:20px;line-height:1.7;overflow:auto;font:13px ui-monospace,monospace}.model-list{display:grid;gap:13px}.model-row{display:grid;grid-template-columns:1fr 120px 130px;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #f0f2f6}.model-row:last-child{border-bottom:0}.model-id{font:14px ui-monospace,monospace;font-weight:700}.muted{color:var(--muted)}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.badge.green{color:#078354;background:#e6f8ef}.badge.amber{color:#a66b05;background:#fff5df}.bars{display:flex;gap:2px;height:25px;align-items:end}.bars i{display:block;width:4px;background:var(--green);height:100%;border-radius:2px}.bars i:nth-last-child(-n+2){background:#f2b84b}.price-table{width:100%;border-collapse:collapse}.price-table th,.price-table td{text-align:right;padding:14px 10px;border-bottom:1px solid var(--line)}.price-table th:first-child,.price-table td:first-child{text-align:left}.price-table th{color:#73819a;font-size:12px}.price-table td strong{font-size:16px}.price-table td:nth-child(2) strong{color:#5367ee}.price-table td:nth-child(3) strong{color:#9a63ea}.price-table td:nth-child(4) strong{color:#15925f}.notice{border:1px solid #cdd7ff;background:#f0f3ff;color:#465cc4;border-radius:10px;padding:17px 19px;margin-bottom:22px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;background:#fff;color:var(--ink)}.input:focus{outline:2px solid #dce2ff;border-color:var(--blue)}input[type=range]{accent-color:var(--blue);width:220px}.rate-value{font-weight:800;color:var(--blue);min-width:42px}.preview{background:#f4f6ff;border:1px solid #dbe1ff;border-radius:10px;padding:16px;margin-top:18px}.preview strong{color:var(--blue)}.save-bar{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.toast{position:fixed;right:24px;bottom:24px;background:#182237;color:#fff;padding:12px 16px;border-radius:9px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}@media(max-width:800px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu-btn{display:block}.topbar{padding:0 18px}.page{padding:28px 18px 55px}.quick-grid,.grid-2{grid-template-columns:1fr}.hero{padding:30px 8px 12px}h1{font-size:46px}.model-row{grid-template-columns:1fr auto}.model-row .bars{grid-column:1/-1}.price-table{min-width:680px}.card.table-wrap{overflow:auto}}