:root{--p2-ch1:rgb(37 212 172);--on-13x:rgb(9 52 47);--a-1t9:rgb(32 117 136);--bd-mr5:rgb(211 216 227);--bg-1h5:rgb(246 247 249);--sf-16m:rgb(245 246 250);--pt-drj:rgb(24 123 112);--fg-1a3:rgb(20 24 36);--mu-gzx:rgb(88 96 116);--p-109:rgb(40 200 181)}
:root{--r-1qy:8px;--f-15p:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--w-1yz:1160px;--hf-1cv:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--g-l1o:.95rem}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:4.95rem}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{overflow-wrap:anywhere;margin:0;font:17px/1.85 var(--f-15p);background:var(--bg-1h5);color:var(--fg-1a3)}
a{color:var(--pt-drj);text-underline-offset:3px}
summary:focus-visible,a:focus-visible{outline:2px solid var(--pt-drj);outline-offset:3px;border-radius:3px}
svg{display:block}
h2,h3,h1{line-height:1.3;margin:0;color:var(--fg-1a3);font-family:var(--hf-1cv)}
.in-x1x{margin:0 auto;padding:0 1.4rem;max-width:var(--w-1yz)}
/* top bar */
.bar-8p6{border-bottom:1px solid var(--bd-mr5)}
.bar-8p6 .in-x1x{align-items:center;display:flex;gap:1.1rem;height:3.85rem;justify-content:space-between}
.home-g7s{align-items:center;display:flex;font-size:1.05rem;font-weight:700;text-decoration:none;color:var(--fg-1a3);min-width:0;gap:.6rem}
.home-g7s .logo-1pn{height:26px;flex:none;width:26px}
.date-1f9{white-space:nowrap;font-size:.9rem;color:var(--mu-gzx)}
/* intro */
.intro-15n{overflow:hidden;position:relative;background:radial-gradient(120% 90% at 85% 40%,color-mix(in srgb,var(--p-109) 22%,var(--bg-1h5)),var(--bg-1h5) 70%)}
.intro-15n .in-x1x{flex-direction:column;min-height:min(78vh,640px);display:flex;position:relative;padding-bottom:calc(var(--g-l1o)*4);padding-top:calc(var(--g-l1o)*4);justify-content:center}
.intro-art-1hl{pointer-events:none;width:min(56%,700px);top:50%;right:-4%;transform:translateY(-50%);position:absolute}
.intro-art-1hl .decor-9sm{height:auto;width:100%}
.intro-tx-1xu{max-width:39.6rem;position:relative}
.eyebrow-17r{margin:0 0 1.3rem;font-size:.9rem;color:var(--pt-drj);font-weight:700;letter-spacing:.2em}
.intro-15n h1{letter-spacing:-.01em;line-height:1.12;font-weight:900;font-size:clamp(2.4rem,6.4vw,4.85rem)}
.lede-aul{font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.7;margin:1.55rem 0 2.2rem;color:var(--mu-gzx)}
.start-115{align-items:center;gap:.65rem;color:var(--on-13x);background:var(--p-109);display:inline-flex;align-self:flex-start;font-weight:700;text-decoration:none;border-radius:999px;padding:.9rem 1.55rem}
.start-115 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.start-115:hover{background:var(--p2-ch1)}
/* layout */
.layout-1si{display:grid;gap:calc(var(--g-l1o)*4);align-items:start;grid-template-columns:220px minmax(0,1fr)}
.toc-1oz{position:sticky;top:2.2rem;padding-top:calc(var(--g-l1o)*4)}
.toc-h-1u2{letter-spacing:.24em;font-size:.8rem;color:var(--mu-gzx);font-weight:700;margin:0 0 .9rem}
.toc-1oz ol{border-left:2px solid var(--bd-mr5);margin:0;padding:0;counter-reset:t-ic6;list-style:none}
.toc-1oz li{counter-increment:t-ic6}
.toc-1oz .toc-read-8mu::after{counter-increment:t-ic6;content:""}
.toc-1oz .toc-more-1nt{counter-increment:none}
.toc-1oz a{gap:.75rem;border-left:2px solid transparent;display:flex;margin-left:-2px;padding:.45rem 0 .45rem 1.1rem;font-size:1rem;color:var(--mu-gzx);text-decoration:none;line-height:1.45}
.toc-1oz a::before{color:color-mix(in srgb,var(--mu-gzx) 70%,transparent);font-variant-numeric:tabular-nums;font-size:.85rem;padding-top:.1rem;flex:none;font-weight:700;content:counter(t-ic6,decimal-leading-zero)}
.toc-1oz .toc-more-1nt a::before{content:"+"}
.toc-1oz a:hover{color:var(--fg-1a3)}
.toc-1oz a.on-13x{color:var(--fg-1a3);border-left-color:var(--p-109);font-weight:700}
.toc-1oz a.on-13x::before{color:var(--pt-drj)}
.flow-heh{max-width:50.6rem;counter-reset:c-12o;min-width:0}
/* chapters */
.ch-1ne,.article-69b{border-bottom:1px solid var(--bd-mr5);padding:calc(var(--g-l1o)*4.5) 0 calc(var(--g-l1o)*1.5)}
.ch-1ne:not(.ch-read-100),.article-69b{counter-increment:c-12o}
.ch-read-100{padding:0;border:0}
.num-1ep::before,.article-69b::before{letter-spacing:-.02em;font:900 clamp(3.3rem,7vw,5.05rem)/1 var(--hf-1cv);display:block;-webkit-text-stroke:1.5px var(--p-109);margin-bottom:1rem;content:counter(c-12o,decimal-leading-zero);color:transparent}
.article-69b h2,.ch-h-1y9 h2{margin-bottom:1.3rem;font-weight:800;font-size:clamp(1.7rem,3.4vw,2.4rem)}
.ch-sub-wtw{margin:-.4rem 0 2rem;color:var(--mu-gzx)}
.article-69b h3{font-size:1.3rem;margin:2.4rem 0 .65rem}
.article-69b h3::before{background:var(--a-1t9);border-radius:50%;display:inline-block;width:.6rem;height:.6rem;content:"";vertical-align:.18em;margin-right:.65rem}
.article-69b p{margin:0 0 1.3rem}
.article-69b>p:first-of-type{font-size:1.12em;color:var(--fg-1a3)}
.article-69b ul,.article-69b ol{padding-left:1.55rem;margin:0 0 1.45rem}
.article-69b li{margin:.45rem 0}
.article-69b li::marker{color:var(--pt-drj);font-weight:700}
/* downloads */
.plats-1j7{margin:0;padding:0;border-top:1px solid var(--bd-mr5);list-style:none}
.plats-1j7 a{align-items:center;grid-template-columns:2.85rem minmax(0,1fr) auto;gap:1.1rem;display:grid;border-bottom:1px solid var(--bd-mr5);padding:1.1rem .45rem;text-decoration:none;color:var(--fg-1a3)}
.plats-1j7 li:last-child a{border-bottom:0}
.plats-1j7 a:hover{background:color-mix(in srgb,var(--p-109) 8%,transparent)}
.plats-1j7 svg{width:2.85rem;height:2.85rem;padding:.6rem;border-radius:var(--r-1qy);background:color-mix(in srgb,var(--p-109) 14%,var(--sf-16m));fill:none;stroke:var(--pt-drj);stroke-width:1.7}
.plats-1j7 b{display:block;font-size:1.2rem}
.plats-1j7 small{display:block;font-size:.95rem;color:var(--mu-gzx);line-height:1.4}
.plats-1j7 em{white-space:nowrap;font-size:.95rem;font-style:normal;color:var(--pt-drj);font-weight:700}
/* steps */
.stepset-o5h h3{margin-bottom:1.3rem;font-size:1.25rem}
.steps-14x{margin:0;padding:0;list-style:none;counter-reset:s-hl7}
.steps-14x li{padding:1.1rem 0;column-gap:1rem;display:grid;grid-template-columns:3.5rem minmax(0,1fr);border-top:1px dashed var(--bd-mr5);counter-increment:s-hl7}
.steps-14x li::before{font:800 2.2rem/1 var(--hf-1cv);content:counter(s-hl7);grid-row:span 2;color:var(--pt-drj)}
.steps-14x b,.steps-14x strong{font-size:1.1rem}
.steps-14x p{color:var(--mu-gzx);font-size:1.05rem;margin:.2rem 0 0}
/* compare */
.tablewrap-sd6{margin:0 -.2rem;overflow-x:auto}
.compare-1wk{width:100%;border-collapse:collapse;font-size:1rem;min-width:33rem}
.compare-1wk caption{caption-side:top;text-align:left;font-weight:700;padding-bottom:.9rem}
.compare-1wk th,.compare-1wk td{vertical-align:top;text-align:left;padding:.85rem .9rem;border-bottom:1px solid var(--bd-mr5)}
.compare-1wk thead th{border-bottom:2px solid var(--fg-1a3);font-size:.9rem;color:var(--mu-gzx);letter-spacing:.06em}
.compare-1wk tbody tr:nth-child(odd){background:color-mix(in srgb,var(--sf-16m) 70%,transparent)}
/* notes */
.notes-eq1{gap:0;display:grid}
.note-18o{grid-template-columns:8.25rem minmax(0,1fr);display:grid;border-top:1px solid var(--bd-mr5);padding:1.45rem 0;column-gap:1.55rem}
.verdict-wr3{order:-1;grid-row:span 2;align-self:start;font-size:.85rem;font-weight:700;color:var(--pt-drj);padding:.2rem .6rem;border:1px solid currentColor;border-radius:var(--r-1qy);text-align:center;line-height:1.5}
.note-18o.con-iqi .verdict-wr3{color:var(--a-1t9)}
.note-18o.tip-n-k24 .verdict-wr3{color:var(--mu-gzx)}
.note-18o h3{font-size:1.2rem}
.note-18o p{margin:.4rem 0 0;color:var(--mu-gzx);font-size:1.05rem}
/* faq */
.faq-bcs details{border-top:1px solid var(--bd-mr5)}
.faq-bcs details:last-of-type{border-bottom:1px solid var(--bd-mr5)}
.faq-bcs summary{display:flex;gap:1.1rem;list-style:none;padding:1.2rem 0;cursor:pointer;font-weight:700;font-size:1.15rem;justify-content:space-between}
.faq-bcs summary::-webkit-details-marker{display:none}
.faq-bcs summary::after{content:"+";flex:none;width:1.85rem;height:1.85rem;border-radius:50%;border:1px solid var(--bd-mr5);display:grid;place-items:center;color:var(--pt-drj);font-weight:400}
.faq-bcs details[open] summary::after{content:"−";background:var(--p-109);border-color:var(--p-109);color:var(--on-13x)}
.faq-bcs details p{margin:0 0 1.3rem;color:var(--mu-gzx)}
/* glossary */
.gloss-xpy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--bd-mr5);border:1px solid var(--bd-mr5);border-radius:var(--r-1qy);overflow:hidden}
.gloss-xpy div{padding:1.1rem 1.2rem;background:var(--bg-1h5)}
.gloss-xpy dt{font-weight:800;font-family:var(--hf-1cv)}
.gloss-xpy dd{margin:.35rem 0 0;font-size:1rem;color:var(--mu-gzx);line-height:1.65}
/* more */
.more-v39{padding:calc(var(--g-l1o)*4.5) 0 calc(var(--g-l1o)*3)}
.more-v39 h2{font-size:1.45rem;margin-bottom:1.3rem}
.more-grid-zh0{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:2.2rem}
.latest-yyl h2,.more-v39 h3{font-size:.85rem;color:var(--mu-gzx);font-family:var(--f-15p);letter-spacing:.2em;margin:0 0 .65rem}
.rel-3gf{flex-direction:column;display:flex}
.rel-3gf a,.latest-yyl a{display:block;padding:.55rem 0;border-bottom:1px solid var(--bd-mr5);font-size:1.05rem;text-decoration:none;color:var(--fg-1a3)}
.rel-3gf a:hover,.latest-yyl a:hover{color:var(--pt-drj)}
.latest-yyl{margin-top:2.2rem}
.latest-yyl ul{margin:0;padding:0;list-style:none}
.chips-zk7{display:flex;gap:.55rem;flex-wrap:wrap}
.chips-zk7 a{font-size:.95rem;padding:.35rem .9rem;text-decoration:none;border-radius:999px;color:var(--fg-1a3);background:color-mix(in srgb,var(--p-109) 12%,var(--sf-16m))}
.chips-zk7 a:hover{color:var(--on-13x);background:var(--p-109)}
/* footer */
.foot-14i{border-top:1px solid var(--bd-mr5);font-size:.9rem;color:var(--mu-gzx)}
.foot-14i .in-x1x{display:flex;gap:.55rem 1.65rem;flex-wrap:wrap;padding-top:1.45rem;padding-bottom:1.45rem;justify-content:space-between}
.foot-14i p{margin:0}
.top-1m9{position:fixed;right:1.1rem;bottom:1.1rem;z-index:20;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:999px;background:var(--sf-16m);border:1px solid var(--bd-mr5);color:var(--fg-1a3);font-size:.9rem;text-decoration:none;box-shadow:0 6px 20px color-mix(in srgb,var(--fg-1a3) 14%,transparent);transition:opacity .2s,transform .2s}
.top-1m9 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}
.js-1wx .top-1m9:not(.show-bau){pointer-events:none;visibility:hidden;transform:translateY(.65rem);opacity:0}
@media (max-width:900px){
.layout-1si{gap:0;grid-template-columns:minmax(0,1fr)}
.toc-1oz{top:0;z-index:15;padding:.6rem 0;margin:0 -1.25rem;background:color-mix(in srgb,var(--bg-1h5) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--bd-mr5)}
.toc-h-1u2{position:absolute;left:-999px}
.toc-1oz ol{scrollbar-width:none;display:flex;gap:.45rem;padding:0 1.4rem;border:0;overflow-x:auto}
.toc-1oz ol::-webkit-scrollbar{display:none}
.toc-1oz a{white-space:nowrap;max-width:14em;overflow:hidden;text-overflow:ellipsis;display:block;margin:0;padding:.4rem .95rem;border:1px solid var(--bd-mr5);border-radius:999px;font-size:.9rem}
.toc-1oz a::before{margin-right:.45rem}
.toc-1oz a.on-13x{background:var(--p-109);border-color:var(--p-109);color:var(--on-13x)}
.toc-1oz a.on-13x::before{color:var(--on-13x)}
.flow-heh{max-width:none}
}
@media (max-width:640px){
body{font-size:16px}
.date-1f9{display:none}
.intro-15n .in-x1x{padding-bottom:calc(var(--g-l1o)*3);min-height:0;padding-top:calc(var(--g-l1o)*3)}
.intro-art-1hl{width:130%;bottom:-15%;top:auto;opacity:.22;right:-55%;transform:none}
.ch-1ne,.article-69b{padding-top:calc(var(--g-l1o)*3)}
.note-18o{grid-template-columns:minmax(0,1fr)}
.verdict-wr3{justify-self:start;margin-bottom:.55rem;grid-row:auto}
.more-grid-zh0,.gloss-xpy{grid-template-columns:minmax(0,1fr)}
.plats-1j7 em{display:none}
}
@media (prefers-reduced-motion:reduce){.top-1m9{transition:none}}
.bar-b-1fb .in-x1x{flex-direction:row-reverse}
.intro-plain-7ba{background:var(--sf-16m)}
.intro-plain-7ba .in-x1x{padding-bottom:calc(var(--g-l1o)*3);min-height:0;padding-top:calc(var(--g-l1o)*3)}
.layout-top-b11{grid-template-columns:1fr}
.layout-top-b11 .toc-1oz{position:static;padding-top:calc(var(--g-l1o)*2)}
.layout-top-b11 .toc-1oz ol{display:flex;border-left:0;gap:.35rem .55rem;flex-wrap:wrap}
.layout-top-b11 .toc-1oz a{padding:.35rem .75rem;margin:0;border:1px solid var(--bd-mr5);border-radius:var(--r-1qy)}
.layout-top-b11 .toc-1oz a.on-13x{border-color:var(--p-109)}
.foot-row-ows{display:flex;gap:.55rem 1.65rem;flex-wrap:wrap;justify-content:space-between}
.foot-row-ows p{margin:0}


.ext-1tk{font-size:.9rem;color:var(--mu-gzx);margin:1rem 0 0}.ext-1tk span{opacity:.8;margin-right:.55rem}.ext-1tk a{color:var(--mu-gzx)}
h1{text-wrap:balance}