* ,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F5F0;color:#263630;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:#275D55;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#9A4935}a:focus-visible,button:focus-visible{outline:3px solid #9A4935;outline-offset:3px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}figure,article,section,aside,nav,div{min-width:0}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{color:#183B36;line-height:1.35;margin:0 0 .7em}h1{font-size:34px;letter-spacing:-.025em}h2{font-size:24px}h3{font-size:19px}p{margin:0 0 1.15em}ul,ol{padding-left:1.45em}.container{width:100%;max-width:1120px;padding-inline:30px;margin-inline:auto}.readable{max-width:980px}.site-main{padding-top:34px;padding-bottom:56px}.eyebrow{color:#9A4935;font-weight:700;font-size:14px;letter-spacing:.055em;margin-bottom:13px}.skip-link{position:absolute;top:-90px;left:10px;z-index:50;background:#fff;padding:8px 14px}.skip-link:focus{top:12px}.site-header{background:#fff}.brand-bar{background:#183B36}.brand-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:11px;align-items:center;min-width:0;text-decoration:none;color:#F4F7F2}.brand:hover{color:#fff}.logo-holder:empty{display:none}.logo-holder{display:flex;align-items:center;justify-content:center;background:#F7F5F0;border-radius:6px;padding:3px}.brand-logo{height:32px;max-width:170px;width:auto}.brand-text{display:flex;flex-direction:column;line-height:1.3;white-space:nowrap}.brand-text strong{font-size:15px;letter-spacing:.09em}.brand-text small{font-size:12px;color:#F4F7F2;margin-top:3px}.desktop-actions,.mobile-actions{display:flex;align-items:center;gap:24px}.desktop-actions a,.mobile-actions a{color:#fff;text-decoration:none;font-size:15px}.menu-toggle{color:#fff;background:transparent;border:1px solid #95ABA5;border-radius:7px;padding:7px 14px;min-height:44px;font-size:15px;white-space:nowrap}.menu-toggle:hover{background:#275D55}.mobile-actions{display:none}.channel-bar{border-bottom:1px solid #D7DED7}.channel-inner{height:48px;display:flex;align-items:stretch;gap:34px}.channel-link{color:#263630;text-decoration:none;display:inline-flex;align-items:center;border-bottom:2px solid transparent;font-size:15px;white-space:nowrap;padding:0 3px}.channel-link:hover,.channel-link.active{border-bottom-color:#183B36;color:#183B36;font-weight:700}.channel-map{background:#fff;border:1px solid #D7DED7;border-top:0;padding-top:20px;padding-bottom:20px}.channel-map[hidden]{display:none!important}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px}.menu-group h2{font-size:16px;border-bottom:1px solid #D7DED7;padding-bottom:7px;margin-bottom:8px}.menu-group ul{padding:0;margin:0;list-style:none}.menu-group li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:2px 0}.menu-group a{font-size:15px;font-weight:650;text-decoration:none}.menu-group li span{font-size:13px;color:#51635D}.crumb{font-size:14px;color:#51635D;margin-bottom:32px}.crumb span{margin-inline:8px}.article-heading{margin-bottom:24px;max-width:760px}.article-heading h1{margin-bottom:16px}.lead{font-size:17px;line-height:1.8;color:#344841}.article-visual{margin:20px 0 28px}.feature-image{max-width:420px;max-height:250px;width:auto;border:1px solid #D7DED7;border-radius:8px}.article-body{max-width:740px}.article-body h2{font-size:23px}.prose-section{margin:0 0 34px}.article-body p{line-height:1.86}.article-with-aside{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;max-width:960px}.article-with-aside .prose-section{margin-bottom:36px}.reader-aside{align-self:start;background:#EAF0EA;border-left:3px solid #275D55;padding:18px;border-radius:4px}.reader-aside h2{font-size:18px}.reader-aside p{font-size:14px;line-height:1.7;margin:0}.article-with-aside{width:min(930px,calc(100vw - 60px))}.article-body:has(.article-with-aside){max-width:940px}.anchors{background:#F2EBDD;padding:22px;border-radius:8px;margin:30px 0}.anchors h2{font-size:22px}.anchor-entry{margin-top:16px}.anchor-entry h3{font-size:18px;margin:0 0 5px}.anchor-entry p{margin:0}.topic-links{margin-top:20px}.check-list{padding-left:28px}.check-list li{padding-left:9px;margin:0 0 22px}.check-list li strong{display:block;color:#183B36}.check-list li p{margin:4px 0}.timeline,.route-list{list-style:none;padding:0;border-left:2px solid #D7DED7;margin-left:12px}.timeline li,.route-list .prose-section{position:relative;padding:2px 0 12px 25px;margin-bottom:20px}.timeline li:before,.route-list .prose-section:before{content:"";position:absolute;left:-7px;top:9px;width:12px;height:12px;background:#9A4935;border-radius:50%}.process .prose-section{border-left:3px solid #D7DED7;padding-left:22px}.task-list .prose-section{background:#fff;border:1px solid #D7DED7;padding:20px 23px;border-radius:8px}.essays .prose-section{margin-bottom:52px}.essay-visual{max-width:330px;max-height:225px;margin:4px 0 32px}.alternating .prose-section:nth-child(even){background:#EAF0EA;padding:20px;border-radius:8px}.faq-item{border-bottom:1px solid #D7DED7;padding:14px 0 20px}.faq-item h2{font-size:19px}.related{margin-top:50px;padding:24px 0;border-top:1px solid #D7DED7;border-bottom:1px solid #D7DED7}.related h2{font-size:22px}.related-links{display:flex;flex-wrap:wrap;gap:12px 24px}.related-links a{font-weight:650}.return-home{margin-top:22px;font-size:14px}.site-footer{background:#18332F;color:#F4F7F2;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.site-footer h2{color:#F4F7F2;font-size:16px;margin-bottom:17px}.site-footer p{font-size:14px;line-height:1.65;margin-bottom:10px}.site-footer a{color:#F4F7F2;display:block;font-size:14px;padding:2px 0}.site-footer a:hover{color:#fff;text-decoration-thickness:2px}.footer-end{border-top:1px solid #50716B;margin-top:28px;padding-top:14px;display:flex;justify-content:space-between;font-size:13px}.footer-end a{display:inline}.mobile-bottom{display:none}
/* 首页采用多种信息密度与不同图文节奏 */
.home-section{margin:0 0 58px}.home h2{margin-bottom:14px}.home h3{font-size:19px}.home .section-head{max-width:700px;margin-bottom:22px}.home .section-head p:last-child{color:#51635D}.split-hero{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);align-items:center;gap:28px;padding:22px 0 24px}.split-hero h1{font-size:34px;line-height:1.28}.hero-intro{font-size:16px;line-height:1.83}.hero-art{display:flex;justify-content:center;align-items:center}.hero-picture{max-height:270px;width:auto;border:1px solid #D7DED7;border-radius:9px}.link-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.link-actions a{background:#183B36;color:#fff;text-decoration:none;padding:10px 20px;border-radius:7px;min-height:44px;display:inline-flex;align-items:center}.link-actions a:nth-child(2){background:#EAF0EA;color:#183B36}.link-actions a:hover{filter:brightness(.93)}.steps-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.8fr);gap:36px;align-items:start}.steps-list{list-style:none;padding:0;margin:0;counter-reset:step}.steps-list li{position:relative;padding:0 0 22px 53px;border-bottom:1px solid #D7DED7;margin-bottom:18px}.steps-list li:before{counter-increment:step;content:"0" counter(step);position:absolute;left:0;top:2px;font-weight:700;color:#9A4935}.steps-list h3{margin:0 0 4px}.steps-list p{margin-bottom:5px}.slim-visual img{max-height:240px;border-radius:8px;border:1px solid #D7DED7}.screen-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.75fr);gap:34px}.screen-layout article{max-width:700px}.feature-visual img{max-height:245px;border-radius:8px;margin-bottom:20px}.screen-side{background:#EAF0EA;padding:20px;border-radius:8px;align-self:start}.screen-side img{max-height:135px;margin-bottom:18px}.screen-side h3{font-size:18px}.screen-side p{font-size:14px}.compact-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.9fr);gap:30px;align-items:center}.numbered-text p{padding:0 0 10px;border-bottom:1px solid #D7DED7;margin-bottom:14px}.numbered-text b{color:#9A4935;margin-right:8px}.narrow-image img{max-height:210px;border:1px solid #D7DED7;border-radius:8px}.comic-essay{max-width:820px}.medium-image img{max-height:240px;max-width:420px;border:1px solid #D7DED7;border-radius:8px;margin:18px 0 23px}.back-image img{max-height:190px;max-width:320px}.two-topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;border-top:1px solid #D7DED7;padding-top:20px}.two-topic-links p{font-size:14px;color:#51635D}.city-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:32px;align-items:start}.city-layout img{max-height:245px;border-radius:8px}.city-layout h3{margin-top:4px}.inline-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:14px}.inline-links a{font-weight:650}.moods-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr);gap:30px}.mood-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mood-list>div{border-top:2px solid #183B36;padding-top:13px}.mood-list h3{margin-bottom:7px}.mood-list p{font-size:15px}.basket-panel{background:#F2EBDD;padding:18px;border-radius:8px}.basket-panel img{max-height:150px;margin-bottom:16px}.basket-panel p{font-size:14px}.editorial-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.65fr);gap:34px}.editorial-prose p{line-height:1.9}.editorial-aside{border-left:1px solid #D7DED7;padding-left:22px}.editorial-aside>img{max-height:150px;margin-bottom:18px}.editorial-aside p{border-bottom:1px solid #D7DED7;font-size:14px;padding-bottom:9px}.small-visual img{max-height:105px;margin-top:16px}.phone-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:45px;align-items:start}.phone-image img,.app-visual{max-width:220px;max-height:370px;border-radius:8px}.phone-layout h3{margin-top:4px}.last-links{padding-top:22px;border-top:1px solid #D7DED7}.last-links h2{font-size:21px}
@media(max-width:1000px){.container{padding-inline:22px}.channel-inner{gap:26px}.article-with-aside{width:100%}.screen-layout,.editorial-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr)}}
@media(max-width:767px){.container{padding-inline:16px}.site-main{padding-top:24px;padding-bottom:44px}.brand-inner{min-height:60px;gap:8px}.brand-logo{height:28px;max-width:122px}.brand-text strong{font-size:13px}.brand-text small{font-size:10px}.desktop-actions,.channel-bar{display:none}.mobile-actions{display:flex;gap:10px}.mobile-actions a{font-size:14px}.menu-toggle{min-height:44px;padding:5px 10px}.channel-map{padding-top:16px;padding-bottom:18px}.map-grid{grid-template-columns:minmax(0,1fr);gap:14px}.menu-group li{margin-bottom:3px}.menu-group h2{margin-bottom:5px}.crumb{margin-bottom:22px}.article-heading{margin-bottom:22px}.article-heading h1,h1{font-size:28px}.lead{font-size:16px}.article-body h2,h2{font-size:22px}h3{font-size:18px}.article-visual{margin-top:12px}.feature-image{max-height:200px;max-width:100%}.article-with-aside,.split-hero,.steps-layout,.screen-layout,.compact-grid,.city-layout,.moods-layout,.editorial-layout,.phone-layout,.two-topic-links{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.article-with-aside{width:100%}.reader-aside{padding:16px}.related{margin-top:35px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.site-footer{padding-bottom:100px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);bottom:0;left:0;right:0;background:#fff;border-top:1px solid #D7DED7;z-index:10}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;color:#183B36;font-size:13px;text-decoration:none;line-height:1.4}.mobile-bottom a span{font-size:19px}.home-section{margin-bottom:38px}.split-hero{padding-top:8px}.split-hero h1{font-size:28px}.hero-picture{max-height:200px}.hero-art{justify-content:flex-start}.home .section-head{margin-bottom:16px}.screen-side{padding:17px}.feature-visual img,.slim-visual img,.narrow-image img,.city-layout img,.medium-image img{max-height:200px}.mood-list{grid-template-columns:minmax(0,1fr);gap:8px}.basket-panel{padding:16px}.editorial-aside{border-left:0;border-top:1px solid #D7DED7;padding-left:0;padding-top:18px}.phone-image img,.app-visual{max-width:180px;max-height:300px}.anchors{padding:16px}.task-list .prose-section{padding:16px}.article-body,.article-body:has(.article-with-aside){max-width:100%}.alternating .prose-section:nth-child(even){padding:16px}}
@media(min-width:390px) and (max-width:767px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.menu-group li{display:block}.menu-group li span{display:block;font-size:12px;line-height:1.5}}
@media(max-width:359px){.container{padding-inline:14px}.brand-text small{font-size:9px}.brand-logo{max-width:85px}.mobile-actions{gap:7px}.mobile-actions a{font-size:13px}.menu-toggle{padding-inline:8px}.footer-grid{gap:12px}.article-heading h1,h1,.split-hero h1{font-size:26px}}
@media(min-width:768px){.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}