:root{--ink:#172335;--muted:#68768a;--blue:#167cc4;--line:#e7edf3;--wash:#f5f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.7 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #67b6ed;outline-offset:5px;border-radius:4px}.skip{position:fixed;top:-80px;z-index:10;padding:12px;background:#fff}.skip:focus{top:8px}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:13px;font-size:14px}.brand strong{font-size:20px;letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:34px;height:34px;background:var(--blue);border-radius:11px;color:white;font-size:19px;font-weight:700}.brand-divider{height:21px;width:1px;background:#d9e1ea;margin:0 4px}.brand>span:last-child{color:var(--muted)}.back{font-size:14px;color:var(--muted)}.back span{margin-left:7px}.layout{max-width:1370px;margin:0 auto;display:grid;grid-template-columns:224px minmax(0,1fr);gap:66px;padding:48px 38px 0}.sidebar{position:sticky;top:32px;align-self:start;font-size:14px}.overview{display:block;padding:10px 13px;border-radius:7px;font-weight:600}.nav-caption{font-size:12px;color:#8793a2;margin:30px 13px 10px}.nav-link{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:7px;margin:3px 0;transition:background .16s,color .16s}.nav-num{font-size:11px;color:#98a5b4;font-variant-numeric:tabular-nums}.active{color:var(--blue);background:#edf6fd}.nav-link:hover,.overview:hover{background:var(--wash);color:var(--blue)}.sidebar-bottom{border-top:1px solid var(--line);margin:34px 13px 0;padding-top:24px;display:grid;gap:11px}.sidebar-bottom>span{font-size:12px;color:#8793a2;margin-bottom:3px}.sidebar-bottom a{display:flex;justify-content:space-between;color:var(--muted)}main{min-width:0}.intro{padding:7px 0 43px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.2px;color:var(--blue)}h1{font-size:42px;line-height:1.35;letter-spacing:-1.2px;margin:18px 0 15px;font-weight:700}.lede{font-size:16px;color:var(--muted);margin:0}.primary{display:inline-flex;align-items:center;gap:22px;background:var(--blue);color:white;padding:10px 18px;border-radius:8px;margin-top:26px;font-size:14px;font-weight:600;transition:background .16s,transform .16s}.primary:hover{background:#1169aa;transform:translateY(-1px)}.section-title{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.section-title h2,.before-start h2{font-size:17px;margin:0}.section-title>span{font-size:12px;color:#8b97a7}.guide-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:26px 0;border-bottom:1px solid var(--line);transition:background .18s,padding .18s}.guide-row:hover{background:var(--wash);padding-left:12px;padding-right:12px}.row-number{align-self:start;margin-top:4px;font-size:12px;font-weight:600;color:#96a4b6;font-variant-numeric:tabular-nums}.guide-row h2{font-size:18px;font-weight:650;margin:0 0 6px}.guide-row p{font-size:14px;color:var(--muted);margin:0}.read-link{font-size:13px;font-weight:600;color:var(--blue);white-space:nowrap}.read-link>span{margin-left:10px}.before-start{padding:34px 0 10px}.before-start p{font-size:14px;color:var(--muted)}.endpoint{display:flex;align-items:center;gap:20px;font-size:13px;margin-top:20px;flex-wrap:wrap}.endpoint>span{color:var(--muted)}code{font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.endpoint code{color:#265c86;background:var(--wash);padding:6px 10px;border-radius:5px}footer{border-top:1px solid var(--line);margin-top:44px;padding:24px 0 30px;color:#91a0af;font-size:12px;display:flex;gap:9px}footer a{margin-left:auto;color:var(--muted)}.breadcrumb{display:flex;gap:12px;color:#8592a2;font-size:12px;margin-bottom:26px}.breadcrumb a:hover{color:var(--blue)}.article-heading h1{font-size:34px;letter-spacing:-.7px}.meta{display:flex;gap:10px;color:#91a0af;font-size:12px;margin:18px 0 30px}.domain-note{background:var(--wash);padding:18px 22px;border-radius:8px;margin-bottom:34px;font-size:13px}.domain-note p{margin:6px 0 0;color:var(--muted)}.domain-note strong{font-size:14px}.article p{line-height:1.9;margin:22px 0;font-size:15px;overflow-wrap:anywhere}.article p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article figure{margin:26px 0 38px}.screenshot-link{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--wash);cursor:zoom-in}.screenshot-link img{display:block;width:100%;height:auto}.article figcaption{display:flex;justify-content:space-between;font-size:12px;color:#8a97a6;margin:9px 2px 0}.article figcaption span{color:#a0abb7}.article pre{padding:13px 16px;background:#f4f7fa;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;color:#315a77}.all-guides{display:inline-block;font-size:14px;color:var(--blue);padding:10px 0}.article-heading{animation:appear .3s ease-out}.intro{animation:appear .35s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}@media(min-width:1450px){.layout{padding-top:58px}}@media(max-width:900px){.layout{grid-template-columns:190px minmax(0,1fr);gap:30px;padding:32px 24px 0}h1{font-size:34px}.article-heading h1{font-size:29px}.guide-row{grid-template-columns:26px 1fr;gap:8px}.read-link{grid-column:2}.guide-row h2{font-size:17px}.header{padding:0 25px}}@media(max-width:640px){.header{height:66px;padding:0 18px}.brand{gap:9px}.brand strong{font-size:18px}.brand-divider{margin:0 2px}.brand>span:last-child{font-size:12px}.back{font-size:12px}.layout{display:block;padding:0 20px}.sidebar{position:static;border-bottom:1px solid var(--line);padding:17px 0 20px;margin-bottom:28px}.overview{padding:7px 0;background:none}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.nav-link{padding:7px 10px;background:var(--wash);margin:0;font-size:12px}.nav-num{display:none}.intro{padding:0 0 28px}h1{font-size:31px;letter-spacing:-.6px;margin-top:13px}.lede{font-size:14px}.primary{margin-top:20px}.guide-row{padding:22px 0}.guide-row p{font-size:13px}.section-title>span{font-size:11px}.article-heading h1{font-size:28px}.breadcrumb{margin-bottom:20px}.domain-note{padding:15px}.article figcaption{font-size:11px}.article figure{margin:20px 0 28px}.article p{font-size:14px}footer{margin-top:30px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}