:root{--w-1dt:1020px;--r-fb2:0px;--fg-bvy:rgb(21,21,40);--bg-18k:rgb(249,249,251);--p2-1uk:rgb(211,182,18);--a-cr7:rgb(88,111,22);--pt-o0r:rgb(145,97,13);--f-k19:system-ui,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--on-1vf:rgb(52,36,9);--bd-1p9:rgb(223,223,231);--hf-p5e:system-ui,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mu-w62:rgb(83,83,110);--sf-1hb:rgb(252,252,253);--g-1n5:1.2rem;--p-1ng:rgb(201,134,19)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:4.4rem}
body{margin:0;color:var(--fg-bvy);background:var(--bg-18k);font:16px/1.75 var(--f-k19);overflow-wrap:anywhere}
a{color:var(--pt-o0r);text-underline-offset:3px}
summary:focus-visible,a:focus-visible{outline:2px solid var(--pt-o0r);outline-offset:3px;border-radius:2px}
svg{display:block}
h2,h3,h1{margin:0;color:var(--fg-bvy);line-height:1.3;font-family:var(--hf-p5e)}
.skip-a0l{top:0;position:absolute;left:-999px}
.skip-a0l:focus{left:1.1rem;top:1.1rem;padding:.55rem 1.1rem;background:var(--sf-1hb);z-index:20}
.progress-1gt{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--a-cr7);transform:scaleX(0);transform-origin:0 50%;z-index:15}
.shell-cy2{padding:0 1.1rem;margin:0 auto;max-width:var(--w-1dt)}
/* masthead */
.mast-1g7{padding:calc(var(--g-1n5)*1.2) 0 0}
.dateline-1i4{color:var(--mu-w62);gap:1.1rem;border-bottom:1px solid var(--bd-1p9);flex-wrap:wrap;letter-spacing:.06em;justify-content:space-between;padding-bottom:.55rem;font-size:.85rem;display:flex}
.brand-114{justify-content:center;color:var(--fg-bvy);text-decoration:none;align-items:center;gap:.9rem;padding:calc(var(--g-1n5)*1.4) 0 calc(var(--g-1n5)*1.1);display:flex}
.brand-114 .logo-1y3{flex:none;height:44px;width:44px}
.brand-114 b{font-weight:800;line-height:1.1;font-size:clamp(2.1rem,5.4vw,3.75rem);letter-spacing:.04em;font-family:var(--hf-p5e)}
.rule-1e3{height:6px;border-top:3px solid var(--fg-bvy);margin:0;border-bottom:1px solid var(--fg-bvy)}
/* category bar */
.cats-13k{top:0;z-index:10;position:sticky;background:var(--bg-18k);border-bottom:1px solid var(--bd-1p9)}
.cats-13k ul{padding:0 1.1rem;scrollbar-width:none;gap:.2rem;overflow-x:auto;margin:0 auto;list-style:none;max-width:var(--w-1dt);display:flex}
.cats-13k ul::-webkit-scrollbar{display:none}
.cats-13k a{font-weight:600;color:var(--fg-bvy);border-bottom:2px solid transparent;padding:.75rem .95rem;text-decoration:none;font-size:1rem;white-space:nowrap;display:block}
.cats-13k a:hover{color:var(--pt-o0r);border-bottom-color:var(--p-1ng)}
.cats-13k li:first-child a{padding-left:0}
/* body grid */
.body-e0p{padding-top:calc(var(--g-1n5)*2.2);gap:calc(var(--g-1n5)*3);padding-bottom:calc(var(--g-1n5)*3);grid-template-columns:minmax(0,1fr) 300px;display:grid}
.main-c74{min-width:0}
.kicker-2ir{margin:0 0 .9rem;letter-spacing:.18em;font-weight:700;display:inline-block;color:var(--a-cr7);text-transform:uppercase;font-size:.85rem}
.kicker-2ir::before{width:1.75rem;height:2px;display:inline-block;vertical-align:middle;margin-right:.65rem;content:"";background:var(--a-cr7)}
.lead-s9l h1{font-weight:800;line-height:1.18;font-size:clamp(2rem,4.6vw,3.3rem);letter-spacing:-.005em}
.dek-132{color:var(--mu-w62);max-width:40em;font-size:1.25rem;margin:1.1rem 0 0;line-height:1.7}
.byline-s4l{margin:1.2rem 0 0;color:var(--mu-w62);border-top:1px solid var(--bd-1p9);font-size:.9rem;padding:.75rem 0;border-bottom:1px solid var(--bd-1p9);flex-wrap:wrap;gap:.45rem 1.3rem;display:flex}
.cover-eh6{margin:calc(var(--g-1n5)*1.6) 0 0}
.cover-art-jll{background:linear-gradient(135deg,color-mix(in srgb,var(--p-1ng) 16%,var(--bg-18k)),color-mix(in srgb,var(--p2-1uk) 6%,var(--sf-1hb)));overflow:hidden;aspect-ratio:3/2;border-radius:var(--r-fb2)}
.cover-art-jll .decor-7vd{width:100%;height:100%}
.cover-eh6 figcaption{color:var(--mu-w62);font-size:.9rem;padding-left:.75rem;border-left:2px solid var(--a-cr7);margin-top:.55rem}
/* reading */
.read-ec3{margin-top:calc(var(--g-1n5)*2.4)}
.article-s80{max-width:40em;font-size:1.2rem;font-family:var(--hf-p5e);line-height:1.95}
.article-s80+.article-s80{border-top:1px solid var(--bd-1p9);padding-top:calc(var(--g-1n5)*2.2);margin-top:calc(var(--g-1n5)*2.6)}
.article-s80 h2{font-weight:800;font-size:clamp(1.55rem,3vw,2.05rem);margin-bottom:1.1rem}
.article-s80 h3{font-size:1.25rem;padding-left:.75rem;margin:2rem 0 .45rem;border-left:3px solid var(--p-1ng)}
.article-s80 p{margin:0 0 1.15rem}
.article-s80 ul,.article-s80 ol{margin:0 0 1.2rem;padding-left:1.45rem}
.article-s80 li{margin:.35rem 0}
.article-s80 li::marker{color:var(--pt-o0r)}
.article-s80>p:first-of-type::first-letter{float:left;color:var(--pt-o0r);font-size:3.3em;line-height:.9;font-weight:800;margin:.08em .12em 0 0}
/* sections in main */
.sec-19l{margin-top:calc(var(--g-1n5)*3.2)}
.sec-h-1fm{align-items:baseline;border-top:3px solid var(--fg-bvy);margin-bottom:1.3rem;gap:.9rem;padding-top:.65rem;display:flex}
.sec-h-1fm h2{font-weight:800;font-size:1.6rem}
.sec-h-1fm span{color:var(--mu-w62);letter-spacing:.16em;white-space:nowrap;font-size:.85rem}
.sub-yr1{color:var(--mu-w62);font-size:1.05rem;margin:-.4rem 0 1.45rem}
.pulls-cdm{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--g-1n5)*1.2);display:grid}
.note-1cr{border-radius:0 0 var(--r-fb2) var(--r-fb2);border-top:4px solid var(--p-1ng);background:var(--sf-1hb);padding:1.75rem 1.2rem 1.2rem;position:relative}
.note-1cr.con-14n{border-top-color:var(--a-cr7)}
.note-1cr.tip-n-jh3{border-top-color:var(--mu-w62)}
.note-1cr::before{position:absolute;content:"\201C";font:800 3.95rem/1 var(--hf-p5e);color:color-mix(in srgb,var(--p-1ng) 35%,transparent);top:-.1rem;right:1rem}
.verdict-xv5{color:var(--pt-o0r);font-weight:700;font-size:.8rem;letter-spacing:.1em}
.note-1cr.con-14n .verdict-xv5{color:var(--a-cr7)}
.note-1cr h3{font-size:1.25rem;line-height:1.45;margin:.4rem 0 .5rem}
.note-1cr p{color:var(--mu-w62);margin:0;font-size:1rem}
.stepset-420 h3{font-size:1.2rem;margin-bottom:.9rem}
.steps-17n{margin:0;padding:0;counter-reset:st-jyh;list-style:none}
.steps-17n li{border-left:1px dashed var(--bd-1p9);margin-left:1.1rem;position:relative;counter-increment:st-jyh;padding:0 0 1.2rem 3.3rem}
.steps-17n li:last-child{border-left-color:transparent}
.steps-17n li::before{content:counter(st-jyh);position:absolute;left:-1rem;top:0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--bg-18k);border:2px solid var(--p-1ng);display:grid;place-items:center;font-weight:800;font-size:1rem;color:var(--pt-o0r)}
.steps-17n b,.steps-17n strong{display:block;padding-top:.2rem}
.steps-17n p{margin:.2rem 0 0;color:var(--mu-w62);font-size:1.05rem}
.tablewrap-896{overflow-x:auto;border:1px solid var(--bd-1p9);border-radius:var(--r-fb2)}
.compare-1mx{width:100%;border-collapse:collapse;font-size:1rem;min-width:33rem}
.compare-1mx caption{font-weight:700;padding:.75rem 1rem;text-align:left;caption-side:top}
.compare-1mx th,.compare-1mx td{border-top:1px solid var(--bd-1p9);padding:.65rem 1rem;vertical-align:top;text-align:left}
.compare-1mx thead th{font-size:.9rem;background:var(--sf-1hb);letter-spacing:.04em}
.compare-1mx tbody th{font-weight:600}
.letters-1tc{gap:0;display:grid}
.letter-8pt{border-bottom:1px solid var(--bd-1p9);padding:1.1rem 0}
.letter-8pt h3{gap:.65rem;font-size:1.15rem;display:flex}
.letter-8pt h3::before{width:1.65rem;font-size:.9rem;flex:none;content:"问";margin-top:.1rem;background:var(--p-1ng);height:1.65rem;color:var(--on-1vf);display:grid;border-radius:var(--r-fb2);place-items:center}
.letter-8pt p{color:var(--mu-w62);margin:.5rem 0 0 2.3rem}
/* sidebar */
.side-1gm{flex-direction:column;gap:calc(var(--g-1n5)*1.8);min-width:0;display:flex}
.box-194 h2,.latest-1pf h2{font-family:var(--f-k19);margin:0 0 .9rem;letter-spacing:.18em;font-weight:800;font-size:.9rem;border-bottom:2px solid var(--fg-bvy);padding-bottom:.5rem}
.dl-1kz{background:var(--sf-1hb);border:1px solid var(--bd-1p9);border-radius:var(--r-fb2);padding:1.2rem}
.dl-1kz h2{border-bottom-color:var(--p-1ng)}
.dl-1kz p{margin:0 0 .9rem;color:var(--mu-w62);font-size:.95rem}
.dl-1kz ul{margin:0;gap:.55rem;grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}
.dl-1kz a{display:flex;align-items:center;gap:.5rem;padding:.65rem .7rem;border-radius:var(--r-fb2);background:var(--bg-18k);border:1px solid var(--bd-1p9);color:var(--fg-bvy);text-decoration:none;font-size:.95rem;font-weight:600}
.dl-1kz a:hover{border-color:var(--p-1ng)}
.dl-1kz svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--pt-o0r);stroke-width:1.8}
.gloss-1by{margin:0;gap:.85rem;display:grid}
.gloss-1by dt{font-weight:700;font-size:1rem}
.gloss-1by dd{color:var(--mu-w62);margin:.1rem 0 0;font-size:.95rem;line-height:1.6}
.rel-ppr{flex-direction:column;display:flex}
.rel-ppr a{color:var(--fg-bvy);text-decoration:none;font-size:1rem;border-bottom:1px dotted var(--bd-1p9);padding:.55rem 0}
.rel-ppr a::before{color:var(--pt-o0r);content:"→";margin-right:.55rem}
.rel-ppr a:hover{color:var(--pt-o0r)}
.latest-1pf ul{margin:0;counter-reset:lt-o56;padding:0;list-style:none}
.latest-1pf li{counter-increment:lt-o56;padding:.6rem 0;gap:.75rem;line-height:1.5;border-bottom:1px solid var(--bd-1p9);font-size:1rem;display:flex}
.latest-1pf li::before{color:var(--a-cr7);font:800 1.45rem/1 var(--hf-p5e);min-width:1.2rem;content:counter(lt-o56)}
.latest-1pf a{color:var(--fg-bvy);text-decoration:none}
.latest-1pf a:hover{color:var(--pt-o0r);text-decoration:underline}
.tags-qyj{gap:.45rem;flex-wrap:wrap;display:flex}
.tags-qyj a{font-size:.9rem;padding:.3rem .7rem;border:1px solid var(--bd-1p9);border-radius:999px;color:var(--mu-w62);text-decoration:none}
.tags-qyj a:nth-child(3n+1){color:var(--fg-bvy);font-size:1rem}
.tags-qyj a:hover{border-color:var(--p-1ng);color:var(--pt-o0r)}
/* colophon */
.colophon-r2k{color:var(--mu-w62);border-top:1px solid var(--bd-1p9);text-align:center;font-size:.95rem;padding:calc(var(--g-1n5)*2) 1.1rem calc(var(--g-1n5)*2.4)}
.colophon-r2k .logo-1y3{margin:0 auto .55rem;height:28px;width:28px}
.colophon-r2k b{color:var(--fg-bvy);font-size:1.2rem;letter-spacing:.05em;font-family:var(--hf-p5e);display:block}
.colophon-r2k p{margin:.35rem 0}
@media (max-width:900px){
.body-e0p{grid-template-columns:minmax(0,1fr);gap:calc(var(--g-1n5)*2.6)}
.side-1gm{grid-template-columns:repeat(auto-fit,minmax(16.5rem,1fr));display:grid}
}
@media (max-width:560px){
body{font-size:15px}
.pulls-cdm{grid-template-columns:minmax(0,1fr)}
.article-s80{font-size:1.1rem;line-height:1.85}
.dateline-1i4 span:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-1gt{display:none}}
.mast2-in-1nu{gap:1.1rem;align-items:center;padding:1rem 0 .9rem;justify-content:space-between;border-bottom:3px double var(--fg-bvy);display:flex}
.mast2-1b9 .brand-114{padding:0;justify-content:flex-start}
.mast2-1b9 .brand-114 b{font-size:clamp(1.55rem,3.4vw,2.3rem)}
.mast2-1b9 .dateline-1i4{flex-direction:column;gap:.1rem;padding:0;border:0;align-items:flex-end}
.mast3-fcl .brand-114{padding-top:1.3rem}
.pulls-1-1kv{grid-template-columns:1fr}
.letters-2-5pk{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}
.colophon2-1f4{padding-left:1.1rem;grid-template-columns:1fr 1fr;text-align:left;gap:2.2rem;margin:0 auto;max-width:var(--w-1dt);display:grid;padding-right:1.1rem}
.colophon2-1f4 .brand-114{padding:0 0 .55rem;justify-content:flex-start}
.colophon2-1f4 .brand-114 b{font-size:1.55rem}
@media (max-width:640px){.letters-2-5pk,.colophon2-1f4{grid-template-columns:1fr}.mast2-in-1nu{flex-direction:column;align-items:flex-start}.mast2-1b9 .dateline-1i4{align-items:flex-start}}
@media (min-width:1024px){.body-e0p{grid-template-columns:300px minmax(0,1fr)}.side-1gm{order:-1}}

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