:root{--accent:#b94400;--tint:#fff0c8;--bg:#fffaf1;--ink:#322719;--surface:#ffffff;--muted:#626d72;--line:#dce3e3;--radius:18px;--button:30px;--buttonink:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 "Microsoft YaHei","PingFang SC",system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img{max-width:100%;height:auto;display:block}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}h1,h2,h3,p,figure{margin:0}p{margin:0 0 1em}h1,h2,h3{line-height:1.35;overflow-wrap:anywhere}h1{font-size:clamp(2.1rem,4.2vw,4.5rem);letter-spacing:-.035em;font-weight:800}h2{font-size:clamp(1.5rem,2.3vw,2.25rem);letter-spacing:-.025em}h3{font-size:1.15rem}main{min-height:65vh}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.topbar{border-bottom:1px solid var(--line);background:var(--surface)}.navrow{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:214px;height:48px;object-fit:contain;object-position:left}.navlinks{display:flex;gap:30px;align-items:center;font-size:.95rem;font-weight:650}.navlinks a[aria-current=page]{color:var(--accent)}.menu-toggle{display:none;background:var(--tint);border:1px solid var(--line);color:var(--ink);padding:8px 14px;border-radius:8px}.eyebrow{font-size:.8rem;letter-spacing:.15em;font-weight:750;color:var(--accent);display:block;margin-bottom:18px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;padding:66px 0 56px;position:relative}.hero-copy{position:relative;z-index:1}.hero .lead{font-size:1.075rem;max-width:590px;margin:26px 0;color:var(--muted)}.hero-figure{position:relative;min-width:0}.hero-figure>img{aspect-ratio:1.12;object-fit:cover;border-radius:var(--radius)}.visual-note{position:absolute;bottom:20px;left:20px;right:20px;background:var(--surface);color:var(--ink);padding:15px 20px;border-radius:10px;display:flex;justify-content:space-between;gap:12px;font-size:.85rem;box-shadow:0 8px 30px #0001}.hero-number{font-size:4rem;font-weight:850;opacity:.12;line-height:1;position:absolute;right:0;top:-30px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:12px 22px;border-radius:var(--button);background:var(--accent);color:var(--buttonink);border:1px solid var(--accent);font-weight:700;line-height:1.5}.button:hover{opacity:.9;color:var(--buttonink)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.hero-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px;font-size:.85rem;color:var(--muted)}.search-panel{display:flex;align-items:center;gap:30px;padding:24px 30px;background:var(--tint);border-radius:var(--radius);margin:0 0 64px}.search-panel>div{flex:1;min-width:0}.search-panel strong{font-size:1.1rem}.search-panel p{margin:2px 0 0;color:var(--muted);font-size:.9rem}.search-form{display:flex;gap:10px;flex:1.4;min-width:0}.search-form input{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--button);background:var(--surface);color:var(--ink);padding:12px 16px}.search-form button{white-space:nowrap}.section{margin:0 0 78px}.section-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-end;margin:0 0 28px}.section-head p{margin:8px 0 0;max-width:690px;color:var(--muted);font-size:.95rem}.textlink{font-size:.9rem;font-weight:700;color:var(--accent);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #0000000b}.card-media{display:block;overflow:hidden}.card-media img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .4s}.card:hover .card-media img{transform:scale(1.025)}.card-body{padding:23px;display:flex;flex-direction:column;flex:1}.card .tag{font-size:.8rem;font-weight:700;color:var(--accent);margin-bottom:12px}.card h3{margin-bottom:12px}.card p{font-size:.9rem;color:var(--muted);margin-bottom:18px}.card-foot{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--muted);margin-top:auto}.channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.channel{padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.channel img{width:100%;aspect-ratio:2;object-fit:cover;border-radius:8px;margin-bottom:16px}.channel h3{margin-bottom:8px}.channel p{font-size:.875rem;color:var(--muted);margin:0}.split-block{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;padding:46px;background:var(--tint);border-radius:var(--radius);align-items:center}.split-block>img{width:100%;border-radius:var(--radius);aspect-ratio:1.4;object-fit:cover}.split-block p{color:var(--muted);margin:20px 0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.step{border-top:2px solid var(--accent);padding:24px 0}.step b{color:var(--accent);font-size:.85rem;letter-spacing:.12em}.step h3{margin:10px 0}.step p{color:var(--muted);font-size:.95rem}.topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.topic{background:var(--tint);padding:18px;border-radius:var(--radius)}.topic img{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:calc(var(--radius)/2);margin-bottom:18px}.topic h3{margin-bottom:8px}.topic p{font-size:.9rem;color:var(--muted)}.reading-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reading-item{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.reading-item .order{font-size:2rem;line-height:1.2;color:var(--accent);font-weight:800}.reading-item h3{font-size:1.05rem;margin-bottom:8px}.reading-item p{font-size:.85rem;color:var(--muted);margin:0}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:54px}.faq-aside img{width:100%;margin-top:25px;border-radius:var(--radius)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:700;cursor:pointer;list-style-position:outside;margin-left:18px;padding-left:5px}details p{margin:14px 0 0;color:var(--muted);font-size:.95rem}.about-strip{border-top:1px solid var(--line);padding-top:30px;display:flex;gap:40px;align-items:center;justify-content:space-between}.about-strip p{margin:0;max-width:850px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:48px 0 25px;background:var(--surface)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid h3{font-size:1rem;margin:0 0 15px}.footer-grid p{max-width:500px;font-size:.9rem;color:var(--muted)}.footer-links{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:.9rem}.copyright{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--muted);padding:25px 0}.page-intro{padding:30px 0 42px;max-width:900px}.page-intro h1{font-size:clamp(2rem,3.3vw,3.3rem)}.page-intro p{margin:20px 0 0;color:var(--muted);font-size:1.05rem}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(220px,1fr);gap:60px;align-items:start}.prose{min-width:0}.prose p{line-height:2.05;margin:0 0 24px;font-size:1.04rem}.prose h2{font-size:1.65rem;margin:38px 0 18px}.prose h3{margin:26px 0 12px}.article-image{margin:8px 0 36px}.article-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}figcaption{font-size:.8rem;color:var(--muted);margin-top:10px}.meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);margin-top:20px}.practice{background:var(--tint);border-left:4px solid var(--accent);padding:25px;margin:32px 0}.practice h3{margin:0 0 12px}.practice p{margin:0}.sidebar{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--surface)}.sidebar h2{font-size:1.1rem;margin-bottom:18px}.sidebar a{display:block;border-top:1px solid var(--line);padding:14px 0;font-size:.9rem}.sidebar p{font-size:.875rem;color:var(--muted)}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding:25px 0 45px}.article-nav a{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:.95rem}.article-nav small{display:block;color:var(--muted);margin-bottom:8px}.article-end{margin-top:65px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.filter{padding:7px 17px;background:var(--surface);border:1px solid var(--line);border-radius:var(--button);font-size:.9rem;color:var(--ink)}.filter.active{background:var(--accent);color:var(--buttonink);border-color:var(--accent)}.simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.info-box{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.info-box h2{font-size:1.35rem;margin-bottom:18px}.info-box p{color:var(--muted)}.search-status{margin:22px 0;color:var(--muted)}.search-empty{padding:40px;background:var(--tint);border-radius:var(--radius)}.search-empty h2{margin-bottom:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.issue-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:.8rem;letter-spacing:.12em}.hero-index{display:none}.home-notice{font-size:.8rem;color:var(--muted);margin-top:18px}.article-layout+.section{margin-top:64px}[hidden]{display:none!important}
/* Ten structural art directions, with shared accessible primitives. */
.s2 .hero{grid-template-columns:1.1fr 1fr;background:var(--tint);padding:40px;border-radius:28px;margin:35px 0 30px;gap:35px}.s2 .hero-figure>img{aspect-ratio:1.15;border-radius:45% 45% 16px 16px}.s2 .hero-copy h1{font-size:clamp(2.2rem,4vw,4rem)}.s2 .card{box-shadow:5px 5px 0 var(--tint);border-width:2px}.s2 .section-head h2:before{content:'+';color:var(--accent);margin-right:12px}.s2 .search-panel{background:transparent;border:2px solid var(--line)}
.s3{font-family:"Microsoft YaHei","PingFang SC",sans-serif}.s3 .hero{grid-template-columns:1fr;gap:30px;padding-top:52px}.s3 .hero-copy{display:grid;grid-template-columns:1.25fr 1fr;gap:15px 60px}.s3 .hero-copy .eyebrow{grid-column:1/-1}.s3 .hero-copy .lead{margin:0}.s3 .hero-copy .actions{grid-column:2}.s3 .hero-meta{grid-column:1}.s3 .hero-figure>img{aspect-ratio:2.8;border-radius:0}.s3 .visual-note{display:none}.s3 .card{border:0;background:transparent;border-radius:0}.s3 .card-body{padding:20px 0}.s3 .card-media img{aspect-ratio:4/3;filter:saturate(.5)}.s3 .search-panel{border-radius:0;padding:22px 0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.s3 .section-head{border-bottom:1px solid var(--line);padding-bottom:20px}.s3 h1,.s3 h2{font-weight:500;letter-spacing:.02em}.s3 .split-block{background:transparent;padding:0}.s3 .topbar{border-bottom:2px solid var(--ink)}
.s4 .hero{grid-template-columns:.9fr 1.1fr;padding-top:64px;gap:60px}.s4 .hero-figure>img{aspect-ratio:.96;border-radius:48% 48% 12px 12px}.s4 .hero-copy h1{font-family:Georgia,"SimSun",serif;font-weight:500}.s4 .visual-note{background:#181c22eF;border:1px solid var(--line)}.s4 .card{background:transparent}.s4 .card-body{padding:24px}.s4 .section-head .eyebrow{letter-spacing:.22em}.s4 .search-panel{border:1px solid var(--line);background:transparent}.s4 .topic{border:1px solid var(--line);background:transparent}.s4 .channel{background:transparent}
.s5 .hero{grid-template-columns:1.05fr 1fr;gap:40px}.s5 .hero-figure{transform:rotate(2deg);padding:14px;background:var(--surface);box-shadow:10px 10px 0 var(--tint);border:1px solid var(--line);border-radius:10px}.s5 .hero-figure>img{aspect-ratio:1.15;border-radius:4px}.s5 .visual-note{position:static;margin-top:12px;padding:0;box-shadow:none}.s5 .card{border:2px solid var(--line)}.s5 .card:nth-child(3n+2){border-radius:32px 8px 32px 8px}.s5 .card:nth-child(3n+1){border-radius:8px 32px 8px 32px}.s5 .topic{border:2px dashed var(--line)}.s5 .eyebrow{display:inline-block;background:var(--tint);padding:4px 12px;border-radius:20px}.s5 .section-head h2{font-weight:850}.s5 .button{box-shadow:3px 3px 0 var(--line)}
.s6 .hero{display:block;min-height:640px;padding:76px 60px;margin:28px 0 35px;isolation:isolate;overflow:hidden;border-radius:20px}.s6 .hero-figure{position:absolute;inset:0;z-index:-2}.s6 .hero-figure>img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}.s6 .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071321ed 0%,#071321c9 43%,#07132113 100%);z-index:-1}.s6 .hero-copy{max-width:580px}.s6 .hero-copy .lead{color:#d3dfef}.s6 .hero h1{font-size:clamp(2.4rem,4.6vw,4.6rem)}.s6 .hero .visual-note{display:none}.s6 .hero .home-notice,.s6 .hero-meta{color:#c3d3e7}.s6 .hero .eyebrow{color:#b4d6ff}.s6 .card{background:transparent;border:0}.s6 .card-body{padding:20px 0}.s6 .card-media img{aspect-ratio:16/9}.s6 .section-head{border-left:4px solid var(--accent);padding-left:20px}.s6 .search-panel{background:var(--surface);border:1px solid var(--line)}
.s7 .hero{grid-template-columns:1.5fr .7fr;padding:44px 0;gap:60px}.s7 .hero h1{font-size:clamp(2.1rem,3.7vw,3.7rem)}.s7 .hero-figure>img{aspect-ratio:1;border-radius:12px}.s7 .visual-note{display:none}.s7 .hero-index{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.s7 .hero-index a{border-bottom:1px solid var(--accent);font-size:.9rem;color:var(--accent)}.s7 .card{border-radius:8px}.s7 .card-body{padding:20px}.s7 .card-media img{aspect-ratio:2}.s7 .channels{gap:12px}.s7 .channel{border-left:4px solid var(--accent)}.s7 .reading-list{grid-template-columns:1fr}.s7 .reading-item{padding:16px 0}.s7 .search-panel{padding:25px;border:1px solid var(--line)}.s7 .section{margin-bottom:60px}
.s8 .topbar{background:#202027;color:#fff;border-bottom:5px solid var(--accent)}.s8 .navlinks a:hover{color:#ff8790}.s8 .hero{grid-template-columns:1.2fr .9fr;padding:40px;background:#202027;color:#fff;margin:30px 0;gap:40px}.s8 .hero .lead,.s8 .hero .hero-meta,.s8 .home-notice{color:#d9d9e0}.s8 .hero .eyebrow{color:#ff939b}.s8 .hero-figure>img{aspect-ratio:1.3;border-radius:0}.s8 .hero .secondary{color:#fff;border-color:#65656c}.s8 .hero .visual-note{bottom:0;left:0;right:0;border-radius:0;background:var(--accent);color:#fff}.s8 .card{border-radius:0}.s8 .card-media img{aspect-ratio:16/9}.s8 .section-head h2{background:var(--accent);color:#fff;padding:8px 18px;font-size:1.65rem}.s8 .channel{border-top:5px solid var(--accent);border-radius:0}.s8 .issue-line{font-weight:700}.s8 .search-panel{border-radius:0}
.s9 .hero{grid-template-columns:1.1fr 1.1fr;padding:44px 0 35px;gap:36px}.s9 .hero h1{font-size:clamp(2.1rem,3.6vw,3.6rem)}.s9 .hero-figure>img{aspect-ratio:1.5;border-radius:8px}.s9 .hero .visual-note{left:0;right:0;bottom:-12px;border-radius:0;padding:12px 16px;border-left:5px solid var(--accent)}.s9 .channels{grid-template-columns:repeat(4,minmax(0,1fr))}.s9 .reading-list{background:var(--surface);border:1px solid var(--line);padding:0 24px}.s9 .reading-item{border-top:0}.s9 .section-head{border-bottom:2px solid var(--ink);padding-bottom:15px}.s9 .section-head .eyebrow{margin-bottom:9px}.s9 .card{border-radius:6px}.s9 .card-body{padding:20px}.s9 .card-media img{aspect-ratio:1.8}.s9 .search-panel{margin-bottom:45px}
.s10 .issue-line{border-top:1px solid var(--line);margin-top:26px}.s10 h1,.s10 h2{font-family:Georgia,"Songti SC","SimSun",serif;font-weight:500}.s10 .hero{grid-template-columns:.9fr 1.15fr;gap:55px;padding:45px 0}.s10 .hero-figure{grid-column:1;grid-row:1}.s10 .hero-copy{grid-column:2;grid-row:1}.s10 .hero-figure>img{aspect-ratio:.92;border-radius:0}.s10 .visual-note{left:0;right:0;bottom:0;border-radius:0;box-shadow:none;background:#fbf8f4ed}.s10 .hero h1{font-size:clamp(2.4rem,4.1vw,4.2rem)}.s10 .card{background:transparent;border:0;border-radius:0}.s10 .card-body{padding:20px 0;border-bottom:1px solid var(--line)}.s10 .card-media img{aspect-ratio:4/3}.s10 .search-panel{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;border-radius:0}.s10 .topics .topic{background:transparent;border:1px solid var(--line);border-radius:0}.s10 .split-block{background:transparent;padding:0}.s10 .section-head{align-items:center}.s10 .eyebrow{letter-spacing:.2em}

.s8 footer .brand{display:inline-flex;background:#202027;padding:8px 12px}.s8 .navlinks a[aria-current=page]{color:#ff939b}.textlink{white-space:normal;overflow-wrap:anywhere}h1{text-wrap:balance}@media(max-width:600px){.s3 .hero-copy .lead{margin:18px 0 22px}}