:root{color-scheme:light;--ink:#202124;--muted:#74777e;--line:#e7e8eb;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #4269a8;outline-offset:5px}[hidden]{display:none!important}.global-nav{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.global-nav nav{height:78px;max-width:1160px;margin:auto;display:flex;align-items:center;gap:36px}.wordmark{font-size:29px;font-weight:650;letter-spacing:-1.6px}.brand-dot{color:#212327}.nav-links{margin-left:auto;display:flex;gap:30px;font-size:12px;color:#73767d}.text-button{background:none;border:0;padding:0;font-size:inherit;color:#52647e}.nav-links .text-button{color:#73767d}.nav-cta{padding:9px 17px;background:#25272c;color:white;border-radius:7px;font-size:11px}.hero{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:112px 0 105px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:500;letter-spacing:.09em;color:#92959c;margin:0 0 30px}.tiny-mark{display:block;width:5px;height:5px;border-radius:50%;background:#676b73}.hero h1{font-size:67px;font-weight:550;letter-spacing:-.055em;line-height:1.19;margin:0}.hero-copy{font-size:16px;color:#787b82;line-height:1.9;margin:25px 0 31px}.hero-actions{display:flex;align-items:center;gap:25px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 20px;background:#26282e;border:1px solid #26282e;color:#fff;border-radius:7px;font-size:12px;transition:background .18s,transform .18s}.primary-button:hover{background:#42454e}.primary-button:active{transform:translateY(1px)}.link-button{border:0;background:none;padding:0;color:#7a7e86;font-size:12px}.model-line{display:flex;align-items:center;gap:20px;margin-top:58px}.model-line>span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#5d6169}.model-line b{font-weight:500;font-size:21px;color:#50545e}.model-line i{height:17px;width:1px;background:#e0e1e4}.model-line small{font-size:9px;color:#a1a4ab;margin-left:auto}.integration-panel{border:1px solid #e2e4e9;border-radius:12px;background:#fafbfc;overflow:hidden;box-shadow:0 15px 35px -30px #41465477}.panel-top{padding:19px 23px;display:flex;justify-content:space-between;align-items:center;font-size:12px;background:#fff;border-bottom:1px solid var(--line)}.protocol-label{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#999da6}.endpoint{padding:23px;display:flex;flex-direction:column;gap:7px}.endpoint>span{font-size:8px;letter-spacing:.1em;color:#8f939c}.endpoint code{font:14px ui-monospace,SFMono-Regular,Consolas,monospace;color:#525866}.code-card{background:#22242a;color:#e9ebef;margin:0 12px;border-radius:8px;overflow:hidden}.code-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #ffffff0e;font:10px ui-monospace,Consolas,monospace;color:#9a9faa}.code-copy{border:0;background:transparent;font-size:10px;color:#c0c5d0;padding:0}.code-card pre{padding:28px 20px;margin:0;overflow:auto;font:12px/2.15 ui-monospace,SFMono-Regular,Consolas,monospace}.code-muted{color:#737b8b}.code-command{color:#c6d4eb}.code-string{color:#c0cdc5}.code-caption{display:flex;align-items:center;gap:7px;padding:0 20px 20px;color:#828a97;font-size:9px}.code-dot{width:4px;height:4px;border-radius:50%;background:#849c8c}.panel-bottom{display:flex;justify-content:space-between;padding:19px 23px;font-size:8px;color:#9398a1;letter-spacing:.02em}.apply-section{background:#f7f8fa;border-top:1px solid #eff0f3;border-bottom:1px solid #eff0f3;padding:84px 24px}.apply-layout{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px}.apply-heading{padding:14px 0}.apply-heading .eyebrow{margin-bottom:17px;font-size:11px;letter-spacing:.02em;color:#9498a1}.apply-heading h2{font-size:39px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:0}.apply-heading>p:not(.eyebrow){font-size:14px;color:#838790;line-height:1.9;margin:20px 0 35px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:18px;padding:15px 0;align-items:flex-start}.steps li>span{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#a0a4ad;border:1px solid #dfe2e7;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;margin-top:1px}.steps h3{font-size:13px;font-weight:500;margin:0 0 3px;color:#626772}.steps p{font-size:11px;color:#999da6;margin:0}.apply-form{padding:29px;background:#fff;border:1px solid #e5e7ec;border-radius:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:11px;color:#606570;margin-bottom:24px}input,textarea{display:block;width:100%;background:#fff;border:1px solid #dadee5;border-radius:6px;padding:12px 13px;margin-top:8px;font-size:12px;color:#282b31;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:#7a8da8;box-shadow:0 0 0 3px #5d739711}input::placeholder,textarea::placeholder{color:#a8acb4}textarea{resize:vertical;min-height:123px;line-height:1.75}.form-note{font-size:10px;line-height:1.8;color:#a0a4ad;margin:0 0 23px}.apply-form>.primary-button{width:100%;font-size:12px;padding:12px}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-message{font-size:11px;color:#b45656;margin:14px 0 0}#form-message:empty{display:none}footer{max-width:1160px;margin:auto;display:flex;align-items:center;gap:25px;padding:33px 0;font-size:10px;color:#a0a4ab}footer .wordmark{font-size:24px;color:#51555d}footer>a:last-child{margin-left:auto;font-size:10px}dialog{width:min(470px,calc(100% - 32px));border:1px solid #e0e3e9;border-radius:14px;background:#fff;padding:34px;color:var(--ink);box-shadow:0 25px 90px #14243b33}dialog::backdrop{background:#20273555;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:10px;width:27px;height:27px;border:0;background:none;font-size:22px;color:#90959e}.dialog-description{font-size:12px;line-height:1.8;color:#9297a1;margin:13px 0 23px}dialog h2{font-size:25px;font-weight:500;letter-spacing:-.03em;margin:0}dialog .eyebrow{font-size:9px;margin-bottom:15px}.receipt-actions{display:flex;gap:22px;align-items:center}.receipt-actions .primary-button{font-size:11px;padding:10px 18px}.receipt-actions .text-button{font-size:11px}#receipt-note{margin-top:18px}#application-result{font-size:12px;line-height:1.7;background:#f6f7f9;border:1px solid #ebeef2;border-radius:8px;padding:15px;margin-top:20px}#application-result:empty{display:none}.status-pill{display:inline-block;font-size:10px;color:#476385;margin-bottom:5px}#key-result{margin-top:23px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#30343c;color:white;font-size:12px;border-radius:7px;z-index:100}
@media(max-width:1240px){.global-nav nav,.hero,footer{margin-left:32px;margin-right:32px}.hero,.apply-layout{gap:50px}.hero h1{font-size:58px}}
@media(max-width:760px){.global-nav nav{height:63px;margin:0 22px;gap:20px}.wordmark{font-size:25px}.nav-links{gap:0}.nav-links>a{display:none}.nav-links .text-button{font-size:10px}.nav-cta{font-size:10px;padding:8px 11px}.hero{grid-template-columns:1fr;gap:44px;margin:0;padding:57px 24px}.hero h1{font-size:48px;letter-spacing:-.055em}.eyebrow{font-size:8px;margin-bottom:23px}.hero-copy{font-size:13px;margin:22px 0 27px}.hero-actions{gap:25px}.primary-button{font-size:11px;padding:12px 17px;gap:20px}.link-button{font-size:11px}.model-line{margin-top:32px;gap:17px}.model-line>span{font-size:12px;gap:7px}.model-line b{font-size:18px}.model-line small{font-size:8px}.panel-top{padding:16px 18px;font-size:11px}.endpoint{padding:20px 18px}.endpoint code{font-size:12px}.code-card pre{font-size:10px;padding:22px 16px}.code-top{padding:13px 16px}.code-caption{font-size:8px;padding-left:16px}.panel-bottom{font-size:7px;padding:16px 18px}.apply-section{padding:48px 24px}.apply-layout{grid-template-columns:1fr;gap:28px}.apply-heading h2{font-size:33px}.apply-heading>p:not(.eyebrow){font-size:13px;margin:17px 0 22px}.steps li{padding:10px 0}.steps h3{font-size:12px}.steps p{font-size:10px}.apply-form{padding:23px}.field-grid{grid-template-columns:1fr;gap:0}label{margin-bottom:19px;font-size:10px}input,textarea{font-size:12px}.form-note{font-size:9px}footer{margin:0 24px;padding:25px 0;flex-wrap:wrap;gap:12px}footer .wordmark{font-size:22px}footer>span{font-size:9px}footer>a:last-child{font-size:9px}.apply-heading{padding:0}.steps{display:none}dialog{padding:30px 24px}}
:root{--font:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif}.hero h1{font-weight:600}.code-card pre{white-space:pre-wrap;overflow-wrap:anywhere}.form-note{color:#939ba7}.steps p{color:#8c97a5}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.key-pending {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(240, 131, 0, .12);
  color: #8a4b00;
  font-size: 13px;
  line-height: 1.5;
}
.status-pill[data-state="pending"] { background: rgba(240, 131, 0, .14); color: #8a4b00; }
.status-pill[data-state="approved"] { background: rgba(34, 179, 97, .14); color: #146b3a; }
.status-pill[data-state="rejected"], .status-pill[data-state="revoked"] { background: rgba(240, 52, 43, .12); color: #a01d16; }
@media (prefers-color-scheme: dark) {
  .key-pending { background: rgba(255, 165, 36, .16); color: #ffc071; }
  .status-pill[data-state="pending"] { background: rgba(255, 165, 36, .18); color: #ffc071; }
  .status-pill[data-state="approved"] { background: rgba(50, 209, 111, .16); color: #6ee79c; }
  .status-pill[data-state="rejected"], .status-pill[data-state="revoked"] { background: rgba(255, 90, 78, .16); color: #ff9e95; }
}

/* ── 各平台额度 ─────────────────────────────── */
.quota-section { max-width: 1080px; margin: 0 auto; padding: 72px 24px 8px; }
.quota-section .section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.quota-section h2 { margin: 6px 0 0; font-size: 30px; font-weight: 600; letter-spacing: -.02em; }
.quota-updated { color: var(--muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.section-lead { margin: 10px 0 24px; color: var(--muted); font-size: 15px; max-width: 46em; }
.quota-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.quota-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 20px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.quota-card-head h3 { margin: 0; font-size: 16px; font-weight: 600; }
.quota-balance { --tone: #1a8f4a; }
.quota-balance[data-level="low"] { --tone: #d93b2b; }
.quota-amount { font-size: 34px; font-weight: 600; letter-spacing: -.02em; color: var(--tone); font-variant-numeric: tabular-nums; }
.quota-label { color: var(--muted); font-size: 13px; margin-top: 2px; }
.quota-row { --tone: #1a8f4a; }
.quota-row[data-level="warn"] { --tone: #d98324; }
.quota-row[data-level="low"] { --tone: #d93b2b; }
.quota-row[data-level="none"] { --tone: #9aa0a6; }
.quota-row-top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--muted); }
.quota-row-top strong { font-size: 17px; color: var(--ink); font-variant-numeric: tabular-nums; }
.quota-bar { height: 6px; border-radius: 999px; background: #eceef1; overflow: hidden; margin: 8px 0 6px; }
.quota-bar span { display: block; height: 100%; width: var(--p, 0%); border-radius: inherit; background: var(--tone); transition: width .8s cubic-bezier(.2,.8,.2,1); }
.quota-reset { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.quota-note { color: #b25b18; font-size: 13px; line-height: 1.5; }
.quota-empty { color: var(--muted); font-size: 14px; padding: 24px; border: 1px dashed var(--line); border-radius: 16px; text-align: center; grid-column: 1 / -1; }
@media (max-width: 640px) {
  .quota-section { padding: 48px 18px 0; }
  .quota-section h2 { font-size: 24px; }
  .quota-section .section-head { flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* ── 可用模型 ───────────────────────────────── */
.models-section { max-width: 1080px; margin: 0 auto; padding: 72px 24px 8px; }
.models-section .section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.models-section h2 { margin: 6px 0 0; font-size: 30px; font-weight: 600; letter-spacing: -.02em; }

/* 厂商筛选条：厂商多了就横向滚动，不会把版面撑开 */
.model-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
  margin-bottom: 16px;
  scrollbar-width: none;
}
.model-filters::-webkit-scrollbar { display: none; }
.model-filter {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  font: inherit;
  font-size: 13.5px;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color .2s, color .2s, background-color .2s;
}
.model-filter em { font-style: normal; font-size: 11.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
.model-filter:hover { border-color: #c9ccd2; color: var(--ink); }
.model-filter.is-active { background: var(--ink); border-color: var(--ink); color: #fff; }
.model-filter.is-active em { color: rgba(255, 255, 255, .7); }

/* 模型标签：自动换行，数量再多也只是往下堆 */
.model-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.model-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 13px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font: inherit;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.model-chip code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  color: var(--ink);
}
.model-chip span { font-size: 11px; color: var(--muted); }
.model-chip:hover { border-color: #b9bdc6; box-shadow: 0 2px 10px -6px rgba(20, 22, 28, .4); }
.model-chip:active { transform: scale(.97); }

@media (max-width: 640px) {
  .models-section { padding: 48px 18px 0; }
  .models-section h2 { font-size: 24px; }
  .models-section .section-head { flex-direction: column; align-items: flex-start; gap: 6px; }
}