:root{
  --bg:#F6F4EE;--card:#FFFFFF;--soft:#ECEFE8;--sand:#F2E7D7;--green:#21463B;--deep:#17352D;--green2:#3C685A;--orange:#C56B3D;--gold:#C6A15B;--title:#1F2D28;--text:#3E4A45;--muted:#66716C;--hint:#78817D;--line:#D9DED8;--footer:#183129;--footer-text:#F4F3ED;--shadow:0 8px 24px rgba(31,45,40,.06);--max:1180px;--long:760px;--wide:940px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;overflow-x:hidden}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--orange)}img{display:block;max-width:100%;height:auto;object-fit:contain}.skip-link{position:absolute;left:16px;top:-60px;background:#fff;color:var(--deep);padding:10px 14px;z-index:100}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.site-header{background:rgba(246,244,238,.98);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{max-width:var(--max);min-height:70px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--title);min-width:0}.brand-logo img{height:32px;width:auto;max-width:165px}.brand-name{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}.brand-name strong{font-size:16px}.brand-name small{font-size:11px;letter-spacing:.08em;color:var(--muted);margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.desktop-nav a,.header-actions a{font-size:15px;text-decoration:none;color:var(--text);padding:10px 0}.desktop-nav a[aria-current="page"],.header-actions a[aria-current="page"]{color:var(--green);font-weight:700}.header-actions{display:flex;align-items:center;gap:14px}.menu-toggle,.menu-close,.button{min-height:44px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:#fff;padding:8px 14px;font:inherit;font-size:15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.menu-toggle:hover,.menu-close:hover,.button:hover{background:var(--deep);color:#fff}.button.secondary{background:transparent;color:var(--green)}.button.secondary:hover{background:var(--soft)}.mobile-actions{display:none}.reading-menu{border-top:1px solid var(--line);background:#fff}.reading-menu[hidden]{display:none}.menu-inner{max-width:var(--max);margin:auto;padding:24px 32px 28px}.desktop-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.desktop-menu-grid section{min-width:0}.desktop-menu-grid h2,.mobile-menu-groups h2{font-size:15px;margin:0 0 12px;color:var(--deep)}.desktop-menu-grid a{display:block;text-decoration:none;color:var(--title);font-weight:650;padding:6px 0}.desktop-menu-grid a span{display:block;font-size:13px;color:var(--muted);font-weight:400;line-height:1.5}.desktop-menu-grid .menu-close{grid-column:1/-1;justify-self:start;margin-top:2px}.mobile-menu-groups{display:none}
main{display:block}.shell{max-width:var(--max);margin:auto;padding-left:32px;padding-right:32px}.long{max-width:var(--long);margin-left:auto;margin-right:auto}.wide{max-width:var(--wide);margin-left:auto;margin-right:auto}.section{padding-top:58px;padding-bottom:58px}.section.compact{padding-top:38px;padding-bottom:38px}.page-head{max-width:var(--wide);margin:0 auto;padding:38px 32px 30px}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:10px}.breadcrumbs a{color:var(--muted)}.kicker{display:inline-block;font-size:14px;color:var(--green2);font-weight:700;margin-bottom:8px}.page-head h1,.hero h1{font-size:34px;line-height:1.25;color:var(--title);margin:0 0 14px}.page-head p{max-width:760px;margin:0;color:var(--muted)}h2{font-size:25px;line-height:1.35;color:var(--title);margin:0 0 16px}h3{font-size:19px;line-height:1.45;color:var(--title);margin:0 0 10px}p{margin:0 0 18px}ul,ol{padding-left:1.25em}.lead{font-size:18px;color:var(--text)}.muted{color:var(--muted)}.eyebrow{font-size:14px;letter-spacing:.06em;color:var(--orange);font-weight:700}.link-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.text-link{font-weight:700}.soft-block{background:var(--soft);border:1px solid var(--line);border-radius:16px}.sand-block{background:var(--sand);border:1px solid #e4d5c2;border-radius:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.rule-top{border-top:1px solid var(--line)}.image-wrap{min-width:0;background:#f9f8f4;border:1px solid var(--line);border-radius:12px;padding:14px}.image-wrap img{margin:auto}.content-image{width:min(100%,420px);max-height:240px}.feature-image{width:min(100%,430px);max-height:300px}.mobile-image{width:min(100%,240px);max-height:380px}.small-image{width:min(100%,340px);max-height:200px}
.hero{max-width:var(--max);margin:auto;padding:46px 32px 54px;display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,5fr);gap:48px;align-items:center}.hero-copy{max-width:650px}.hero-copy p{max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-visual{justify-self:end;max-width:430px;width:100%}.hero-visual img{max-height:300px;margin:auto}.reading-lines{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:30px;align-items:start}.reading-main{background:#fff;border:1px solid var(--line);padding:26px;border-radius:16px}.reading-main .inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:24px;align-items:center}.reading-side{display:grid;gap:18px}.reading-side article{border-left:3px solid var(--gold);padding:8px 0 8px 18px}.radar-home{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:36px;align-items:start}.purpose-list{display:grid;gap:10px}.purpose-list a{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none}.people-space{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.7fr);gap:34px;align-items:start}.people-feature .image-wrap{max-width:520px;margin-top:22px}.space-aside{background:var(--sand);padding:22px;border-radius:16px}.space-aside .image-wrap{width:72%;margin:18px 0 0 auto}.essay-flow{max-width:800px;margin:auto}.essay-flow .float-image{width:42%;margin:20px 0 28px auto}.essay-flow .float-image.left{margin-left:0;margin-right:auto}.ai-home{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:38px;align-items:start}.steps-line{max-width:820px;margin:auto;border-left:2px solid var(--gold);padding-left:28px}.steps-line article{position:relative;margin-bottom:28px}.steps-line article::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange);left:-34px;top:.55em}.steps-line .image-wrap{margin:20px 0;max-width:380px}.topics-home{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:26px}.topic-main{padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px}.topic-main .image-wrap{margin-top:22px;max-width:420px}.topic-short-list{display:grid;gap:14px}.topic-short-list article{padding:18px;border-top:1px solid var(--line)}.editor-letter{max-width:920px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:32px;align-items:end}.continue-grid{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:34px;align-items:center}.service-links{display:flex;gap:14px 22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}
.index-strip{background:var(--deep);color:#f7f5ef}.index-strip h2,.index-strip h3,.index-strip a{color:#fff}.index-strip p{color:#e6ece8}
.phase-layout{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px}.phase-rail{font-size:15px;color:var(--orange);font-weight:700}.phase-rail span{display:block;position:sticky;top:18px}.phase-copy article{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}.phase-copy article:last-child{border-bottom:0}.phase-copy .image-wrap{max-width:500px;margin:26px 0}
.mood-sequence article{max-width:760px;margin-bottom:42px}.mood-sequence article:nth-child(even){margin-left:auto}.mood-sequence .image-wrap{max-width:500px;margin:26px auto 42px}.people-blocks{display:grid;gap:26px}.people-blocks section:nth-child(1){max-width:760px}.people-blocks section:nth-child(2){max-width:620px;margin-left:auto;background:var(--sand);padding:24px;border-radius:16px}.people-blocks section:nth-child(3){max-width:860px;border-left:3px solid var(--gold);padding-left:24px}.people-blocks section:nth-child(4){max-width:700px;margin-left:8%}.people-blocks .image-wrap{max-width:560px;margin:0 auto}.with-aside{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:42px;align-items:start}.aside-index{position:sticky;top:18px;border-left:1px solid var(--line);padding-left:18px}.aside-index a{display:block;padding:5px 0}.scene-flow article{padding:30px 0;border-bottom:1px solid var(--line)}.scene-flow dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 18px}.scene-flow dt{font-weight:700;color:var(--green)}.scene-flow dd{margin:0 0 10px}.frame-path article{display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;padding:26px 0;border-top:1px solid var(--line)}.sound-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:start}.sound-list{background:var(--soft);padding:20px;border-radius:12px}.sound-list li{margin-bottom:8px}.ai-themes article{padding:26px 0;border-top:1px solid var(--line)}.ai-themes .image-wrap{max-width:520px;margin:0 auto 30px}.story-steps article{margin-bottom:30px}.story-step-num{font-size:14px;color:var(--orange);font-weight:700}.writing-notes section{margin-bottom:38px}.quote-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.quote-box{background:var(--sand);padding:20px;border-radius:12px}.notes-article{padding:48px 0;border-bottom:1px solid var(--line)}.notes-article.layout-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:34px;align-items:start}.notes-article.narrow{max-width:690px;margin-left:auto}.topics-page .topic-one{max-width:850px}.topics-page .topic-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--soft);padding:26px;border-radius:16px}.topics-page .topic-three article{padding:18px 0;border-top:1px solid var(--line)}.topics-page .topic-four{border-left:3px solid var(--gold);padding-left:24px}.archive-group{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid var(--line)}.archive-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}.archive-links a{text-decoration:none}.beginner-steps{counter-reset:begin}.beginner-steps article{counter-increment:begin;padding:26px 0;border-top:1px solid var(--line)}.beginner-steps article h2::before{content:"0" counter(begin) " · ";color:var(--orange)}.mobile-product{display:grid;grid-template-columns:240px minmax(0,1fr);gap:42px;align-items:start}.mobile-product .image-wrap{width:240px}.access-flow section{padding:24px 0;border-top:1px solid var(--line)}.legal section{padding:22px 0;border-top:1px solid var(--line)}.faq-list{max-width:780px}.faq-item{padding:24px 0;border-bottom:1px solid var(--line)}.faq-item h2{font-size:19px;margin-bottom:8px}.contact-types{display:grid;gap:18px}.contact-types article{padding-left:18px;border-left:3px solid var(--gold)}.about-manifesto{max-width:820px}.about-manifesto section{margin-bottom:42px}
.site-footer{background:var(--footer);color:var(--footer-text);padding:46px 32px 28px}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px}.site-footer h2{font-size:16px;color:#fff;margin-bottom:12px}.site-footer p{font-size:14px;color:#d7dfdb;max-width:340px}.site-footer a{display:block;color:#e8e8df;text-decoration:none;font-size:14px;padding:3px 0}.site-footer a:hover{color:#fff}.footer-bottom{max-width:var(--max);margin:30px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#cbd4d0}.mobile-bottom{display:none}
@media(max-width:1024px){.header-inner{padding-left:22px;padding-right:22px}.desktop-nav{gap:14px}.desktop-nav a{font-size:14px}.shell,.hero,.page-head,.menu-inner{padding-left:22px;padding-right:22px}.hero{gap:30px}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid section:nth-child(n+4){margin-top:8px}}
@media(max-width:860px){.desktop-nav,.header-actions{display:none}.mobile-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.mobile-actions a{text-decoration:none}.header-inner{min-height:60px}.brand-logo img{height:27px}.brand-name small{display:none}.desktop-menu-grid{display:none}.mobile-menu-groups{display:block}.mobile-menu-groups section{padding:12px 0;border-bottom:1px solid var(--line)}.mobile-menu-groups section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.mobile-menu-groups a{padding:8px 0;text-decoration:none}.mobile-menu-groups .menu-close{margin-top:18px}.hero{grid-template-columns:1fr;padding-top:34px}.hero-visual{justify-self:start;max-width:430px}.reading-lines,.radar-home,.people-space,.ai-home,.topics-home,.editor-letter,.continue-grid,.with-aside,.sound-layout,.mobile-product,.notes-article.layout-two{grid-template-columns:1fr}.reading-main .inner{grid-template-columns:1fr}.space-aside .image-wrap{width:min(100%,360px);margin-left:0}.essay-flow .float-image{width:min(100%,420px);margin-left:0}.with-aside .aside-index{position:static;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.sound-list{max-width:420px}.mobile-product .image-wrap{width:200px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.shell{padding-left:16px;padding-right:16px}.header-inner{padding-left:16px;padding-right:16px}.brand-name strong{font-size:15px}.menu-inner,.page-head{padding-left:16px;padding-right:16px}.page-head{padding-top:28px;padding-bottom:22px}.page-head h1,.hero h1{font-size:28px}.hero{padding:30px 16px 38px;gap:24px}.hero-visual img{max-height:220px}.section{padding-top:40px;padding-bottom:40px}.section.compact{padding-top:28px;padding-bottom:28px}h2{font-size:22px}h3{font-size:18px}.lead{font-size:17px}.card{padding:17px}.reading-main{padding:18px}.image-wrap{padding:10px}.content-image{max-height:200px}.feature-image{max-height:220px}.mobile-image{width:min(100%,190px);max-height:290px}.small-image{max-height:180px}.quote-columns,.topics-page .topic-two{grid-template-columns:1fr}.phase-layout{grid-template-columns:48px minmax(0,1fr);gap:10px}.frame-path article,.archive-group{grid-template-columns:1fr;gap:8px}.scene-flow dl{grid-template-columns:1fr}.archive-links{grid-template-columns:1fr}.people-blocks section:nth-child(4){margin-left:0}.footer-grid{grid-template-columns:1fr}.site-footer{padding:38px 16px 24px}.footer-bottom{flex-direction:column;gap:4px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);min-height:56px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line)}.mobile-bottom a{min-height:56px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text);font-size:15px}.mobile-bottom a[aria-current="page"]{color:var(--green);font-weight:700;background:var(--soft)}.mobile-menu-groups section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{margin-bottom:0}}
@media(max-width:370px){.brand-name strong{font-size:14px}.mobile-actions{gap:7px}.mobile-actions .menu-toggle{padding-left:10px;padding-right:10px}.mobile-menu-groups section>div{grid-template-columns:1fr}.hero-actions .button{width:100%}}
.about-image{max-width:520px;margin:0 0 42px}.archive-note{padding-top:22px}.frame-feature{max-width:560px;margin:20px auto}.topic-feature{max-width:500px;margin-top:24px}.world-feature{max-width:72%}@media(max-width:640px){.world-feature{max-width:100%}}
.mobile-logo{display:none}.brand-icon img{height:27px;width:27px;max-width:27px}@media(max-width:860px){.desktop-logo{display:none}.mobile-logo{display:inline-flex}}
.mobile-logo{display:none!important}.desktop-logo{display:inline-flex!important}