*:before,*:after,*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F5F0;color:#263630;font:16px/1.8 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#275D55;text-underline-offset:4px}a:hover{color:#9A4935}a:focus-visible,button:focus-visible{outline:3px solid #9A4935;outline-offset:4px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}figure{min-width:0;margin:0}article,section,aside,div,nav{min-width:0}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:30px}.skip-link{position:absolute;top:-100px;left:10px;background:#fff;color:#183B36;padding:8px;z-index:20}.skip-link:focus{top:10px}.site-header{background:#183B36;color:#fff}.brand-row{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:22px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:0}.brand:hover{color:#fff}.brand-name{display:flex;flex-direction:column;line-height:1.3}.brand-name strong{letter-spacing:.07em;font-size:16px}.brand-name small{font-size:11px;color:#F4F7F2;letter-spacing:.03em}.logo-pad{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;background:#F2EBDD;min-height:40px;min-width:40px;padding:3px 7px}.logo-figure img{max-width:170px;max-height:34px;width:auto}.header-actions{display:flex;align-items:center;gap:18px}.header-actions a{color:#F4F7F2;text-decoration:none}.header-pick,.map-toggle,.mobile-home{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.map-toggle{color:#fff;background:transparent;border:1px solid #9FB5AD;border-radius:7px;padding:0 14px;gap:10px}.map-toggle:hover{background:#275D55}.mobile-home{display:none}.channel-bar{border-top:1px solid #40605A}.channel-inner{display:flex;align-items:stretch;gap:42px;min-height:48px}.channel-inner a{position:relative;display:flex;align-items:center;color:#F4F7F2;text-decoration:none;font-size:15px;white-space:nowrap;padding:6px 0}.channel-inner a:hover{color:#fff}.channel-inner a[aria-current=page]{font-weight:750}.channel-inner a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#A7D5CA}.site-map{background:#EAF0EA;border-bottom:1px solid #D7DED7;padding-block:20px}.site-map[hidden]{display:none!important}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px}.map-group h2{font-size:16px;margin:0 0 9px;color:#183B36}.map-group a{display:flex;justify-content:space-between;gap:10px;text-decoration:none;border-top:1px solid #D7DED7;padding:6px 0;color:#275D55;align-items:start}.map-group strong{font-size:14px;font-weight:650}.map-group small{font-size:13px;color:#51635D}.no-script-map{background:#EAF0EA;padding-block:12px}.no-script-links{display:flex;flex-wrap:wrap;gap:6px 14px}.no-script-links a{font-size:14px}.page-main{padding-top:44px;padding-bottom:74px}.breadcrumb{font-size:14px;color:#51635D;margin-bottom:14px}.breadcrumb a{text-decoration:none}.page-intro{max-width:940px;margin-bottom:32px;border-bottom:1px solid #D7DED7;padding-bottom:25px}.eyebrow{color:#9A4935;font-size:13px;font-weight:750;letter-spacing:.1em;margin:0 0 8px}.page-intro h1,h1{font-size:34px;line-height:1.35;color:#183B36;letter-spacing:-.015em;margin:6px 0 16px}.lead{font-size:17px;line-height:1.85;color:#394C45;margin:0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:32px;max-width:980px;align-items:start}.article-prose{max-width:730px}.prose-section{margin-bottom:44px}.prose-section h2,.long-essay h2,.faq-item h2{font-size:24px;line-height:1.4;color:#183B36;margin:0 0 16px}.prose-section p,.long-essay p,.faq-item p{margin:0 0 17px}.article-aside{padding-top:7px}.article-image{max-width:420px;margin:8px 0 22px}.article-image img{border:1px solid #D7DED7;border-radius:9px;max-height:250px;width:auto}.article-aside .article-image{max-width:235px}.article-aside .article-image img{max-height:240px}.aside-note{padding:17px;background:#EAF0EA;border-radius:8px}.aside-note h2{font-size:16px;margin:0 0 8px}.aside-note p{font-size:14px;line-height:1.7;margin:0}.related{border-top:1px solid #D7DED7;padding-top:20px;margin-top:28px;max-width:980px}.related h2{font-size:19px;margin:0 0 8px}.link-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px}.link-row a,.related a{font-weight:650}.back-link{display:inline-block;margin-top:15px}.topic-note{background:#EAF0EA;border-left:3px solid #275D55;padding:18px 22px;margin:35px 0}.topic-note h2{margin:0 0 6px;font-size:20px}.topic-note p{margin:0}.route-links{display:flex;gap:18px;flex-wrap:wrap}.long-essay{max-width:740px;padding-bottom:36px;margin-bottom:40px;border-bottom:1px solid #D7DED7}.long-essay h2{margin-bottom:20px}.essay-with-image .narrow-image{max-width:350px;margin:18px 0 20px}.quiet-essay{max-width:610px}.faq-list{max-width:900px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.faq-item{background:#fff;border:1px solid #D7DED7;border-radius:9px;padding:20px}.faq-item h2{font-size:19px;margin-bottom:12px}.faq-item p{font-size:15px;line-height:1.8}.site-footer{background:#18332F;color:#F4F7F2;padding-top:43px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-grid section{display:flex;flex-direction:column;align-items:start;gap:5px}.footer-grid h2{font-size:16px;color:#fff;margin:0 0 10px}.footer-grid a,.footer-bottom a{color:#F4F7F2;font-size:14px;text-decoration:none}.footer-grid a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-grid p{font-size:14px;margin:0 0 9px;color:#F4F7F2}.footer-bottom{border-top:1px solid #47635D;margin-top:35px;padding-block:16px;display:flex;justify-content:space-between;gap:14px;font-size:13px;color:#F4F7F2}.bottom-nav{display:none}.home-section{margin-top:58px}.home-section h2{font-size:24px;line-height:1.4;color:#183B36;margin:0 0 16px}.home-section h3{font-size:19px;color:#183B36;margin:0 0 8px}.home-section p{margin:0 0 15px}.section-head{max-width:720px;margin-bottom:24px}.split{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:36px;align-items:center}.hero{padding:12px 0 24px}.hero h1{font-size:34px}.hero .lead{font-size:16px}.hero .link-row{margin-top:23px}.hero-image img{max-height:270px;border:1px solid #D7DED7;border-radius:8px}.steps-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:35px;align-items:center}.steps-list article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:15px;padding:15px 0;border-top:1px solid #D7DED7}.steps-list article>span{color:#9A4935;font-weight:800}.steps-list p{margin:0}.steps-list p a{display:inline-block;margin-left:6px}.narrow-image img{max-height:215px;border:1px solid #D7DED7;border-radius:8px}.topic-links{font-size:14px;margin-top:16px!important}.feature-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.75fr);gap:34px}.feature-grid>.feature-side{padding:20px;background:#EAF0EA;border-radius:9px}.feature-side a{display:block;padding:7px 0}.feature-side .small-figure img{max-height:145px}.feature-grid .article-image img{max-height:240px}.strip-image{max-width:520px;margin-bottom:20px}.strip-image img{max-height:150px;border-radius:8px;border:1px solid #D7DED7}.four-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.four-list article{border-top:2px solid #275D55;padding-top:12px}.four-list b{color:#9A4935}.four-list h3{margin:3px 0 8px}.four-list p{font-size:15px;line-height:1.7}.graphic-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:32px}.graphic-layout .article-image img{max-height:220px}.graphic-layout .small-figure img{max-height:155px}.topic-index{padding:22px;background:#F2EBDD;align-self:start;border-radius:8px}.topic-index a{display:block;padding:12px 0;border-top:1px solid #D7DED7}.city-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:35px;align-items:start}.city-feature .article-image img{max-height:240px}.mood-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin-bottom:18px}.mood-grid p{padding:12px 0;border-top:1px solid #D7DED7}.mood-grid strong{display:block;color:#183B36}.editorial-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.6fr);gap:30px;align-items:start}.editorial-layout .small-figure img{max-height:195px}.status-line{padding:15px 0;margin-top:12px;display:flex;flex-wrap:wrap;gap:12px 22px;border-block:1px solid #D7DED7;align-items:center}.tiny-figure{max-width:250px;margin-top:16px}.tiny-figure img{max-height:95px;border:1px solid #D7DED7;border-radius:6px}.mobile-reading{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:38px;align-items:center}.app-figure img{max-width:220px;max-height:370px;width:auto;border:1px solid #D7DED7;border-radius:8px}.home-end-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:34px;border-top:1px solid #D7DED7;padding-top:20px;font-size:14px}@media(max-width:1000px){.container{padding-inline:22px}.channel-inner{gap:27px}.content-layout{grid-template-columns:minmax(0,1fr) 210px;gap:22px}.article-aside .article-image{max-width:210px}}@media(max-width:767px){.container{padding-inline:16px}.brand-row{min-height:60px;gap:8px}.logo-pad{min-height:35px;min-width:35px;padding:3px 5px}.logo-figure img{max-height:29px;max-width:100px}.brand-name strong{font-size:14px}.brand-name small{font-size:10px}.header-actions{gap:8px}.header-pick,.channel-bar{display:none}.mobile-home{display:inline-flex;font-size:14px}.map-toggle{padding:0 10px;font-size:14px;min-width:64px}.map-grid{grid-template-columns:minmax(0,1fr);gap:16px}.map-group a{gap:8px}.map-group small{font-size:13px}.page-main{padding-top:27px;padding-bottom:85px}.page-intro{margin-bottom:26px;padding-bottom:20px}.page-intro h1,h1,.hero h1{font-size:27px}.lead{font-size:16px}.content-layout,.split,.steps-layout,.feature-grid,.graphic-layout,.city-feature,.editorial-layout,.mobile-reading{grid-template-columns:minmax(0,1fr);gap:18px}.article-aside{padding:0}.article-aside .article-image{max-width:420px}.article-image img,.article-aside .article-image img{max-height:200px}.article-aside .aside-note{margin-top:10px}.prose-section{margin-bottom:34px}.prose-section h2,.home-section h2,.long-essay h2{font-size:22px}.faq-list{grid-template-columns:minmax(0,1fr)}.faq-item{padding:16px}.home-section{margin-top:38px}.hero{padding:0}.hero-image img{max-height:200px}.feature-side{padding:16px}.four-list,.mood-grid{grid-template-columns:minmax(0,1fr);gap:8px}.four-list article{padding-top:10px}.graphic-layout .small-figure img{max-height:180px}.app-figure img{max-width:180px;max-height:300px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.site-footer{padding-top:35px;padding-bottom:calc(75px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;inset:auto 0 0;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);background:#183B36;border-top:1px solid #58766F;z-index:5}.bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;color:#fff;font-size:14px;text-decoration:none}.bottom-nav a:hover,.bottom-nav a:focus-visible{background:#275D55}.footer-bottom{flex-wrap:wrap}.route-links{gap:10px 17px}}@media(min-width:390px) and (max-width:767px){.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-group a{display:block}.map-group small{display:block}}@media(max-width:359px){.container{padding-inline:14px}.brand-name small{display:none}.brand-name strong{font-size:12px}.header-actions{gap:5px}.map-toggle{padding:0 7px;min-width:55px}.logo-figure img{max-width:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}