:root{--green:#2F7D5B;--green-dark:#1F2A26;--berry:#D96C8A;--orange:#E58A3A;--bg:#F7F8F5;--soft:#EEF3EF;--text:#28312D;--muted:#6B756F;--line:#DCE4DE;--white:#fff;--radius:20px;--shadow:0 16px 45px rgba(31,42,38,.08);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-80px;background:var(--green-dark);color:#fff;padding:10px 14px;border-radius:10px;z-index:100}.skip-link:focus{top:12px}.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}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,248,245,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,228,222,.9)}.header-row{min-height:72px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.18rem;font-weight:850;color:var(--green-dark);margin-right:auto}.brand img{width:40px;height:40px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:6px}.site-nav a{padding:9px 12px;border-radius:10px;color:#46514b;font-weight:650}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--soft);color:var(--green)}.site-nav .search-link{border:1px solid var(--line);margin-left:6px}.menu-toggle{display:none;border:0;background:transparent;font-size:1.4rem;color:var(--green-dark)}.lead-stream{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:56px}.lead-copy h1,.page-intro h1,.community-hero h1,.app-hero h1,.about-hero h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.04em;margin:.3em 0 .35em;color:var(--green-dark)}.lede,.page-intro>p,.community-hero p,.app-hero p,.about-hero p{font-size:1.12rem;color:var(--muted);max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:var(--green)}.eyebrow:before{content:"";width:24px;height:3px;border-radius:5px;background:currentColor}.eyebrow.coral{color:var(--orange)}.eyebrow.berry{color:var(--berry)}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 17px;border-radius:12px;font-weight:800;border:1px solid transparent;cursor:pointer}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#276b4d}.button.ghost{border-color:var(--line);background:var(--white);color:var(--green-dark)}.button.ghost:hover{border-color:#b8c9bf}.lead-image{position:relative;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:var(--soft)}.lead-image img{width:100%;aspect-ratio:3/2;object-fit:cover}.lead-image span{position:absolute;left:18px;bottom:18px;background:rgba(31,42,38,.88);color:white;padding:8px 12px;border-radius:999px;font-weight:800;font-size:.84rem}.section-gap{margin-top:72px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:clamp(1.55rem,2.8vw,2.5rem);line-height:1.15;margin:.3em 0 0;color:var(--green-dark);letter-spacing:-.025em}.section-heading>a,.text-link{color:var(--green);font-weight:800}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.story-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.story-card:nth-child(n+3){grid-column:1/-1}.story-card:nth-child(n+3) .story-body{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:18px}.story-card:nth-child(n+3) .story-body .story-meta{grid-row:1/4}.story-media img{width:100%;aspect-ratio:16/9;object-fit:cover}.story-body{padding:20px}.story-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem;margin-bottom:10px}.story-meta span:first-child{color:var(--green);font-weight:800}.story-card h3{font-size:1.15rem;line-height:1.35;margin:0 0 10px;color:var(--green-dark)}.story-card h3 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.story-card p{margin:0;color:var(--muted);font-size:.94rem}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.tag{display:inline-flex;background:var(--soft);color:#51615a;padding:4px 8px;border-radius:999px;font-size:.74rem}.side-panel{background:var(--green-dark);color:#f3f7f4;border-radius:24px;padding:24px;align-self:start;position:sticky;top:96px}.side-panel h2{margin:0 0 18px;font-size:1.2rem}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}.rank-list li:first-child{border-top:0}.rank-list a{display:block;font-weight:750;line-height:1.35}.rank-list span{color:#abc1b5;font-size:.78rem}.side-panel .text-link{display:block;color:#bfe5d2;margin-top:18px}.soft-band{background:var(--soft);padding:64px 0}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compact-card{background:rgba(255,255,255,.72);padding:22px;border-radius:16px;border:1px solid #d7e4dc}.compact-card>span{font-size:.75rem;color:var(--orange);font-weight:850}.compact-card h3{font-size:1rem;line-height:1.35}.compact-card p{font-size:.9rem;color:var(--muted);margin-bottom:0}.split-topic{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.topic-visual img{width:100%;border-radius:26px;aspect-ratio:4/3;object-fit:cover}.topic-copy h2{font-size:2.2rem;line-height:1.15;color:var(--green-dark);margin:.3em 0}.topic-copy p{color:var(--muted)}.check-list{padding:0;list-style:none;margin:20px 0}.check-list li{position:relative;padding:8px 0 8px 28px}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.discussion-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.discussion-strip article{border-top:3px solid var(--berry);background:var(--white);padding:20px;border-radius:0 0 16px 16px}.discussion-strip span{font-size:.75rem;color:var(--berry);font-weight:850}.discussion-strip h3{font-size:1rem;margin:8px 0;line-height:1.35}.discussion-strip p{color:var(--muted);font-size:.9rem;margin:0}.utility-band{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e9f0eb;border:1px solid var(--line);padding:28px;border-radius:20px;margin-bottom:72px}.utility-band h2{margin:.25em 0}.utility-band p{margin:0;color:var(--muted)}.site-footer{background:var(--green-dark);color:#e9f1ed;padding:50px 0 20px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid strong{font-size:1.25rem}.footer-grid p{color:#b8c8c0;max-width:520px}.footer-grid h2{font-size:.9rem;color:#9eb6aa;text-transform:uppercase;letter-spacing:.1em}.footer-grid a{display:block;padding:4px 0}.footer-grid a:hover{color:white;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#9eb6aa;font-size:.82rem}.page-shell{padding-top:30px}.breadcrumbs ol{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 30px;color:var(--muted);font-size:.82rem;flex-wrap:wrap}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:#aab4ae}.breadcrumbs a:hover{color:var(--green)}.page-intro{padding:18px 0 16px}.page-intro.narrow{max-width:850px}.page-intro h1{font-size:clamp(2rem,4.5vw,3.8rem);max-width:1000px}.hero-topic{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:var(--green-dark);color:white;border-radius:28px;overflow:hidden;margin-top:26px}.hero-topic img{width:100%;height:100%;min-height:370px;object-fit:cover}.hero-topic>div{padding:42px}.hero-topic h2{font-size:2rem;line-height:1.15;margin:0 0 16px}.hero-topic p{color:#c0d0c8}.mini-metrics{display:flex;gap:26px;margin-top:30px}.mini-metrics span{font-size:.8rem;color:#a9bdb3}.mini-metrics strong{display:block;font-size:1.7rem;color:#fff}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-grid .story-card:nth-child(n){grid-column:auto}.story-grid .story-card:nth-child(n) .story-body{display:block}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.evidence-grid article{padding:24px;border-radius:18px;background:var(--white);border:1px solid var(--line)}.evidence-grid h2{font-size:1.1rem;color:var(--green)}.evidence-grid p{color:var(--muted);font-size:.9rem}.masonry-like{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.issue-card{background:var(--white);border:1px solid var(--line);padding:22px;border-radius:18px}.issue-card.wide{grid-column:span 2}.issue-card img{width:100%;border-radius:12px;margin-bottom:16px;aspect-ratio:16/9;object-fit:cover}.issue-card>span{color:var(--berry);font-size:.76rem;font-weight:850}.issue-card h2{font-size:1.15rem;line-height:1.32}.issue-card p{color:var(--muted);font-size:.92rem}.contrast-panel{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:36px;background:#fff0f3;border-radius:22px}.contrast-panel h2{font-size:1.8rem;line-height:1.2;margin-top:0}.contrast-panel p{color:#665c60}.contrast-list p{padding:12px 0;margin:0;border-bottom:1px solid #f0d8de}.community-hero,.app-hero,.about-hero{display:grid;grid-template-columns:1fr .85fr;gap:44px;align-items:center}.community-hero img,.app-hero img,.about-hero img{width:100%;border-radius:24px;aspect-ratio:4/3;object-fit:cover}.community-hero h1,.app-hero h1,.about-hero h1{font-size:clamp(2rem,4.2vw,3.7rem)}.thread-board{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden}.board-head{display:flex;align-items:center;justify-content:space-between;background:var(--green-dark);color:white;padding:20px 24px}.board-head h2{margin:0}.board-head span{color:#adc0b6;font-size:.8rem}.thread-board article{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:22px 24px;border-top:1px solid var(--line)}.thread-no{font-size:1.55rem;color:#b9c5bf;font-weight:900}.thread-group{color:var(--berry);font-weight:800;font-size:.75rem}.thread-board h3{margin:4px 0 5px;font-size:1.05rem}.thread-board p{margin:0;color:var(--muted);font-size:.92rem}.community-rules{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.community-rules h2{font-size:2rem;line-height:1.2;margin-top:0}.community-rules ol{margin:0;padding:0;list-style:none;counter-reset:rules}.community-rules li{counter-increment:rules;display:grid;grid-template-columns:1fr;gap:4px;padding:14px 0 14px 55px;border-top:1px solid var(--line);position:relative}.community-rules li:before{content:counter(rules);position:absolute;left:0;top:16px;width:34px;height:34px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--green);font-weight:900}.community-rules span{color:var(--muted)}.app-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.app-checks article{background:var(--white);padding:22px;border:1px solid var(--line);border-radius:16px}.app-checks h2{font-size:1.05rem;color:var(--green-dark)}.app-checks p{font-size:.9rem;color:var(--muted)}.mobile-preview{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;background:var(--soft);padding:32px;border-radius:24px}.mobile-preview img{border-radius:18px}.mobile-preview h2{font-size:1.8rem;line-height:1.2}.mobile-preview p{color:var(--muted)}.prose{max-width:850px}.prose h2{font-size:1.45rem;color:var(--green-dark);margin-top:2em}.prose p{color:#4f5b55}.search-hero{max-width:820px}.search-hero h1{font-size:2.7rem;margin:.25em 0}.search-form{margin-top:24px}.search-form label{display:block;font-weight:800;margin-bottom:8px}.search-form>div{display:flex;gap:8px}.search-form input{min-width:0;flex:1;border:1px solid #bdcbc2;background:white;border-radius:12px;padding:12px 14px;outline:none}.search-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(47,125,91,.13)}.empty-state{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:52px;max-width:760px;margin:50px auto;text-align:center}.empty-state h1,.empty-state h2{color:var(--green-dark)}.empty-state p{color:var(--muted)}.empty-state .action-row{justify-content:center}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px;padding-top:30px}.article-shell>.breadcrumbs{grid-column:1/-1}.article-main header h1{font-size:clamp(2rem,4.4vw,3.7rem);line-height:1.08;letter-spacing:-.035em;margin:.25em 0;color:var(--green-dark)}.article-summary{font-size:1.12rem;color:var(--muted);max-width:780px}.article-cover{width:100%;margin-top:26px;border-radius:22px;aspect-ratio:16/9;object-fit:cover}.article-content{font-size:1.04rem;max-width:760px}.article-content h2{font-size:1.55rem;line-height:1.25;margin:2em 0 .6em;color:var(--green-dark)}.article-content p{color:#46514b}.article-related{align-self:start;position:sticky;top:100px;border-left:1px solid var(--line);padding-left:24px}.article-related h2{font-size:1rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.article-related>a:not(.button){display:block;padding:13px 0;border-bottom:1px solid var(--line)}.article-related span{display:block;color:var(--green);font-size:.72rem;font-weight:800}.article-related strong{display:block;font-size:.92rem;line-height:1.4;margin-top:3px}.article-related .button{margin-top:20px;width:100%}.text-link:hover,.section-heading>a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:3px solid rgba(229,138,58,.55);outline-offset:3px}@media (max-width:980px){.content-grid,.article-shell{grid-template-columns:1fr}.side-panel,.article-related{position:static}.article-related{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.three-columns,.story-grid,.discussion-strip{grid-template-columns:repeat(2,1fr)}.evidence-grid,.app-checks{grid-template-columns:repeat(2,1fr)}.lead-stream,.split-topic,.community-hero,.app-hero,.about-hero,.mobile-preview{grid-template-columns:1fr 1fr;gap:28px}.hero-topic{grid-template-columns:1fr}.masonry-like{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}@media (max-width:760px){.container{width:min(100% - 28px,var(--max))}.header-row{min-height:64px}.menu-toggle{display:block}.site-nav{position:fixed;inset:64px 14px auto 14px;background:var(--green-dark);padding:12px;border-radius:16px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.site-nav.is-open{display:flex}.site-nav a{color:#eef4f1}.site-nav a:hover,.site-nav a[aria-current=page]{background:rgba(255,255,255,.1);color:white}.site-nav .search-link{margin:4px 0 0;border-color:rgba(255,255,255,.2)}.lead-stream,.split-topic,.community-hero,.app-hero,.about-hero,.mobile-preview{grid-template-columns:1fr}.lead-stream{padding-top:34px;gap:30px}.lead-copy h1{font-size:2.65rem}.lead-image{order:-1}.content-grid{gap:24px}.feature-list{grid-template-columns:1fr}.story-card:nth-child(n+3){grid-column:auto}.story-card:nth-child(n+3) .story-body{display:block}.three-columns,.story-grid,.discussion-strip,.evidence-grid,.app-checks,.masonry-like{grid-template-columns:1fr}.issue-card.wide{grid-column:auto}.soft-band{padding:44px 0}.section-gap{margin-top:52px}.section-heading{align-items:start;flex-direction:column;gap:10px}.utility-band,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:24px}.hero-topic>div{padding:28px}.contrast-panel,.community-rules{grid-template-columns:1fr}.thread-board article{grid-template-columns:48px 1fr;padding:18px}.mobile-preview{padding:22px}.article-shell{gap:28px}.page-intro h1,.community-hero h1,.app-hero h1,.about-hero h1,.article-main header h1{font-size:2.45rem}.search-form>div{flex-direction:column}}@media (max-width:480px){.lead-copy h1,.page-intro h1,.community-hero h1,.app-hero h1,.about-hero h1,.article-main header h1{font-size:2.05rem}.mini-metrics{gap:14px}.mini-metrics strong{font-size:1.35rem}.action-row .button{width:100%}.empty-state{padding:32px 20px}.footer-bottom{font-size:.76rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}