/* cloro docs — original layout, shares marketing tokens */
:root{--bg:#fbfcfe;--surface:#fff;--surface-2:#f8f9fd;--border:#e7eaf3;--border-strong:#d7dcec;--text:#171a2b;--text-2:#4b5168;--text-3:#8188a0;--brand:#6d5efc;--brand-ink:#4b3fe0;--grad:linear-gradient(135deg,#6d5efc,#3b8bff 55%,#35c6f4);--mono:"SFMono-Regular",ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.dtop{position:sticky;top:0;z-index:40;height:60px;display:flex;align-items:center;gap:20px;padding:0 22px;background:rgba(251,252,254,.82);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}
.dbrand{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:1.16rem;letter-spacing:-.03em}
.dbrand .dot{width:24px;height:24px;border-radius:7px;background:var(--grad);box-shadow:0 4px 12px rgba(90,80,240,.4)}
.dtop .sp{flex:1}
.dtop a.tl{font-size:.92rem;color:var(--text-2);font-weight:550}.dtop a.tl:hover{color:var(--text)}
.dtop .btn{background:var(--grad);color:#fff;font-weight:600;font-size:.9rem;padding:9px 16px;border-radius:10px;box-shadow:0 6px 16px rgba(90,80,240,.3)}
.dwrap{display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1240px;margin-inline:auto}
.dside{position:sticky;top:60px;align-self:start;height:calc(100vh - 60px);overflow-y:auto;padding:26px 14px 40px;border-right:1px solid var(--border)}
.dside .grp{margin-bottom:20px}
.dside .gh{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);font-weight:700;padding:6px 12px;display:flex;align-items:center;gap:7px}
.dside .gh .m{font-family:var(--mono);font-size:.62rem;background:#eef0ff;color:var(--brand-ink);border:1px solid #e2e0ff;padding:1px 5px;border-radius:5px}
.dside a{display:block;font-size:.9rem;color:var(--text-2);padding:6px 12px;border-radius:8px;transition:background .15s,color .15s}
.dside a:hover{background:var(--surface-2);color:var(--text)}
.dside a.active{background:#eef0ff;color:var(--brand-ink);font-weight:600}
.dmain{min-width:0;padding:38px clamp(22px,3vw,56px) 80px}
.dmain .crumb{font-size:.82rem;color:var(--text-3);margin-bottom:14px}
.dmain h1{font-size:clamp(1.8rem,1.4rem+1.4vw,2.5rem);letter-spacing:-.02em;margin:0 0 12px}
.dmain .lede{font-size:1.1rem;color:var(--text-2);margin:0 0 8px}
.dmain>*+*{margin-top:1.15rem}
.dmain h2{font-size:1.5rem;margin-top:2.4rem;letter-spacing:-.01em}
.dmain h3{font-size:1.15rem;margin-top:1.6rem}
.dmain p,.dmain li{color:var(--text-2);font-size:1rem;line-height:1.7}
.dmain ul,.dmain ol{padding-left:1.3rem;display:grid;gap:.5rem}
.dmain code{font-family:var(--mono);font-size:.88em;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 6px}
.dmain pre{background:#0e1222;color:#c9d2f2;border-radius:12px;padding:18px 20px;overflow-x:auto;font-family:var(--mono);font-size:.84rem;line-height:1.65;border:1px solid #1d2340}
.dmain pre code{background:none;border:0;padding:0;color:inherit}
.dmain table{width:100%;border-collapse:collapse;font-size:.93rem;display:block;overflow-x:auto}
.dmain th,.dmain td{border:1px solid var(--border);padding:9px 13px;text-align:left;vertical-align:top}
.dmain th{background:var(--surface-2);font-weight:650;color:var(--text)}
.dmain td code{white-space:nowrap}
.method{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:7px 12px;color:var(--text)}
.method b{color:#fff;background:#16a34a;border-radius:5px;padding:1px 7px;font-size:.72rem}
.method.post b{background:#2563eb}.method.get b{background:#16a34a}
@media(max-width:900px){.dwrap{grid-template-columns:1fr}.dside{display:none}}