/* 使用指南 page. Uses the site's colour variables from /style.css; reads like the article pages. */
.gdWrap{max-width:860px;padding-top:56px;padding-bottom:80px}
.gdCover{display:flex;gap:22px;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid #efd49f33}
.gdLogo{width:64px;height:64px;flex:none;border-radius:50%}
.gdCover h1{font-size:clamp(32px,4vw,46px);line-height:1.2;margin:6px 0 12px}
.gdCover p{margin:0 0 6px;color:#c2d3dd;font-size:16px;line-height:1.8}
.gdToc{margin:28px 0 8px;padding:20px 24px;border:1px solid #24414c;border-radius:12px;background:#0a2a3a}
.gdToc h2{font-size:15px!important;letter-spacing:.08em;color:var(--gold,#efd49f);margin:0 0 10px!important}
.gdToc ol{margin:0;padding-inline-start:22px;columns:2;column-gap:32px}
.gdToc li{margin:4px 0;break-inside:avoid;color:#9fb6c3}
.gdToc a{color:#d5e1e8;text-decoration:none}
.gdToc a:hover{color:var(--gold,#efd49f);text-decoration:underline}
.gdSec{padding-top:44px;scroll-margin-top:90px}
.gdSec h2{display:flex;align-items:center;gap:14px;font-size:clamp(23px,2.6vw,30px)!important;line-height:1.3;margin:0 0 16px!important}
.gdNum{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f4e2be,#dfc394 50%,#b88f55);color:#041823;font-size:18px;font-weight:700}
.gdSec p,.gdSec li{font-size:16px;line-height:1.85;color:#d5e1e8}
.gdSec p{margin:10px 0}
.gdSteps{list-style:none;counter-reset:gd;margin:12px 0;padding:0}
.gdSteps>li{counter-increment:gd;display:flex;gap:14px;margin:10px 0}
.gdSteps>li::before{content:counter(gd);flex:none;display:inline-grid;place-items:center;width:28px;height:28px;margin-top:2px;border-radius:50%;border:1px solid #dfc394;color:var(--gold,#efd49f);font-size:14px;font-weight:700}
.gdSteps>li>div{min-width:0}
.gdSteps ul,.gdList{margin:6px 0;padding-inline-start:20px}
.gdUi{display:inline-block;padding:0 7px;margin:0 2px;border:1px solid #41606c;border-radius:5px;background:#0c3043;color:var(--text,#f7fafb);font-size:.92em;line-height:1.6;white-space:nowrap}
.gdFig{margin:22px 0;padding:10px;border:1px solid #2f5566;border-radius:12px;background:#061c28}
.gdFig img{display:block;width:100%;height:auto;border-radius:6px}
.gdFig.gdSmall{display:table;max-width:100%}
.gdFig.gdSmall img{width:auto;max-width:100%}
.gdFig figcaption{margin:10px 4px 2px;font-size:14px;line-height:1.6;color:#9fb6c3}
.gdSec a{color:var(--gold,#efd49f)}
@media(max-width:640px){.gdWrap{padding-top:34px}.gdCover{flex-direction:column;gap:12px}.gdToc ol{columns:1}.gdUi{white-space:normal}.gdSec p,.gdSec li{font-size:15.5px}}