:root{--ink:#171717;--muted:#67696b;--line:#e9eaec;--paper:#fff;--light:#f7f8f9;--serif:"Songti SC","Noto Serif CJK SC",SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}img{display:block;max-width:100%}a:focus-visible{outline:2px solid #2e5e46;outline-offset:6px}.wrap{width:min(1280px,88%);margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;z-index:10;background:#fff;padding:14px}.skip:focus{top:12px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:12px;font-size:13px;white-space:nowrap}.brand strong{font-size:23px;font-weight:600}.brand strong span{color:#aaa;font-weight:400}.brand>span{color:var(--muted);letter-spacing:.3px}.header nav{display:flex;gap:32px;font-size:12px;color:var(--muted)}.header nav .current{color:var(--ink)}.header nav a:hover{color:#234b3b}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.hero{padding-block:64px 62px;display:grid;grid-template-columns:.92fr 1.12fr;gap:5%;align-items:center}.hero h1{font:clamp(38px,4.5vw,65px)/1.4 var(--serif);letter-spacing:-1px;margin:28px 0 12px}.hero-line{font:24px/1.6 var(--serif);color:#586759}.intro{font-size:14px;line-height:2.15;color:var(--muted);margin-top:29px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:15px 20px;background:var(--ink);color:#fff;font-size:12px;transition:background .2s}.button:hover{background:#3b493e}.hero .button{margin-top:30px}.byline{font-size:10px;color:var(--muted);margin-top:18px}.hero-art img{width:100%;height:410px;object-fit:cover;object-position:center;border-radius:4px}.hero-art figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:14px;line-height:1.7}.hero-art figcaption>span{font-size:9px;white-space:nowrap}.topics{scroll-margin-top:36px;padding-block:52px 64px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-head h2{font:30px/1.7 var(--serif);margin-top:12px}.count{font-size:11px;color:var(--muted);padding-bottom:7px;white-space:nowrap}.topic-card{display:grid;grid-template-columns:.92fr 1.12fr;gap:5%;background:var(--light);padding:32px}.topic-image{position:relative;display:block;overflow:hidden;align-self:stretch;min-height:390px}.topic-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 14%;transition:transform .5s}.topic-image:hover img{transform:scale(1.025)}.topic-image>span{position:absolute;bottom:0;left:0;right:0;padding:30px 22px 20px;color:#fff;background:linear-gradient(transparent,rgba(24,35,27,.74));font:11px Georgia,serif;letter-spacing:1.5px}.topic-content{padding:13px 8px 14px 0}.topic-meta{font-size:11px;color:#45674c;display:flex;justify-content:space-between;gap:20px}.topic-meta span{font-size:10px;color:var(--muted)}.topic-content h3{font:35px/1.5 var(--serif);margin-top:23px;letter-spacing:-.4px}.topic-question{font-size:15px;line-height:1.9;margin-top:22px}.topic-description{font-size:12px;line-height:2;color:var(--muted);max-width:420px;margin-top:18px}.tags{display:flex;flex-wrap:wrap;gap:9px 17px;margin:23px 0 24px}.tags span{font-size:10px;color:#526957}.tags span+span::before{content:"·";margin-right:17px;color:#abb9ad}.topic-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #adb4ad}.time{font-size:10px;color:var(--muted);margin-top:19px}.method{padding-block:55px 58px;display:grid;grid-template-columns:.8fr 1.7fr;gap:6%;border-top:1px solid var(--line)}.method-title h2{font:29px/1.7 var(--serif);margin-top:17px}.method-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.method-parts article>span{display:block;color:#8d949b;font:italic 31px/1.2 Arial,sans-serif;font-weight:500;margin-bottom:21px}.method-parts h3{font-size:15px;font-weight:500;margin-bottom:12px}.method-parts p{font-size:12px;line-height:2;color:var(--muted)}.closing{background:#f5f7f4;padding:40px;text-align:center}.closing p{font:28px/1.6 var(--serif)}.closing>span{display:block;color:var(--muted);font-size:12px;margin-top:13px}.footer{padding-block:36px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:10px}.footer p{font-size:9px;letter-spacing:.6px}
@media(max-width:980px){.wrap{width:90%}.header nav{gap:20px}.hero{gap:4%;grid-template-columns:1fr 1fr}.hero-art img{height:360px}.hero h1{font-size:43px}.hero-line{font-size:22px}.intro{font-size:13px}.topic-card{gap:5%;padding:26px}.topic-content h3{font-size:29px}.topic-question{font-size:13px}.method{grid-template-columns:1fr;gap:32px}.method-title h2 br{display:none}.method-title h2{font-size:26px}.method-parts{gap:26px}}
@media(max-width:650px){.wrap{width:88%}.header{height:auto;min-height:103px;flex-wrap:wrap;gap:20px;padding:21px 0 19px}.brand{font-size:11px}.brand strong{font-size:21px}.header nav{width:100%;gap:24px;font-size:11px}.hero{grid-template-columns:1fr;gap:34px;padding-block:38px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:43px;letter-spacing:-1px;margin:20px 0 12px}.hero-line{font-size:23px}.intro{margin-top:23px;font-size:13px}.hero .button{margin-top:25px}.byline{font-size:9px}.hero-art img{height:auto;aspect-ratio:1.35;object-position:center}.hero-art figcaption{font-size:9px}.hero-art figcaption>span{font-size:8px}.topics{padding-block:34px}.section-head{display:block;margin-bottom:24px}.section-head h2{font-size:25px;margin-top:12px}.count{display:block;margin-top:15px;font-size:10px}.topic-card{display:block;padding:20px}.topic-image{height:285px;min-height:0}.topic-image img{object-position:center 14%}.topic-content{padding:25px 0 8px}.topic-meta{font-size:10px;gap:10px}.topic-meta span{font-size:9px}.topic-content h3{font-size:29px;margin-top:17px}.topic-question{font-size:14px;margin-top:20px}.topic-description{font-size:12px;margin-top:15px}.tags{gap:9px 12px}.tags span{font-size:9px}.tags span+span::before{margin-right:12px}.topic-actions{gap:16px}.topic-actions .button{gap:25px;padding:14px 16px;font-size:11px}.text-link{font-size:11px;gap:6px}.time{font-size:9px;line-height:1.8}.method{padding-block:34px;gap:29px}.method-title h2{font-size:25px;line-height:1.7}.method-title h2 br{display:initial}.method-parts{grid-template-columns:1fr;gap:26px}.method-parts article{display:grid;grid-template-columns:35px 1fr;gap:0 17px}.method-parts article>span{grid-row:1 / span 2;font-size:27px;margin:0}.method-parts h3{margin:0 0 9px}.method-parts p{font-size:12px}.closing{padding:30px 20px}.closing p{font-size:23px}.closing>span{font-size:10px;line-height:1.8}.footer{flex-wrap:wrap;gap:16px;line-height:1.8}.footer p{order:3;width:100%;font-size:8px}.button{min-height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.topic-image img{transition:none}.topic-image:hover img{transform:none}}
@media print{.header nav,.button,.text-link,.skip{display:none}.wrap{width:100%}.hero,.topic-card,.method{display:block}.hero-art{max-width:450px;margin-top:20px}.topic-image{height:300px}.topic-content{padding:20px}.topics,.method{break-before:page}.method-parts{display:block}.method-parts article{margin-top:22px}}