:root{--xl-109bp:#0DB5F8;--xl-ch16n:#21CBED;--xl-1t9to:#ED5A7A;--xl-1h5cv:#F5F6FA;--xl-16mre:#F4F6FA;--xl-1a3g2:#141824;--xl-gzx6p:#586074;--xl-mr53r:#D1D7E6;--xl-drjvr:#077DAB;--xl-13x7q:#073040;--xl-1qyx6:3px;--xl-l1oq6:1.10rem;--xl-15pah:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",sans-serif;--xl-1cvqq:"HarmonyOS Sans SC","MiSans","PingFang SC","Microsoft YaHei",sans-serif;--xl-1yzqx:1200px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:4.5rem}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--xl-1h5cv);color:var(--xl-1a3g2);font:17px/1.85 var(--xl-15pah);overflow-wrap:anywhere}
a{color:var(--xl-drjvr);text-underline-offset:3px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--xl-drjvr);outline-offset:3px;border-radius:3px}
svg{display:block}
h1,h2,h3{font-family:var(--xl-1cvqq);line-height:1.3;margin:0;color:var(--xl-1a3g2)}
.xl-x1x9w{max-width:var(--xl-1yzqx);margin:0 auto;padding:0 1.25rem}
/* top bar */
.xl-8p6jb{border-bottom:1px solid var(--xl-mr53r)}
.xl-8p6jb .xl-x1x9w{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:3.5rem}
.xl-g7slp{display:flex;align-items:center;gap:.55rem;color:var(--xl-1a3g2);text-decoration:none;font-weight:700;font-size:.95rem;min-width:0}
.xl-g7slp .xl-1pnaw{width:26px;height:26px;flex:none}
.xl-1f9ov{font-size:.8rem;color:var(--xl-gzx6p);white-space:nowrap}
/* intro */
.xl-15nvb{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 40%,color-mix(in srgb,var(--xl-109bp) 22%,var(--xl-1h5cv)),var(--xl-1h5cv) 70%)}
.xl-15nvb .xl-x1x9w{position:relative;min-height:min(78vh,640px);display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--xl-l1oq6)*4);padding-bottom:calc(var(--xl-l1oq6)*4)}
.xl-1hlsy{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(56%,700px);pointer-events:none}
.xl-1hlsy .xl-9sms4{width:100%;height:auto}
.xl-1xuo6{position:relative;max-width:36rem}
.xl-17rp6{margin:0 0 1.2rem;font-size:.8rem;letter-spacing:.2em;color:var(--xl-drjvr);font-weight:700}
.xl-15nvb h1{font-size:clamp(2.2rem,6.4vw,4.4rem);font-weight:900;letter-spacing:-.01em;line-height:1.12}
.xl-ault6{font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--xl-gzx6p);margin:1.4rem 0 2rem;line-height:1.7}
.xl-115o3{align-self:flex-start;display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.4rem;border-radius:999px;background:var(--xl-109bp);color:var(--xl-13x7q);font-weight:700;text-decoration:none}
.xl-115o3 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.xl-115o3:hover{background:var(--xl-ch16n)}
/* layout */
.xl-1sioq{display:grid;grid-template-columns:220px minmax(0,1fr);gap:calc(var(--xl-l1oq6)*4);align-items:start}
.xl-1ozd8{position:sticky;top:2rem;padding-top:calc(var(--xl-l1oq6)*4)}
.xl-1u2kp{margin:0 0 .8rem;font-size:.72rem;letter-spacing:.24em;color:var(--xl-gzx6p);font-weight:700}
.xl-1ozd8 ol{list-style:none;margin:0;padding:0;counter-reset:xl-ic62d;border-left:2px solid var(--xl-mr53r)}
.xl-1ozd8 li{counter-increment:xl-ic62d}
.xl-1ozd8 .xl-8mu7n::after{content:"";counter-increment:xl-ic62d}
.xl-1ozd8 .xl-1ntkh{counter-increment:none}
.xl-1ozd8 a{display:flex;gap:.7rem;padding:.42rem 0 .42rem 1rem;margin-left:-2px;border-left:2px solid transparent;color:var(--xl-gzx6p);text-decoration:none;font-size:.9rem;line-height:1.45}
.xl-1ozd8 a::before{flex:none;content:counter(xl-ic62d,decimal-leading-zero);font-variant-numeric:tabular-nums;font-weight:700;font-size:.78rem;padding-top:.1rem;color:color-mix(in srgb,var(--xl-gzx6p) 70%,transparent)}
.xl-1ozd8 .xl-1ntkh a::before{content:"+"}
.xl-1ozd8 a:hover{color:var(--xl-1a3g2)}
.xl-1ozd8 a.xl-13x7q{color:var(--xl-1a3g2);border-left-color:var(--xl-109bp);font-weight:700}
.xl-1ozd8 a.xl-13x7q::before{color:var(--xl-drjvr)}
.xl-hehoh{counter-reset:xl-12obp;min-width:0;max-width:46rem}
/* chapters */
.xl-1neih,.xl-69bz6{padding:calc(var(--xl-l1oq6)*4.5) 0 calc(var(--xl-l1oq6)*1.5);border-bottom:1px solid var(--xl-mr53r)}
.xl-1neih:not(.guide),.xl-69bz6{counter-increment:xl-12obp}
.guide{padding:0;border:0}
.xl-1eppi::before,.xl-69bz6::before{content:counter(xl-12obp,decimal-leading-zero);display:block;font:900 clamp(3rem,7vw,4.6rem)/1 var(--xl-1cvqq);color:transparent;-webkit-text-stroke:1.5px var(--xl-109bp);margin-bottom:.9rem;letter-spacing:-.02em}
.xl-1y9jx h2,.xl-69bz6 h2{font-size:clamp(1.55rem,3.4vw,2.2rem);font-weight:800;margin-bottom:1.2rem}
.xl-wtwts{color:var(--xl-gzx6p);margin:-.4rem 0 1.8rem}
.xl-69bz6 h3{font-size:1.2rem;margin:2.2rem 0 .6rem}
.xl-69bz6 h3::before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--xl-1t9to);margin-right:.6rem;vertical-align:.18em}
.xl-69bz6 p{margin:0 0 1.2rem}
.xl-69bz6>p:first-of-type{font-size:1.12em;color:var(--xl-1a3g2)}
.xl-69bz6 ul,.xl-69bz6 ol{margin:0 0 1.3rem;padding-left:1.4rem}
.xl-69bz6 li{margin:.4rem 0}
.xl-69bz6 li::marker{color:var(--xl-drjvr);font-weight:700}
/* downloads */
.xl-1j7c5{list-style:none;margin:0;padding:0;border-top:1px solid var(--xl-mr53r)}
.xl-1j7c5 a{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem .4rem;border-bottom:1px solid var(--xl-mr53r);color:var(--xl-1a3g2);text-decoration:none}
.xl-1j7c5 li:last-child a{border-bottom:0}
.xl-1j7c5 a:hover{background:color-mix(in srgb,var(--xl-109bp) 8%,transparent)}
.xl-1j7c5 svg{width:2.6rem;height:2.6rem;padding:.55rem;border-radius:var(--xl-1qyx6);background:color-mix(in srgb,var(--xl-109bp) 14%,var(--xl-16mre));fill:none;stroke:var(--xl-drjvr);stroke-width:1.7}
.xl-1j7c5 b{display:block;font-size:1.08rem}
.xl-1j7c5 small{display:block;color:var(--xl-gzx6p);font-size:.85rem;line-height:1.4}
.xl-1j7c5 em{font-style:normal;font-size:.85rem;font-weight:700;color:var(--xl-drjvr);white-space:nowrap}
/* steps */
.xl-o5hi9 h3{font-size:1.15rem;margin-bottom:1.2rem}
.xl-14xs1{list-style:none;margin:0;padding:0;counter-reset:xl-hl7fm}
.xl-14xs1 li{counter-increment:xl-hl7fm;display:grid;grid-template-columns:3.2rem minmax(0,1fr);column-gap:.9rem;padding:1rem 0;border-top:1px dashed var(--xl-mr53r)}
.xl-14xs1 li::before{content:counter(xl-hl7fm);grid-row:span 2;font:800 2rem/1 var(--xl-1cvqq);color:var(--xl-drjvr)}
.xl-14xs1 strong{font-size:1.02rem}
.xl-14xs1 p{margin:.2rem 0 0;color:var(--xl-gzx6p);font-size:.95rem}
/* compare */
.xl-sd656{overflow-x:auto;margin:0 -.2rem}
.xl-1wkr2{width:100%;border-collapse:collapse;font-size:.93rem;min-width:30rem}
.xl-1wkr2 caption{text-align:left;font-weight:700;padding-bottom:.8rem;caption-side:top}
.xl-1wkr2 th,.xl-1wkr2 td{text-align:left;vertical-align:top;padding:.75rem .8rem;border-bottom:1px solid var(--xl-mr53r)}
.xl-1wkr2 thead th{border-bottom:2px solid var(--xl-1a3g2);font-size:.82rem;letter-spacing:.06em;color:var(--xl-gzx6p)}
.xl-1wkr2 tbody tr:nth-child(odd){background:color-mix(in srgb,var(--xl-16mre) 70%,transparent)}
/* notes */
.xl-eq1hp{display:grid;gap:0}
.xl-18ohd{display:grid;grid-template-columns:7.5rem minmax(0,1fr);column-gap:1.4rem;padding:1.3rem 0;border-top:1px solid var(--xl-mr53r)}
.xl-wr30v{grid-row:span 2;align-self:start;font-size:.78rem;font-weight:700;color:var(--xl-drjvr);padding:.2rem .55rem;border:1px solid currentColor;border-radius:var(--xl-1qyx6);text-align:center;line-height:1.5}
.xl-18ohd[data-verdict="不足"] .xl-wr30v{color:var(--xl-1t9to)}
.xl-18ohd[data-verdict="提示"] .xl-wr30v{color:var(--xl-gzx6p)}
.xl-18ohd h3{font-size:1.08rem}
.xl-18ohd p{margin:.35rem 0 0;color:var(--xl-gzx6p);font-size:.96rem}
/* faq */
.xl-bcs0i details{border-top:1px solid var(--xl-mr53r)}
.xl-bcs0i details:last-of-type{border-bottom:1px solid var(--xl-mr53r)}
.xl-bcs0i summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-weight:700;font-size:1.04rem}
.xl-bcs0i summary::-webkit-details-marker{display:none}
.xl-bcs0i summary::after{content:"+";flex:none;width:1.7rem;height:1.7rem;border-radius:50%;border:1px solid var(--xl-mr53r);display:grid;place-items:center;color:var(--xl-drjvr);font-weight:400}
.xl-bcs0i details[open] summary::after{content:"−";background:var(--xl-109bp);border-color:var(--xl-109bp);color:var(--xl-13x7q)}
.xl-bcs0i details p{margin:0 0 1.2rem;color:var(--xl-gzx6p)}
/* glossary */
.xl-xpy2s{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--xl-mr53r);border:1px solid var(--xl-mr53r);border-radius:var(--xl-1qyx6);overflow:hidden}
.xl-xpy2s div{background:var(--xl-1h5cv);padding:1rem 1.1rem}
.xl-xpy2s dt{font-weight:800;font-family:var(--xl-1cvqq)}
.xl-xpy2s dd{margin:.3rem 0 0;color:var(--xl-gzx6p);font-size:.92rem;line-height:1.65}
/* more */
.xl-v399a{padding:calc(var(--xl-l1oq6)*4.5) 0 calc(var(--xl-l1oq6)*3)}
.xl-v399a h2{font-size:1.3rem;margin-bottom:1.2rem}
.xl-zh090{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.xl-v399a h3,.fapnet-latest h2{font-size:.78rem;letter-spacing:.2em;color:var(--xl-gzx6p);margin:0 0 .6rem;font-family:var(--xl-15pah)}
.xl-3gfsh{display:flex;flex-direction:column}
.xl-3gfsh a,.fapnet-latest a{display:block;padding:.5rem 0;border-bottom:1px solid var(--xl-mr53r);text-decoration:none;color:var(--xl-1a3g2);font-size:.95rem}
.xl-3gfsh a:hover,.fapnet-latest a:hover{color:var(--xl-drjvr)}
.fapnet-latest{margin-top:2rem}
.fapnet-latest ul{list-style:none;margin:0;padding:0}
.xl-zk7ra{display:flex;flex-wrap:wrap;gap:.5rem}
.xl-zk7ra a{padding:.3rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--xl-109bp) 12%,var(--xl-16mre));color:var(--xl-1a3g2);text-decoration:none;font-size:.88rem}
.xl-zk7ra a:hover{background:var(--xl-109bp);color:var(--xl-13x7q)}
/* footer */
.xl-14iy7{border-top:1px solid var(--xl-mr53r);font-size:.84rem;color:var(--xl-gzx6p)}
.xl-14iy7 .xl-x1x9w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-top:1.3rem;padding-bottom:1.3rem}
.xl-14iy7 p{margin:0}
.top{position:fixed;right:1rem;bottom:1rem;z-index:20;display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .9rem;border-radius:999px;background:var(--xl-16mre);border:1px solid var(--xl-mr53r);color:var(--xl-1a3g2);font-size:.82rem;text-decoration:none;box-shadow:0 6px 20px color-mix(in srgb,var(--xl-1a3g2) 14%,transparent);transition:opacity .2s,transform .2s}
.top svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}
.xl-1wxd0 .top:not(.xl-bau5s){opacity:0;transform:translateY(.6rem);pointer-events:none;visibility:hidden}
@media (max-width:900px){
.xl-1sioq{grid-template-columns:minmax(0,1fr);gap:0}
.xl-1ozd8{top:0;z-index:15;padding:.55rem 0;margin:0 -1.25rem;background:color-mix(in srgb,var(--xl-1h5cv) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--xl-mr53r)}
.xl-1u2kp{position:absolute;left:-999px}
.xl-1ozd8 ol{display:flex;gap:.4rem;overflow-x:auto;border:0;padding:0 1.25rem;scrollbar-width:none}
.xl-1ozd8 ol::-webkit-scrollbar{display:none}
.xl-1ozd8 a{white-space:nowrap;max-width:14em;overflow:hidden;text-overflow:ellipsis;display:block;margin:0;padding:.35rem .85rem;border:1px solid var(--xl-mr53r);border-radius:999px;font-size:.84rem}
.xl-1ozd8 a::before{margin-right:.4rem}
.xl-1ozd8 a.xl-13x7q{background:var(--xl-109bp);border-color:var(--xl-109bp);color:var(--xl-13x7q)}
.xl-1ozd8 a.xl-13x7q::before{color:var(--xl-13x7q)}
.xl-hehoh{max-width:none}
}
@media (max-width:640px){
body{font-size:16px}
.xl-1f9ov{display:none}
.xl-15nvb .xl-x1x9w{min-height:0;padding-top:calc(var(--xl-l1oq6)*3);padding-bottom:calc(var(--xl-l1oq6)*3)}
.xl-1hlsy{width:130%;right:-55%;top:auto;bottom:-15%;transform:none;opacity:.22}
.xl-1neih,.xl-69bz6{padding-top:calc(var(--xl-l1oq6)*3)}
.xl-18ohd{grid-template-columns:minmax(0,1fr)}
.xl-wr30v{grid-row:auto;justify-self:start;margin-bottom:.5rem}
.xl-xpy2s,.xl-zh090{grid-template-columns:minmax(0,1fr)}
.xl-1j7c5 em{display:none}
}
@media (prefers-reduced-motion:reduce){.top{transition:none}}
h1{text-wrap:balance}