:root{--bgfn:rgb(253 252 252);--sffn:rgb(249 245 245);--bdfn:rgb(227 217 217);--ptfn:rgb(124 19 26);--onfn:rgb(251 248 249);--mufn:rgb(113 86 86);--p2fn:rgb(229 42 70);color-scheme:light;--afn:rgb(189 29 167);--fgfn:rgb(43 24 23);--pfn:rgb(222 33 46)}
:root{--hffn:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",sans-serif;--gfn:1.3rem;--wfn:1040px;--ffn:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",sans-serif;--rfn:2px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5.8rem}
body{color:var(--fgfn);background:var(--bgfn) radial-gradient(color-mix(in srgb,var(--fgfn) 7%,transparent) 1px,transparent 1.5px) 0 0/22px 22px;font:15.5px/1.75 var(--ffn);margin:0}
a{color:var(--ptfn)}
:focus-visible{outline:3px solid var(--pfn);outline-offset:2px}
h2,h3,h1{line-height:1.3;font-family:var(--hffn);margin:0}
.infn{padding:0 1.05rem;max-width:var(--wfn);margin:0 auto}
.headfn{position:sticky;top:0;z-index:10;padding:.8rem 0;background:color-mix(in srgb,var(--bgfn) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.headfn .infn{justify-content:space-between;gap:1.05rem;align-items:center;display:flex}
.markfn{font-weight:800;gap:.6rem;color:var(--fgfn);min-width:0;align-items:center;letter-spacing:.02em;text-decoration:none;display:flex}
.markfn strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logofn{flex:none}
.pillsfn ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:.25rem;background:var(--sffn);border:1px solid var(--bdfn);border-radius:99px;overflow-x:auto;scrollbar-width:none}
.pillsfn ul::-webkit-scrollbar{display:none}
.pillsfn a{font-size:.9rem;color:var(--mufn);white-space:nowrap;padding:.35rem .95rem;border-radius:99px;display:block;text-decoration:none}
.pillsfn a:hover{background:color-mix(in srgb,var(--pfn) 14%,transparent);color:var(--fgfn)}
.pillsfn li:first-child a{font-weight:700;color:var(--onfn);background:var(--pfn)}
.cardfn{background:var(--sffn);border:1px solid var(--bdfn);border-radius:calc(var(--rfn) + 8px)}
.stagefn{position:relative;margin-top:.55rem}
.trackfn{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:calc(var(--rfn) + 10px);border:1px solid var(--bdfn);background:var(--sffn)}
.trackfn::-webkit-scrollbar{display:none}
.slidefn{align-content:center;padding:calc(var(--gfn)*2.5);flex:0 0 100%;scroll-snap-align:start;display:grid;min-height:23.1rem}
.s1fn{gap:2.1rem;background:linear-gradient(120deg,color-mix(in srgb,var(--pfn) 16%,var(--sffn)),var(--sffn) 65%);grid-template-columns:1.15fr .85fr;align-items:center}
.tagfn{font-weight:700;display:inline-block;background:color-mix(in srgb,var(--afn) 16%,transparent);margin-bottom:1.05rem;color:var(--fgfn);border-radius:99px;padding:.2rem .75rem;font-size:.8rem;letter-spacing:.06em}
.s1fn h1{font-size:clamp(1.7rem,1.15rem + 2.2vw,2.75rem);letter-spacing:-.01em}
.s1fn p{font-size:1.1rem;color:var(--mufn);margin:.95rem 0 0;max-width:32em}
.actsfn{margin-top:1.6rem;flex-wrap:wrap;gap:.65rem;display:flex}
.ghostfn,.btnfn{font-weight:700;padding:.7rem 1.3rem;font-size:1rem;border-radius:99px;align-items:center;display:inline-flex;text-decoration:none;gap:.4rem}
.btnfn{color:var(--onfn);background:var(--pfn)}
.btnfn:hover{background:var(--p2fn)}
.ghostfn{background:var(--bgfn);color:var(--fgfn);border:1px solid var(--bdfn)}
.decorfn{width:100%;height:auto;max-height:18.9rem}
.tipfn{background:linear-gradient(160deg,color-mix(in srgb,var(--p2fn) 14%,var(--sffn)),var(--sffn))}
.tipfn>div{max-width:37.8rem}
.tipfn{overflow:hidden;position:relative}.tipfn>div{z-index:1;position:relative}
.tipnofn{color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--pfn) 55%,transparent);position:absolute;right:5%;pointer-events:none;bottom:-.12em;font:800 clamp(7.35rem,4.2rem + 12vw,16.8rem)/1 var(--hffn)}
.tipfn>div::before{font-weight:800;color:var(--ptfn);display:inline-block;letter-spacing:.14em;font-size:.8rem;margin-bottom:.65rem;content:"小提示"}
.tipfn strong{font:700 clamp(1.3rem,1.05rem + 1vw,1.8rem)/1.35 var(--hffn);display:block}
.tipfn p{color:var(--mufn);font-size:1.05rem;margin:.75rem 0 1.05rem}
.tipfn a{font-weight:700;text-decoration:none}
.ctrlfn{margin-top:.85rem;justify-content:center;align-items:center;gap:.8rem;display:flex}
.ctrlfn[hidden]{display:none}
.arrowfn{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--bdfn);background:var(--sffn);color:var(--fgfn);font-size:1.25rem;cursor:pointer;display:grid;place-items:center}
.arrowfn:hover{border-color:var(--pfn)}
.dotsfn{gap:.4rem;display:flex}
.dotfn{width:.65rem;height:.65rem;padding:0;border-radius:99px;border:0;background:var(--bdfn);cursor:pointer;transition:width .25s,background .25s}
.dotfn[aria-current="true"]{width:1.9rem;background:var(--pfn)}
.blkfn{margin-top:calc(var(--gfn)*3.5)}
.hdfn{margin-bottom:1.15rem}
.hdfn span{margin-bottom:.3rem;font-weight:800;color:var(--ptfn);display:inline-block;letter-spacing:.12em;font-size:.8rem}
.hdfn h2{font-size:clamp(1.35rem,1.15rem + .9vw,1.85rem)}
.hdfn p{color:var(--mufn);margin:.3rem 0 0}
.getfn{padding:calc(var(--gfn)*1.6)}
.radfn{width:1px;opacity:0;position:absolute;height:1px}
.tablistfn{grid-template-columns:repeat(4,1fr);margin-bottom:1.05rem;gap:.55rem;display:grid}
.tablistfn label{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem .55rem;border:1px solid var(--bdfn);border-radius:calc(var(--rfn) + 4px);background:var(--bgfn);cursor:pointer;font-weight:600;font-size:.95rem}
.picofn svg,.tablistfn svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.panefn{grid-template-columns:auto 1fr auto;border-radius:calc(var(--rfn) + 4px);gap:1.3rem;padding:1.3rem;align-items:center;display:none;background:color-mix(in srgb,var(--pfn) 9%,var(--bgfn))}
.picofn{border-radius:calc(var(--rfn) + 4px);color:var(--onfn);width:3.7rem;place-items:center;height:3.7rem;display:grid;background:var(--pfn)}
.picofn svg{width:1.9rem;height:1.9rem}
.panefn h3{font-size:1.15rem}
.panefn p{color:var(--mufn);margin:.2rem 0 0;font-size:.95rem}
#pf1fn:checked~.tablistfn [for="pf1fn"],#pf2fn:checked~.tablistfn [for="pf2fn"],#pf4fn:checked~.tablistfn [for="pf4fn"],#pf3fn:checked~.tablistfn [for="pf3fn"]{border-color:var(--pfn);background:color-mix(in srgb,var(--pfn) 16%,var(--bgfn));color:var(--fgfn)}
#pf3fn:focus-visible~.tablistfn [for="pf3fn"],#pf4fn:focus-visible~.tablistfn [for="pf4fn"],#pf1fn:focus-visible~.tablistfn [for="pf1fn"],#pf2fn:focus-visible~.tablistfn [for="pf2fn"]{outline:3px solid var(--pfn);outline-offset:2px}
#pf2fn:checked~.p2fn,#pf1fn:checked~.p1fn,#pf4fn:checked~.p4fn,#pf3fn:checked~.p3fn{display:grid}
.notesfn{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.95rem;display:grid}
.notefn{background:var(--sffn);border:1px solid var(--bdfn);border-radius:calc(var(--rfn) + 8px);padding:1.15rem 1.25rem;position:relative;overflow:hidden}
.notefn::before{inset:0 auto 0 0;width:4px;content:"";position:absolute;background:var(--pfn)}
.notefn.confn::before{background:var(--afn)}
.notefn.tip-nfn::before{background:var(--mufn)}
.verdictfn{font-weight:700;color:var(--mufn);font-size:.8rem;letter-spacing:.04em}
.notefn h3{margin:.35rem 0;font-size:1.05rem}
.notefn p{color:var(--mufn);font-size:.95rem;margin:0}
.gridfn{align-items:start;gap:1.05rem;grid-template-columns:1fr 1fr;display:grid}
.articlefn{background:var(--sffn);border:1px solid var(--bdfn);border-radius:calc(var(--rfn) + 8px);padding:calc(var(--gfn)*1.6);border-top:5px solid var(--pfn);min-width:0}
.articlefn+.articlefn{border-top-color:var(--p2fn)}
.articlefn h2{font-size:1.35rem;margin-bottom:.85rem}
.articlefn h3{font-size:1.1rem;margin:1.45rem 0 .4rem;gap:.55rem;align-items:center;display:flex}
.articlefn h3::before{content:"";border-radius:2px;width:.55rem;background:var(--afn);flex:none;height:.55rem}
.articlefn p{margin:0 0 .95rem}
.articlefn ul,.articlefn ol{padding:.85rem 1.05rem .85rem 2.3rem;background:var(--bgfn);border-radius:calc(var(--rfn) + 2px);margin:0 0 .95rem}
.articlefn li{margin:.25rem 0}
.articlefn li::marker{color:var(--ptfn)}
.articlefn a{text-underline-offset:3px}
.tablewrapfn{overflow-x:auto;padding:.25rem}
.comparefn{width:100%;border-collapse:separate;border-spacing:0;font-size:1rem;min-width:520px}
.comparefn caption{padding:.65rem .8rem .95rem;font-weight:700;text-align:left}
.comparefn td,.comparefn th{border-bottom:1px solid var(--bdfn);text-align:left;vertical-align:top;padding:.8rem}
.comparefn thead th{font-size:.9rem;color:var(--onfn);background:var(--pfn)}
.comparefn thead th:first-child{border-radius:calc(var(--rfn) + 2px) 0 0 calc(var(--rfn) + 2px)}
.comparefn thead th:last-child{border-radius:0 calc(var(--rfn) + 2px) calc(var(--rfn) + 2px) 0}
.comparefn tbody tr:nth-child(even)>*{background:color-mix(in srgb,var(--pfn) 6%,transparent)}
.comparefn tbody tr:last-child>*{border-bottom:0}
.cmpfn{padding:calc(var(--gfn)*1.2)}
.stepsetfn{padding:calc(var(--gfn)*1.4)}
.stepsetfn h3{margin-bottom:1.05rem;font-size:1.15rem}
.stepsfn{counter-reset:nfn;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin:0;display:grid;padding:0;list-style:none}
.stepsfn li{counter-increment:nfn;padding:1.05rem;border-radius:calc(var(--rfn) + 4px);background:var(--bgfn);border:1px dashed var(--bdfn)}
.stepsfn li::before{margin-bottom:.3rem;content:"第 " counter(nfn) " 步";font-weight:800;font-size:.75rem;letter-spacing:.1em;color:var(--ptfn);display:block}
.stepsfn strong,.stepsfn b{display:block}
.stepsfn p{color:var(--mufn);font-size:.95rem;margin:.25rem 0 0}
.glossfn{gap:.8rem;margin:0;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}
.glossfn div{background:var(--sffn);border:1px solid var(--bdfn);border-radius:calc(var(--rfn) + 6px);padding:1.05rem}
.glossfn dt{font-weight:800;display:inline-block;border-bottom:2px solid color-mix(in srgb,var(--pfn) 45%,transparent);padding-bottom:.4rem;font-family:var(--hffn);margin-bottom:.4rem}
.glossfn dd{color:var(--mufn);font-size:.95rem;margin:0}
.qafn{align-items:start;gap:.8rem;grid-template-columns:1fr 1fr;display:grid}
.qafn details{background:var(--sffn);border:1px solid var(--bdfn);border-radius:calc(var(--rfn) + 6px)}
.qafn details[open]{border-color:color-mix(in srgb,var(--pfn) 60%,var(--bdfn))}
.qafn summary{font-weight:600;padding:1.05rem 1.15rem;cursor:pointer;gap:.65rem;list-style:none;display:flex}
.qafn summary::-webkit-details-marker{display:none}
.qafn summary::before{font-weight:800;background:color-mix(in srgb,var(--pfn) 18%,transparent);color:var(--ptfn);height:1.6rem;margin-top:.15rem;border-radius:6px;width:1.6rem;font-size:.85rem;content:"Q";place-items:center;flex:none;display:grid}
.qafn details p{color:var(--mufn);padding:0 1.15rem 1.05rem 3.35rem;font-size:1rem;margin:0}
.chipsfn{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}
.chipsfn a{display:inline-block;padding:.4rem 1rem;border-radius:99px;border:1px solid var(--bdfn);background:var(--sffn);color:var(--fgfn);text-decoration:none;font-size:.95rem}
.chipsfn a::before{margin-right:.2rem;font-weight:700;color:var(--afn);content:"#"}
.chipsfn a:hover{border-color:var(--pfn)}
.latestfn{padding:0 1.05rem;max-width:var(--wfn);margin:calc(var(--gfn)*3.5) auto 0}
.latestfn h2{font-size:1.35rem;margin-bottom:1.05rem}
.latestfn ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;gap:.65rem;display:grid;padding:0;list-style:none}
.latestfn li{background:var(--sffn);border:1px solid var(--bdfn);border-radius:calc(var(--rfn) + 6px);padding:.85rem 1.05rem}
.latestfn a{font-weight:600;text-decoration:none}
.latestfn a:hover{text-decoration:underline}
.footfn{background:var(--sffn);border-top:1px solid var(--bdfn);margin-top:calc(var(--gfn)*4);padding:calc(var(--gfn)*2.5) 0 2.1rem;text-align:center;font-size:.95rem}
.footfn .markfn{justify-content:center}
.footfn p{color:var(--mufn);margin:.65rem auto 0;max-width:35.7rem}
.footfn h2{letter-spacing:.1em;color:var(--mufn);margin:1.7rem 0 .75rem;font-size:.85rem}
.flinksfn{justify-content:center;flex-wrap:wrap;gap:.4rem 1.45rem;display:flex}
.flinksfn a{color:var(--fgfn);text-decoration:none}
.flinksfn a:hover{color:var(--ptfn);text-decoration:underline}
.copyfn{font-size:.85rem}
@media (max-width:860px){.s1fn{grid-template-columns:1fr}.s1fn>div:last-child{order:-1}.decorfn{max-height:11.55rem}.gridfn,.qafn{grid-template-columns:1fr}}
@media (max-width:640px){.headfn .infn{flex-wrap:wrap}.pillsfn{width:100%}.slidefn{min-height:0;padding:1.45rem 1.25rem}.tipfn{min-height:15.75rem}.tipnofn{opacity:.45}.tablistfn{grid-template-columns:repeat(2,1fr)}.panefn{grid-template-columns:auto 1fr}.panefn .btnfn{justify-content:center;grid-column:1/-1}.articlefn{padding:1.15rem}.comparefn{min-width:0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.head2fn .infn{flex-direction:column;gap:.55rem;align-items:stretch}
.head2fn .markfn{justify-content:center}
.btn-sfn{padding:.45rem 1.05rem;font-size:.95rem}
.track-1fn .slidefn{min-height:0}
.tiplinefn{margin:1.05rem 0 0;gap:1.05rem;grid-template-columns:repeat(auto-fit,minmax(15.75rem,1fr));display:grid;padding:0;list-style:none}
.tiplinefn li{background:var(--sffn);border:1px solid var(--bdfn);border-radius:calc(var(--rfn) + 6px);padding:1.05rem 1.15rem}
.tiplinefn strong{margin-bottom:.3rem;display:block}
.tiplinefn p{color:var(--mufn);font-size:.95rem;margin:0}
.foot2fn .infn{gap:2.1rem;text-align:left;grid-template-columns:1fr 1fr;display:grid}
.foot2fn .markfn{justify-content:flex-start}
@media (max-width:640px){.foot2fn .infn{grid-template-columns:1fr}}

.hdfn span{display:none}.hdfn h2{padding-left:.65rem;border-left:4px solid var(--pfn)}
.extfn{color:var(--mufn);margin:.95rem 0 0;font-size:.85rem}.extfn span{margin-right:.55rem;opacity:.8}.extfn a{color:var(--mufn)}
h1{text-wrap:balance}