:root{--obk1e11:rgb(156,185,186);--obktxsp:"Source Han Sans CN","Noto Sans CJK SC","WenQuanYi Micro Hei","Microsoft YaHei",sans-serif;--obk11y3:rgb(20,218,240);--obkzu5g:rgb(24,42,42);--obks0jv:22px;--obk8qkm:rgb(228,73,135);--obk1due:rgb(230,240,240);color-scheme:dark;--obkvxu7:rgb(10,25,26);--obk1min:Georgia,"Songti SC","Noto Serif SC","SimSun",serif;--obk1y0q:1220px;--obk104w:rgb(47,188,244);--obk1unx:1.05rem;--obk1b21:rgb(9,48,52);--obk193i:rgb(46,76,77);--obk1p90:rgb(71,232,250)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:4rem}
body{color:var(--obk1due);overflow-wrap:anywhere;font:16px/1.75 var(--obktxsp);margin:0;background:var(--obkvxu7)}
a{color:var(--obk1p90);text-underline-offset:3px}
summary:focus-visible,a:focus-visible{outline:2px solid var(--obk1p90);outline-offset:3px;border-radius:2px}
svg{display:block}
h1,h3,h2{color:var(--obk1due);line-height:1.3;font-family:var(--obk1min);margin:0}
.obkhai0{left:-999px;position:absolute;top:0}
.obkhai0:focus{left:1rem;padding:.5rem 1rem;z-index:20;top:1rem;background:var(--obkzu5g)}
.obkh43e{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--obk8qkm);transform:scaleX(0);transform-origin:0 50%;z-index:15}
.obk1y9e{margin:0 auto;max-width:var(--obk1y0q);padding:0 1rem}
/* masthead */
.obk1jje{padding:calc(var(--obk1unx)*1.2) 0 0}
.obk1e9y{padding-bottom:.5rem;letter-spacing:.06em;color:var(--obk1e11);justify-content:space-between;flex-wrap:wrap;font-size:.8rem;gap:1rem;display:flex;border-bottom:1px solid var(--obk193i)}
.obk1swe{text-decoration:none;color:var(--obk1due);padding:calc(var(--obk1unx)*1.4) 0 calc(var(--obk1unx)*1.1);justify-content:center;align-items:center;gap:.8rem;display:flex}
.obk1swe .obk1dsx{height:44px;flex:none;width:44px}
.obk1swe b{font-weight:800;font-size:clamp(1.9rem,5.4vw,3.4rem);letter-spacing:.04em;line-height:1.1;font-family:var(--obk1min)}
.obk198y{height:6px;border-bottom:1px solid var(--obk1due);border-top:3px solid var(--obk1due);margin:0}
/* category bar */
.obkcegm{z-index:10;position:sticky;top:0;border-bottom:1px solid var(--obk193i);background:var(--obkvxu7)}
.obkcegm ul{margin:0 auto;max-width:var(--obk1y0q);padding:0 1rem;overflow-x:auto;scrollbar-width:none;gap:.2rem;display:flex;list-style:none}
.obkcegm ul::-webkit-scrollbar{display:none}
.obkcegm a{font-weight:600;font-size:.9rem;display:block;border-bottom:2px solid transparent;text-decoration:none;color:var(--obk1due);padding:.7rem .85rem;white-space:nowrap}
.obkcegm a:hover{color:var(--obk1p90);border-bottom-color:var(--obk11y3)}
.obkcegm li:first-child a{padding-left:0}
/* body grid */
.obk8u9f{gap:calc(var(--obk1unx)*3);padding-bottom:calc(var(--obk1unx)*3);display:grid;padding-top:calc(var(--obk1unx)*2.2);grid-template-columns:minmax(0,1fr) 300px}
.obk18hu{min-width:0}
.obk9tm5{margin:0 0 .8rem;font-weight:700;color:var(--obk8qkm);letter-spacing:.18em;font-size:.8rem;text-transform:uppercase;display:inline-block}
.obk9tm5::before{height:2px;background:var(--obk8qkm);width:1.6rem;content:"";margin-right:.6rem;vertical-align:middle;display:inline-block}
.obk1cwf h1{font-weight:800;font-size:clamp(1.8rem,4.6vw,3rem);letter-spacing:-.005em;line-height:1.18}
.obk27d1{font-size:1.15rem;color:var(--obk1e11);max-width:40em;margin:1rem 0 0;line-height:1.7}
.obk13hv{gap:.4rem 1.2rem;color:var(--obk1e11);flex-wrap:wrap;font-size:.8rem;margin:1.1rem 0 0;padding:.7rem 0;display:flex;border-bottom:1px solid var(--obk193i);border-top:1px solid var(--obk193i)}
.obk1wxl{margin:calc(var(--obk1unx)*1.6) 0 0}
.obk8zwx{border-radius:var(--obks0jv);aspect-ratio:3/2;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--obk11y3) 16%,var(--obkvxu7)),color-mix(in srgb,var(--obk104w) 6%,var(--obkzu5g)))}
.obk8zwx .obk1ftp{height:100%;width:100%}
.obk1wxl figcaption{color:var(--obk1e11);border-left:2px solid var(--obk8qkm);font-size:.8rem;margin-top:.5rem;padding-left:.7rem}
/* reading */
.obk6zkm{margin-top:calc(var(--obk1unx)*2.4)}
.obk1l53{max-width:40em;line-height:1.95;font-size:1.05rem;font-family:var(--obk1min)}
.obk1l53+.obk1l53{margin-top:calc(var(--obk1unx)*2.6);padding-top:calc(var(--obk1unx)*2.2);border-top:1px solid var(--obk193i)}
.obk1l53 h2{font-weight:800;font-size:clamp(1.4rem,3vw,1.85rem);margin-bottom:1rem}
.obk1l53 h3{margin:1.8rem 0 .4rem;font-size:1.15rem;border-left:3px solid var(--obk11y3);padding-left:.7rem}
.obk1l53 p{margin:0 0 1.05rem}
.obk1l53 ul,.obk1l53 ol{margin:0 0 1.1rem;padding-left:1.3rem}
.obk1l53 li{margin:.3rem 0}
.obk1l53 li::marker{color:var(--obk1p90)}
.obk1l53>p:first-of-type::first-letter{font-weight:800;margin:.08em .12em 0 0;line-height:.9;font-size:3.3em;color:var(--obk1p90);float:left}
/* sections in main */
.obkp1wy{margin-top:calc(var(--obk1unx)*3.2)}
.obk16zc{padding-top:.6rem;margin-bottom:1.2rem;align-items:baseline;gap:.8rem;display:flex;border-top:3px solid var(--obk1due)}
.obk16zc h2{font-weight:800;font-size:1.45rem}
.obk16zc span{color:var(--obk1e11);letter-spacing:.16em;font-size:.75rem;white-space:nowrap}
.obkcis2{color:var(--obk1e11);font-size:.95rem;margin:-.4rem 0 1.3rem}
.obk1g8o{gap:calc(var(--obk1unx)*1.2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.obk1wta{border-radius:0 0 var(--obks0jv) var(--obks0jv);position:relative;border-top:4px solid var(--obk11y3);padding:1.6rem 1.1rem 1.1rem;background:var(--obkzu5g)}
.obk1wta.obk1hhc{border-top-color:var(--obk8qkm)}
.obk1wta.obk1nny{border-top-color:var(--obk1e11)}
.obk1wta::before{right:.9rem;top:-.1rem;content:"\201C";position:absolute;font:800 3.6rem/1 var(--obk1min);color:color-mix(in srgb,var(--obk11y3) 35%,transparent)}
.obk1x1s{font-weight:700;color:var(--obk1p90);letter-spacing:.1em;font-size:.75rem}
.obk1wta.obk1hhc .obk1x1s{color:var(--obk8qkm)}
.obk1wta h3{margin:.35rem 0 .45rem;font-size:1.1rem;line-height:1.45}
.obk1wta p{color:var(--obk1e11);font-size:.95rem;margin:0}
.obklhrk h3{margin-bottom:.8rem;font-size:1.1rem}
.obk1bwa{counter-reset:obkqxb6;padding:0;margin:0;list-style:none}
.obk1bwa li{border-left:1px dashed var(--obk193i);margin-left:1rem;counter-increment:obkqxb6;position:relative;padding:0 0 1.1rem 3rem}
.obk1bwa li:last-child{border-left-color:transparent}
.obk1bwa li::before{content:counter(obkqxb6);position:absolute;left:-1rem;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--obkvxu7);border:2px solid var(--obk11y3);display:grid;place-items:center;font-weight:800;font-size:.9rem;color:var(--obk1p90)}
.obk1bwa b,.obk1bwa strong{display:block;padding-top:.2rem}
.obk1bwa p{color:var(--obk1e11);font-size:.95rem;margin:.2rem 0 0}
.obk5eqy{overflow-x:auto;border:1px solid var(--obk193i);border-radius:var(--obks0jv)}
.obktp4e{width:100%;border-collapse:collapse;font-size:.9rem;min-width:30rem}
.obktp4e caption{caption-side:top;font-weight:700;padding:.7rem .9rem;text-align:left}
.obktp4e th,.obktp4e td{text-align:left;vertical-align:top;padding:.6rem .9rem;border-top:1px solid var(--obk193i)}
.obktp4e thead th{letter-spacing:.04em;font-size:.8rem;background:var(--obkzu5g)}
.obktp4e tbody th{font-weight:600}
.obk1riw{gap:0;display:grid}
.obkkywo{padding:1rem 0;border-bottom:1px solid var(--obk193i)}
.obkkywo h3{gap:.6rem;font-size:1.05rem;display:flex}
.obkkywo h3::before{background:var(--obk11y3);border-radius:var(--obks0jv);margin-top:.1rem;width:1.5rem;font-size:.8rem;flex:none;place-items:center;content:"问";display:grid;color:var(--obk1b21);height:1.5rem}
.obkkywo p{margin:.45rem 0 0 2.1rem;color:var(--obk1e11)}
/* sidebar */
.obk3ijn{min-width:0;gap:calc(var(--obk1unx)*1.8);display:flex;flex-direction:column}
.obk1gz0 h2,.obk18bp h2{margin:0 0 .8rem;font-weight:800;padding-bottom:.45rem;letter-spacing:.18em;font-family:var(--obktxsp);font-size:.8rem;border-bottom:2px solid var(--obk1due)}
.obk192b{background:var(--obkzu5g);border:1px solid var(--obk193i);border-radius:var(--obks0jv);padding:1.1rem}
.obk192b h2{border-bottom-color:var(--obk11y3)}
.obk192b p{margin:0 0 .8rem;color:var(--obk1e11);font-size:.85rem}
.obk192b ul{gap:.5rem;padding:0;display:grid;margin:0;grid-template-columns:1fr 1fr;list-style:none}
.obk192b a{display:flex;align-items:center;gap:.45rem;padding:.6rem .65rem;border-radius:var(--obks0jv);background:var(--obkvxu7);border:1px solid var(--obk193i);color:var(--obk1due);text-decoration:none;font-size:.9rem;font-weight:600}
.obk192b a:hover{border-color:var(--obk11y3)}
.obk192b svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--obk1p90);stroke-width:1.8}
.obky0uc{gap:.75rem;display:grid;margin:0}
.obky0uc dt{font-weight:700;font-size:.9rem}
.obky0uc dd{margin:.1rem 0 0;color:var(--obk1e11);font-size:.85rem;line-height:1.6}
.obk1tsb{display:flex;flex-direction:column}
.obk1tsb a{font-size:.9rem;text-decoration:none;color:var(--obk1due);border-bottom:1px dotted var(--obk193i);padding:.5rem 0}
.obk1tsb a::before{content:"→";color:var(--obk1p90);margin-right:.5rem}
.obk1tsb a:hover{color:var(--obk1p90)}
.obk18bp ul{padding:0;counter-reset:obk1va5;margin:0;list-style:none}
.obk18bp li{font-size:.9rem;padding:.55rem 0;line-height:1.5;gap:.7rem;counter-increment:obk1va5;display:flex;border-bottom:1px solid var(--obk193i)}
.obk18bp li::before{min-width:1.1rem;color:var(--obk8qkm);content:counter(obk1va5);font:800 1.3rem/1 var(--obk1min)}
.obk18bp a{text-decoration:none;color:var(--obk1due)}
.obk18bp a:hover{color:var(--obk1p90);text-decoration:underline}
.obk1xe9{flex-wrap:wrap;gap:.4rem;display:flex}
.obk1xe9 a{font-size:.8rem;padding:.25rem .65rem;border:1px solid var(--obk193i);border-radius:999px;color:var(--obk1e11);text-decoration:none}
.obk1xe9 a:nth-child(3n+1){font-size:.9rem;color:var(--obk1due)}
.obk1xe9 a:hover{border-color:var(--obk11y3);color:var(--obk1p90)}
/* colophon */
.obk1mmn{color:var(--obk1e11);text-align:center;font-size:.85rem;padding:calc(var(--obk1unx)*2) 1rem calc(var(--obk1unx)*2.4);border-top:1px solid var(--obk193i)}
.obk1mmn .obk1dsx{width:28px;height:28px;margin:0 auto .5rem}
.obk1mmn b{display:block;color:var(--obk1due);letter-spacing:.05em;font-family:var(--obk1min);font-size:1.1rem}
.obk1mmn p{margin:.3rem 0}
@media (max-width:900px){
.obk8u9f{gap:calc(var(--obk1unx)*2.6);grid-template-columns:minmax(0,1fr)}
.obk3ijn{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}
}
@media (max-width:560px){
body{font-size:15px}
.obk1g8o{grid-template-columns:minmax(0,1fr)}
.obk1l53{line-height:1.85;font-size:1rem}
.obk1e9y span:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.obkh43e{display:none}}
.obkemen{border-bottom:3px double var(--obk1due);justify-content:space-between;padding:.9rem 0 .8rem;gap:1rem;align-items:center;display:flex}
.obk1slj .obk1swe{justify-content:flex-start;padding:0}
.obk1slj .obk1swe b{font-size:clamp(1.4rem,3.4vw,2.1rem)}
.obk1slj .obk1e9y{align-items:flex-end;border:0;padding:0;gap:.1rem;flex-direction:column}
.obkw1am .obk1swe{padding-top:1.2rem}
.obk1dxi{grid-template-columns:1fr}
.obkygjp{gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.obktmfg{margin:0 auto;max-width:var(--obk1y0q);text-align:left;padding-left:1rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding-right:1rem}
.obktmfg .obk1swe{justify-content:flex-start;padding:0 0 .5rem}
.obktmfg .obk1swe b{font-size:1.4rem}
@media (max-width:640px){.obktmfg,.obkygjp{grid-template-columns:1fr}.obkemen{flex-direction:column;align-items:flex-start}.obk1slj .obk1e9y{align-items:flex-start}}
@media (min-width:1024px){.obk8u9f{grid-template-columns:300px minmax(0,1fr)}.obk3ijn{order:-1}}
.obk8zwx{aspect-ratio:21/9}.obk1jje .obk1swe{justify-content:flex-start}
.obk6h8k{color:var(--obk1e11);font-size:.8rem;margin:.9rem 0 0}.obk6h8k span{opacity:.8;margin-right:.5rem}.obk6h8k a{color:var(--obk1e11)}
h1{text-wrap:balance}