:root{
  --text:#172033;--muted:#667085;--line:#e2e7ef;--paper:#f7f9fc;--wash:#eef2f7;
  --accent:#3d67d9;--accent-text:#fff;--display:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --body:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif
}
body{background:var(--paper);color:var(--text)}
.pro-topbar{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1160px)/2));background:#101828;color:#98a2b3;font-size:9px;letter-spacing:.12em}
.pro-frame{display:block;max-width:1160px;margin:auto}
.pro-sidebar{position:relative;top:auto;height:auto;display:flex;align-items:center;gap:28px;padding:20px;background:transparent;border-bottom:1px solid var(--line)}
.pro-mark{display:flex;align-items:baseline;gap:9px;margin:0 auto 0 0}.pro-mark b{font-size:27px;line-height:1;letter-spacing:-.04em}.pro-mark span{font-size:10px;letter-spacing:.12em;color:var(--accent)}
.pro-sidebar nav{display:flex;gap:25px;border:0}.pro-sidebar nav a{padding:7px 0;border:0;font-size:12px;color:#475467}.pro-sidebar nav a[aria-current=page]{padding-left:0;background:transparent;color:var(--accent);font-weight:700}.pro-sidebar .menu-button{display:none}.pro-download{display:inline-flex;gap:12px;margin:0;padding:9px 14px;border:0;border-radius:6px;background:#101828;color:#fff;font-size:12px;font-weight:650}.pro-side-note{display:none}
.pro-content{max-width:none;margin:0;padding:0 20px 90px;min-width:0}
.pro-hero{min-height:0;display:block;margin-top:46px;padding:72px 66px;border:0;border-radius:18px;background:#101828;color:#fff}.pro-hero-copy{max-width:760px}.pro-hero h1{max-width:720px;margin-bottom:24px;font-size:clamp(43px,5.5vw,66px);font-weight:720;line-height:1.06;letter-spacing:-.045em;text-transform:none}.pro-hero .eyebrow{color:#9db4f2}.pro-hero .lede{max-width:650px;color:#cbd5e1;font-size:18px}.pro-hero .button.primary{border-color:#fff;background:#fff;color:#101828;border-radius:6px}.pro-hero .button.secondary{border-color:#667085;color:#fff;border-radius:6px}
.pro-spec{overflow:hidden;border:1px solid #344054;border-radius:10px;background:#182230;color:#eef2f7}.pro-spec p{display:grid;grid-template-columns:70px 1fr;gap:14px;margin:0;padding:15px 17px;border-bottom:1px solid #344054}.pro-spec p:last-child{border-bottom:0}.pro-spec span{font-size:10px;color:#9db4f2}.pro-spec strong{font-size:12px;font-weight:600}
.pro-protocol{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;max-width:980px;margin:0 auto;padding:76px 0;border-bottom:1px solid var(--line)}.pro-protocol header p{font-size:10px;letter-spacing:.1em;color:var(--accent)}.pro-protocol header h2{font-size:clamp(34px,4vw,48px);text-transform:none}.pro-protocol ol{margin:0;padding:0;list-style:none}.pro-protocol li{display:grid;grid-template-columns:64px 1fr;gap:17px;padding:19px 0;border-top:1px solid var(--line)}.pro-protocol li>span{height:max-content;padding:4px 6px;border-radius:4px;background:#e8edfb;color:var(--accent);font-size:9px;font-weight:700}.pro-protocol h2{margin-bottom:7px;font-size:19px}.pro-protocol p{margin:0;color:var(--muted);font-size:14px}
.pro-manual-links{display:grid;grid-template-columns:1fr 1fr;gap:13px;max-width:980px;margin:auto;padding-top:62px}.pro-manual-links a{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:15px;min-height:88px;padding:19px;border:1px solid var(--line);border-radius:9px;background:#fff}.pro-manual-links a:hover{border-color:#a8b9e8}.pro-manual-links b{font-size:9px;color:var(--accent)}.pro-manual-links span{font-size:17px;font-weight:650}.pro-manual-links i{font-size:18px;font-style:normal;color:var(--accent)}
.pro-article-head{max-width:900px;margin:auto;padding:76px 0 54px;border-bottom:1px solid var(--line)}.pro-doc-code{display:flex;justify-content:space-between;margin-bottom:28px;padding:0;color:var(--muted);font-size:9px;letter-spacing:.1em}.pro-doc-code b{color:var(--accent)}.pro-article-head h1{max-width:820px;font-size:clamp(42px,5vw,62px);font-weight:720;text-transform:none}.pro-content>.article-section,.pro-content>.faq-list,.pro-content>.notice-board,.pro-content>.note,.pro-content>.source-box{max-width:820px;margin-left:auto;margin-right:auto}.pro-content>.article-section{padding:58px 0;border-bottom:1px solid var(--line)}.pro-content>.article-section h2{font-weight:700;text-transform:none}.pro-content .feature-list{grid-template-columns:1fr;gap:12px}.pro-content .feature-list article{display:grid;grid-template-columns:220px 1fr;gap:25px;padding:23px;border:1px solid var(--line);border-top:1px solid var(--line);border-radius:8px;background:#fff}.pro-content .feature-list h3,.pro-content .feature-list p{margin:0}.pro-content .process-list li{grid-template-columns:70px 210px 1fr;border-top:1px solid var(--line)}.pro-content>.note,.pro-content>.source-box{padding:28px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;background:#fff}.pro-content>.link-grid{max-width:900px;margin-left:auto;margin-right:auto;gap:12px;background:transparent;border:0}.pro-content>.link-grid a{border:1px solid var(--line);border-radius:8px;background:#fff}
.pro-footer{display:grid;grid-template-columns:1fr auto;gap:22px;max-width:1160px;margin:auto;padding:28px 20px;border-top:1px solid var(--line);color:var(--muted)}.pro-footer>span{font-size:15px;font-weight:750;color:var(--text)}.pro-footer nav{display:flex;gap:18px;font-size:11px}.pro-footer p{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid var(--line);font-size:10px}
@media(max-width:900px){.pro-frame{display:block}.pro-sidebar{display:grid;grid-template-columns:1fr auto;gap:16px}.pro-mark{margin:0}.pro-sidebar .menu-button{display:block}.pro-sidebar nav{display:none;grid-column:1/-1}.pro-sidebar nav.open{display:grid;grid-template-columns:1fr 1fr}.pro-download{grid-column:1/-1;justify-content:space-between}.pro-content{padding:0 20px 72px}.pro-hero{grid-template-columns:1fr;margin-top:28px;padding:48px;gap:35px}.pro-protocol{grid-template-columns:1fr;gap:25px}.pro-footer{grid-template-columns:1fr}}
@media(max-width:560px){.pro-topbar{display:none}.pro-content{padding:0 15px 60px}.pro-sidebar{padding:17px}.pro-sidebar nav.open{grid-template-columns:1fr}.pro-hero{padding:35px 25px;border-radius:12px}.pro-hero h1{font-size:40px}.pro-manual-links{grid-template-columns:1fr}.pro-content .feature-list article{grid-template-columns:1fr;gap:9px}.pro-content .process-list li{grid-template-columns:38px 1fr}.pro-content .process-list p{grid-column:2}.pro-footer{padding:25px 17px}.pro-footer nav{flex-wrap:wrap}}
