*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,sans-serif}
body{background:#f4f7fb;color:#1b2a41}
nav{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 4vw;background:#fff;border-bottom:1px solid #e5e9f0;position:sticky;top:0;z-index:50}
.navl{display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.1rem}
.navl img{height:36px;border-radius:8px}
.navl .bdg{background:#0176d3;color:#fff;font-size:.62rem;padding:.15rem .5rem;border-radius:999px;letter-spacing:.04em}
.btn{display:inline-block;background:#0176d3;color:#fff;text-decoration:none;padding:.6rem 1.3rem;border-radius:8px;font-weight:600;font-size:.9rem}
.btn.ghost{background:#eef2f8;color:#16325c}
.layout{max-width:1100px;margin:0 auto;padding:2rem 1.4rem;display:grid;grid-template-columns:220px 1fr;gap:2rem}
.side{position:sticky;top:80px;align-self:start}
.side a{display:block;padding:.45rem .8rem;color:#54698d;text-decoration:none;font-size:.85rem;border-radius:7px;font-weight:600}
.side a:hover{background:#e0f2fd;color:#0176d3}
.doc{background:#fff;border:1px solid #e5e9f0;border-radius:14px;padding:2rem}
.doc h1{font-size:1.7rem;color:#111c2e;margin-bottom:.4rem}
.doc>p{color:#54698d;font-size:.88rem;margin-bottom:1.6rem}
.doc h2{font-size:1.15rem;color:#111c2e;margin:2rem 0 .7rem;padding-top:1.2rem;border-top:1px solid #e5e9f0}
.doc h2:first-of-type{border:none;padding-top:0;margin-top:0}
.doc h3{font-size:.95rem;color:#16325c;margin:1.1rem 0 .4rem}
.doc p,.doc li{font-size:.87rem;color:#3a4657;line-height:1.7}
.doc ul,.doc ol{padding-left:1.3rem;margin:.4rem 0}
.doc li{margin-bottom:.3rem}
code{background:#eef2f8;padding:.1rem .4rem;border-radius:5px;font-size:.8rem;color:#16325c;font-family:ui-monospace,monospace}
.tip{background:#e0f2fd;border:1px solid #c4d7f2;border-left:4px solid #0176d3;border-radius:9px;padding:.85rem 1rem;font-size:.83rem;color:#16325c;margin:.9rem 0}
.warn{background:#fff8e6;border:1px solid #f0e2b8;border-left:4px solid #f1c40f;border-radius:9px;padding:.85rem 1rem;font-size:.83rem;color:#6b5408;margin:.9rem 0}
.step{display:flex;gap:.9rem;margin:.7rem 0}
.step .n{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#0176d3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800}
table{width:100%;border-collapse:collapse;margin:.6rem 0}
td,th{text-align:left;padding:.5rem .7rem;font-size:.83rem;border-bottom:1px solid #eef2f8}
th{color:#54698d;font-size:.7rem;text-transform:uppercase}
footer{padding:1.6rem 4vw;text-align:center;color:#8ea3c0;font-size:.78rem;border-top:1px solid #e5e9f0;background:#fff}
footer a{color:#54698d;text-decoration:none;margin:0 .4rem}
@media(max-width:820px){.layout{grid-template-columns:1fr}.side{position:static;display:flex;flex-wrap:wrap;gap:.3rem}}