:root{--blue:#0873e6;--navy:#091d3d;--line:#e4eaf2;--muted:#667085}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fb;color:#172033;font:15px/1.6 Segoe UI,Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(#071a37,#0b2a55);color:#fff;padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px;border-bottom:1px solid #ffffff1c}.brand i{display:grid;place-items:center;background:#1782ff;border-radius:11px;width:38px;height:38px;font-size:28px}.brand b,.brand small{display:block}.brand small{color:#9db8dd;font-size:10px;letter-spacing:1.5px}nav{padding-top:20px}nav a{display:block;color:#bfd0e7;text-decoration:none;padding:9px 13px;border-radius:7px}nav a:hover{background:var(--blue);color:#fff}aside footer{margin-top:auto;color:#7794ba;padding:12px;font-size:11px}main{margin-left:250px}header{height:62px;background:white;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;font-size:13px}header span{color:#14985f}header a{color:var(--blue);text-decoration:none}article{max-width:1100px;padding:65px 48px;margin:auto}section{padding:45px 0;border-bottom:1px solid var(--line);scroll-margin-top:65px}.hero{padding-top:12px}.hero label{color:var(--blue);font-weight:700;letter-spacing:2px;font-size:11px}.hero h1{font-size:50px;line-height:1.08;letter-spacing:-1.5px;margin:14px 0;color:var(--navy)}.hero em{font-style:normal;color:var(--blue)}.hero>p{font-size:18px;color:#526078;max-width:780px}.notice{background:#fff9e8;border:1px solid #f4da87;border-left:4px solid #efad23;padding:14px 17px;border-radius:8px;margin:25px 0}.base{display:flex;align-items:center;gap:16px;background:var(--navy);color:white;padding:13px 16px;border-radius:9px}.base code{flex:1;color:#65e0ab}.base button,.try{border:0;border-radius:6px;padding:8px 14px;cursor:pointer}.base button{color:white;background:#ffffff1b}h2{font-size:28px;color:var(--navy);margin:0 0 12px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:24px}.steps div{background:white;border:1px solid var(--line);border-radius:11px;padding:18px;min-height:145px}.steps i,.steps b,.steps span{display:block}.steps i{font-style:normal;color:var(--blue);font-weight:800;font-size:11px}.steps b{margin:14px 0 5px}.steps span{font-size:13px;color:var(--muted)}table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line);margin-top:18px}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line)}th{font-size:11px;color:#64748b;background:#f8fafc}.path{display:flex;gap:12px;align-items:center;margin-bottom:15px}.path b{background:#159b64;color:white;border-radius:5px;padding:4px 9px;font-size:11px}.path.get b{background:#1975dc}.path code{font-size:17px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid h3{font-size:11px;color:#64748b;letter-spacing:1px}pre{margin:0;background:#091a34;color:#c8d8ec;border-radius:8px;padding:17px;overflow:auto;min-height:170px;font:12px/1.6 Consolas,monospace}.try{background:var(--blue);color:white;font-weight:600;margin:16px 0 9px}.live{min-height:90px;border-left:4px solid #17a76b}.copyright{text-align:center;padding:25px;color:#8793a5;font-size:12px}@media(max-width:900px){aside{display:none}main{margin-left:0}article{padding:45px 22px}.steps{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.hero h1{font-size:38px}header{padding:0 22px}}@media(max-width:520px){.steps{grid-template-columns:1fr}.base{flex-wrap:wrap}.base code{flex-basis:70%}}