:root{--p2-1xe:rgb(215,35,86);--fg-1va:rgb(36,35,20);--bd-fh1:rgb(223,222,216);--bg-aqt:rgb(250,250,249);--sf-1no:rgb(251,251,249);--on-ou2:rgb(251,248,249);--p-fhf:rgb(219,36,54);--pt-513:rgb(127,21,31);--a-1k5:rgb(23,120,142);--mu-j2e:rgb(107,105,81)}
:root{--hf-ty7:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;--r-187:22px;--g-1sk:1.15rem;--w-1by:980px;--f-mkg:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:3.8rem;-webkit-text-size-adjust:100%}
body{color:var(--fg-1va);overflow-wrap:anywhere;font:16px/1.75 var(--f-mkg);margin:0;background:var(--bg-aqt)}
a{text-underline-offset:3px;color:var(--pt-513)}
summary:focus-visible,a:focus-visible{outline:2px solid var(--pt-513);outline-offset:3px;border-radius:2px}
svg{display:block}
h2,h3,h1{color:var(--fg-1va);font-family:var(--hf-ty7);line-height:1.3;margin:0}
.skip-1ud{position:absolute;left:-999px;top:0}
.skip-1ud:focus{z-index:20;left:.95rem;padding:.5rem .95rem;top:.95rem;background:var(--sf-1no)}
.progress-pf8{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--a-1k5);transform:scaleX(0);transform-origin:0 50%;z-index:15}
.shell-keg{max-width:var(--w-1by);padding:0 .95rem;margin:0 auto}
/* masthead */
.mast-vri{padding:calc(var(--g-1sk)*1.2) 0 0}
.dateline-5e5{display:flex;padding-bottom:.5rem;color:var(--mu-j2e);letter-spacing:.06em;justify-content:space-between;border-bottom:1px solid var(--bd-fh1);gap:.95rem;font-size:.75rem;flex-wrap:wrap}
.brand-12b{display:flex;color:var(--fg-1va);justify-content:center;gap:.75rem;text-decoration:none;padding:calc(var(--g-1sk)*1.4) 0 calc(var(--g-1sk)*1.1);align-items:center}
.brand-12b .logo-wc7{width:44px;flex:none;height:44px}
.brand-12b b{font-weight:800;line-height:1.1;font-family:var(--hf-ty7);letter-spacing:.04em;font-size:clamp(1.8rem,5.4vw,3.25rem)}
.rule-pfm{height:6px;border-bottom:1px solid var(--fg-1va);margin:0;border-top:3px solid var(--fg-1va)}
/* category bar */
.cats-3so{z-index:10;position:sticky;border-bottom:1px solid var(--bd-fh1);top:0;background:var(--bg-aqt)}
.cats-3so ul{max-width:var(--w-1by);display:flex;padding:0 .95rem;overflow-x:auto;gap:.2rem;list-style:none;scrollbar-width:none;margin:0 auto}
.cats-3so ul::-webkit-scrollbar{display:none}
.cats-3so a{color:var(--fg-1va);font-weight:600;font-size:.85rem;padding:.65rem .8rem;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;display:block}
.cats-3so a:hover{color:var(--pt-513);border-bottom-color:var(--p-fhf)}
.cats-3so li:first-child a{padding-left:0}
/* body grid */
.body-9p0{padding-bottom:calc(var(--g-1sk)*3);display:grid;gap:calc(var(--g-1sk)*3);grid-template-columns:minmax(0,1fr) 300px;padding-top:calc(var(--g-1sk)*2.2)}
.main-iqb{min-width:0}
.kicker-1ut{color:var(--a-1k5);margin:0 0 .75rem;font-weight:700;text-transform:uppercase;display:inline-block;font-size:.75rem;letter-spacing:.18em}
.kicker-1ut::before{height:2px;margin-right:.55rem;width:1.5rem;content:"";background:var(--a-1k5);vertical-align:middle;display:inline-block}
.lead-1kj h1{font-weight:800;font-size:clamp(1.7rem,4.6vw,2.85rem);line-height:1.18;letter-spacing:-.005em}
.dek-1r1{max-width:40em;margin:.95rem 0 0;color:var(--mu-j2e);line-height:1.7;font-size:1.1rem}
.byline-1gd{display:flex;gap:.4rem 1.15rem;color:var(--mu-j2e);padding:.65rem 0;margin:1.05rem 0 0;font-size:.8rem;border-bottom:1px solid var(--bd-fh1);flex-wrap:wrap;border-top:1px solid var(--bd-fh1)}
.cover-12n{margin:calc(var(--g-1sk)*1.6) 0 0}
.cover-art-1oa{aspect-ratio:3/2;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--p-fhf) 16%,var(--bg-aqt)),color-mix(in srgb,var(--p2-1xe) 6%,var(--sf-1no)));border-radius:var(--r-187)}
.cover-art-1oa .decor-1il{height:100%;width:100%}
.cover-12n figcaption{color:var(--mu-j2e);border-left:2px solid var(--a-1k5);margin-top:.5rem;font-size:.75rem;padding-left:.65rem}
/* reading */
.read-1y0{margin-top:calc(var(--g-1sk)*2.4)}
.article-1rn{max-width:40em;line-height:1.95;font-family:var(--hf-ty7);font-size:1rem}
.article-1rn+.article-1rn{margin-top:calc(var(--g-1sk)*2.6);padding-top:calc(var(--g-1sk)*2.2);border-top:1px solid var(--bd-fh1)}
.article-1rn h2{font-weight:800;margin-bottom:.95rem;font-size:clamp(1.35rem,3vw,1.75rem)}
.article-1rn h3{margin:1.7rem 0 .4rem;border-left:3px solid var(--p-fhf);font-size:1.1rem;padding-left:.65rem}
.article-1rn p{margin:0 0 1rem}
.article-1rn ul,.article-1rn ol{padding-left:1.25rem;margin:0 0 1.05rem}
.article-1rn li{margin:.3rem 0}
.article-1rn li::marker{color:var(--pt-513)}
.article-1rn>p:first-of-type::first-letter{font-size:3.3em;font-weight:800;float:left;line-height:.9;color:var(--pt-513);margin:.08em .12em 0 0}
/* sections in main */
.sec-7ln{margin-top:calc(var(--g-1sk)*3.2)}
.sec-h-6i8{display:flex;margin-bottom:1.15rem;gap:.75rem;border-top:3px solid var(--fg-1va);align-items:baseline;padding-top:.55rem}
.sec-h-6i8 h2{font-weight:800;font-size:1.4rem}
.sec-h-6i8 span{color:var(--mu-j2e);letter-spacing:.16em;font-size:.7rem;white-space:nowrap}
.sub-j2g{font-size:.9rem;color:var(--mu-j2e);margin:-.4rem 0 1.25rem}
.pulls-jke{display:grid;gap:calc(var(--g-1sk)*1.2);grid-template-columns:repeat(2,minmax(0,1fr))}
.note-1oe{padding:1.5rem 1.05rem 1.05rem;position:relative;border-top:4px solid var(--p-fhf);border-radius:0 0 var(--r-187) var(--r-187);background:var(--sf-1no)}
.note-1oe.con-19b{border-top-color:var(--a-1k5)}
.note-1oe.tip-n-ayp{border-top-color:var(--mu-j2e)}
.note-1oe::before{top:-.1rem;content:"\201C";position:absolute;font:800 3.4rem/1 var(--hf-ty7);right:.85rem;color:color-mix(in srgb,var(--p-fhf) 35%,transparent)}
.verdict-1sv{font-weight:700;color:var(--pt-513);letter-spacing:.1em;font-size:.7rem}
.note-1oe.con-19b .verdict-1sv{color:var(--a-1k5)}
.note-1oe h3{margin:.35rem 0 .45rem;font-size:1.05rem;line-height:1.45}
.note-1oe p{font-size:.9rem;color:var(--mu-j2e);margin:0}
.stepset-1te h3{margin-bottom:.75rem;font-size:1.05rem}
.steps-bph{counter-reset:st-gmg;padding:0;margin:0;list-style:none}
.steps-bph li{margin-left:.95rem;counter-increment:st-gmg;position:relative;padding:0 0 1.05rem 2.85rem;border-left:1px dashed var(--bd-fh1)}
.steps-bph li:last-child{border-left-color:transparent}
.steps-bph li::before{content:counter(st-gmg);position:absolute;left:-1rem;top:0;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--bg-aqt);border:2px solid var(--p-fhf);display:grid;place-items:center;font-weight:800;font-size:.85rem;color:var(--pt-513)}
.steps-bph strong,.steps-bph b{padding-top:.2rem;display:block}
.steps-bph p{font-size:.9rem;color:var(--mu-j2e);margin:.2rem 0 0}
.tablewrap-77z{overflow-x:auto;border:1px solid var(--bd-fh1);border-radius:var(--r-187)}
.compare-q40{width:100%;border-collapse:collapse;font-size:.85rem;min-width:28.5rem}
.compare-q40 caption{caption-side:top;padding:.65rem .85rem;font-weight:700;text-align:left}
.compare-q40 td,.compare-q40 th{padding:.55rem .85rem;text-align:left;vertical-align:top;border-top:1px solid var(--bd-fh1)}
.compare-q40 thead th{letter-spacing:.04em;font-size:.8rem;background:var(--sf-1no)}
.compare-q40 tbody th{font-weight:600}
.letters-15n{display:grid;gap:0}
.letter-1uc{padding:.95rem 0;border-bottom:1px solid var(--bd-fh1)}
.letter-1uc h3{display:flex;gap:.55rem;font-size:1rem}
.letter-1uc h3::before{display:grid;margin-top:.1rem;content:"问";width:1.45rem;flex:none;place-items:center;height:1.45rem;background:var(--p-fhf);font-size:.75rem;border-radius:var(--r-187);color:var(--on-ou2)}
.letter-1uc p{margin:.45rem 0 0 2rem;color:var(--mu-j2e)}
/* sidebar */
.side-jbk{display:flex;min-width:0;gap:calc(var(--g-1sk)*1.8);flex-direction:column}
.latest-hq8 h2,.box-1rq h2{margin:0 0 .75rem;padding-bottom:.45rem;font-weight:800;font-family:var(--f-mkg);border-bottom:2px solid var(--fg-1va);font-size:.75rem;letter-spacing:.18em}
.dl-1bo{background:var(--sf-1no);border:1px solid var(--bd-fh1);border-radius:var(--r-187);padding:1.05rem}
.dl-1bo h2{border-bottom-color:var(--p-fhf)}
.dl-1bo p{margin:0 0 .75rem;color:var(--mu-j2e);font-size:.8rem}
.dl-1bo ul{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:0;margin:0;list-style:none}
.dl-1bo a{display:flex;align-items:center;gap:.45rem;padding:.55rem .6rem;border-radius:var(--r-187);background:var(--bg-aqt);border:1px solid var(--bd-fh1);color:var(--fg-1va);text-decoration:none;font-size:.85rem;font-weight:600}
.dl-1bo a:hover{border-color:var(--p-fhf)}
.dl-1bo svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--pt-513);stroke-width:1.8}
.gloss-1v5{display:grid;gap:.7rem;margin:0}
.gloss-1v5 dt{font-weight:700;font-size:.85rem}
.gloss-1v5 dd{margin:.1rem 0 0;color:var(--mu-j2e);font-size:.8rem;line-height:1.6}
.rel-1jk{display:flex;flex-direction:column}
.rel-1jk a{color:var(--fg-1va);font-size:.85rem;text-decoration:none;padding:.5rem 0;border-bottom:1px dotted var(--bd-fh1)}
.rel-1jk a::before{color:var(--pt-513);content:"→";margin-right:.5rem}
.rel-1jk a:hover{color:var(--pt-513)}
.latest-hq8 ul{padding:0;margin:0;counter-reset:lt-n2i;list-style:none}
.latest-hq8 li{display:flex;line-height:1.5;gap:.65rem;font-size:.85rem;counter-increment:lt-n2i;padding:.5rem 0;border-bottom:1px solid var(--bd-fh1)}
.latest-hq8 li::before{color:var(--a-1k5);font:800 1.25rem/1 var(--hf-ty7);content:counter(lt-n2i);min-width:1.05rem}
.latest-hq8 a{color:var(--fg-1va);text-decoration:none}
.latest-hq8 a:hover{text-decoration:underline;color:var(--pt-513)}
.tags-3tt{display:flex;gap:.4rem;flex-wrap:wrap}
.tags-3tt a{font-size:.8rem;padding:.25rem .6rem;border:1px solid var(--bd-fh1);border-radius:999px;color:var(--mu-j2e);text-decoration:none}
.tags-3tt a:nth-child(3n+1){color:var(--fg-1va);font-size:.85rem}
.tags-3tt a:hover{border-color:var(--p-fhf);color:var(--pt-513)}
/* colophon */
.colophon-qnl{padding:calc(var(--g-1sk)*2) .95rem calc(var(--g-1sk)*2.4);text-align:center;color:var(--mu-j2e);font-size:.8rem;border-top:1px solid var(--bd-fh1)}
.colophon-qnl .logo-wc7{width:28px;margin:0 auto .5rem;height:28px}
.colophon-qnl b{color:var(--fg-1va);font-family:var(--hf-ty7);font-size:1.05rem;letter-spacing:.05em;display:block}
.colophon-qnl p{margin:.3rem 0}
@media (max-width:900px){
.body-9p0{grid-template-columns:minmax(0,1fr);gap:calc(var(--g-1sk)*2.6)}
.side-jbk{display:grid;grid-template-columns:repeat(auto-fit,minmax(14.25rem,1fr))}
}
@media (max-width:560px){
body{font-size:15px}
.pulls-jke{grid-template-columns:minmax(0,1fr)}
.article-1rn{line-height:1.85;font-size:.95rem}
.dateline-5e5 span:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-pf8{display:none}}
.mast2-in-6tz{display:flex;justify-content:space-between;padding:.85rem 0 .75rem;align-items:center;gap:.95rem;border-bottom:3px double var(--fg-1va)}
.mast2-v2r .brand-12b{padding:0;justify-content:flex-start}
.mast2-v2r .brand-12b b{font-size:clamp(1.35rem,3.4vw,2rem)}
.mast2-v2r .dateline-5e5{align-items:flex-end;border:0;padding:0;flex-direction:column;gap:.1rem}
.mast3-1k1 .brand-12b{padding-top:1.15rem}
.pulls-1-1gm{grid-template-columns:1fr}
.letters-2-4e3{gap:1.15rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.colophon2-1j2{display:grid;max-width:var(--w-1by);grid-template-columns:1fr 1fr;padding-left:.95rem;padding-right:.95rem;text-align:left;gap:1.9rem;margin:0 auto}
.colophon2-1j2 .brand-12b{padding:0 0 .5rem;justify-content:flex-start}
.colophon2-1j2 .brand-12b b{font-size:1.35rem}
@media (max-width:640px){.letters-2-4e3,.colophon2-1j2{grid-template-columns:1fr}.mast2-in-6tz{align-items:flex-start;flex-direction:column}.mast2-v2r .dateline-5e5{align-items:flex-start}}
@media (min-width:1024px){.body-9p0{grid-template-columns:300px minmax(0,1fr)}.side-jbk{order:-1}}

.ext-170{color:var(--mu-j2e);margin:.85rem 0 0;font-size:.8rem}.ext-170 span{opacity:.8;margin-right:.5rem}.ext-170 a{color:var(--mu-j2e)}
h1{text-wrap:balance}