/* Pricing API — "Clean Docs" API 文档风(琥珀) */
:root { --ink:#1c1917; --paper:#ffffff; --card:#faf9f7; --line:#e7e5e4; --accent:#d97706; --code-bg:#1c1917; --code-fg:#fafaf9; --muted:#78716c; }
* { box-sizing:border-box; }
body { margin:0; font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; color:var(--ink); background:var(--paper); }
.wrap { max-width:820px; margin:0 auto; padding:0 22px; }
header.site { border-bottom:1px solid var(--line); padding:14px 0; }
header.site .wrap { display:flex; align-items:center; justify-content:space-between; }
.logo { font-weight:800; font-size:18px; text-decoration:none; color:var(--ink); letter-spacing:-0.02em; }
.logo span { color:var(--accent); }
nav a { color:var(--muted); text-decoration:none; margin-left:16px; font-size:13px; font-weight:600; }
nav a:hover { color:var(--accent); }
h1 { font-size:clamp(28px,4.6vw,42px); line-height:1.12; letter-spacing:-0.03em; margin:38px 0 14px; font-weight:800; }
.lede { color:#57534e; font-size:17px; max-width:660px; }
.asof { font-size:13px; color:var(--muted); }
.card { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:22px; margin:22px 0; }
h2 { font-size:22px; margin-top:42px; font-weight:700; letter-spacing:-0.01em; }
h3 { font-size:16px; margin-top:24px; }
code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:13px; background:#f5f5f4; padding:2px 6px; border-radius:5px; color:#b45309; }
pre { background:var(--code-bg); color:var(--code-fg); padding:16px; border-radius:10px; overflow-x:auto; font-size:13px; line-height:1.55; margin:12px 0; }
pre code { background:none; color:inherit; padding:0; }
.endpoint { display:flex; align-items:center; gap:10px; font-family:ui-monospace,monospace; font-size:14px; padding:10px 14px; background:#fff; border:1px solid var(--line); border-radius:8px; margin:8px 0; }
.method { font-size:11px; font-weight:700; color:#fff; background:var(--accent); padding:3px 8px; border-radius:5px; }
.endpoint a { color:var(--ink); text-decoration:none; }
.endpoint a:hover { color:var(--accent); }
.muted { color:var(--muted); font-size:13px; }
.note { border-left:3px solid var(--accent); padding:8px 14px; background:#fffbeb; margin:16px 0; font-size:14px; border-radius:0 8px 8px 0; }
.tiers { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:16px 0; }
.tier { border:1px solid var(--line); border-radius:10px; padding:18px; }
.tier.pro { border:2px solid var(--ink); box-shadow:4px 4px 0 var(--accent); }
.tier h3 { margin:0 0 8px; }
a { color:var(--accent); }
.btn { display:inline-block; background:var(--accent); color:#fff; font-weight:700; padding:10px 20px; border-radius:8px; text-decoration:none; margin-top:8px; }
footer.site { border-top:1px solid var(--line); margin-top:52px; padding:22px 0 36px; font-size:13px; color:var(--muted); }
footer.site a { color:var(--muted); }
@media (max-width:560px){ .wrap{ padding:0 16px; } .tiers{ grid-template-columns:1fr; } }