*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F6F3EC;color:#2C3A38;font:16.5px/1.78 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:#0A5F56;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #C62828;outline-offset:3px}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.top-strip{background:#0A5F56;color:#FFFCFA;font-size:13px}.strip-inner{height:36px;display:flex;justify-content:space-between;align-items:center;gap:12px}.strip-inner>span:last-child{display:flex;gap:20px}.top-strip a{color:#FFFCFA}.site-header{position:sticky;top:0;z-index:50;background:#FFFCFA;border-bottom:1px solid rgba(14,138,125,.18);box-shadow:0 3px 14px #123c3510}.header-row{height:68px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0}.brand:hover{text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:10px;background:#0E8A7D;color:white;display:grid;place-items:center;font-size:22px;font-weight:700}.brand-text{font-weight:800;font-size:21px;color:#0A5F56;line-height:1.1;white-space:nowrap}.brand-text small{display:block;font-size:10px;letter-spacing:1.2px}.brand-image{width:auto;max-width:150px;max-height:34px;height:auto;object-fit:contain;flex-shrink:0}.main-nav{display:flex;align-items:center;gap:clamp(8px,1.5vw,21px);margin-left:auto;min-width:0}.main-nav a{font-size:14px;white-space:nowrap;color:#2C3A38;padding:8px 2px;border-bottom:2px solid transparent}.main-nav a.active,.main-nav a:hover{color:#0A5F56;border-bottom-color:#0E8A7D;text-decoration:none}.menu-toggle{border:1px solid #0E8A7D;background:white;color:#0A5F56;border-radius:10px;min-height:44px;padding:0 12px;white-space:nowrap;flex:0 0 auto}.menu-toggle.is-open{background:#0A5F56;color:white}.mobile-menu-text{display:none}.menu-position{position:relative}.all-menu{position:absolute;right:0;top:0;width:min(880px,100%);max-height:min(75vh,680px);overflow-y:auto;background:#FFFCFA;border:1px solid #acd3ca;border-radius:0 0 14px 14px;padding:18px 20px;box-shadow:0 15px 40px #102a292c}.all-menu[hidden]{display:none!important}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.menu-group{min-width:0}.menu-group h2{font-size:15px;color:#0A5F56;margin:0 0 8px}.menu-group a{display:block;padding:8px;border-radius:8px}.menu-group a:hover,.menu-group a.active{background:#eaf6f1;text-decoration:none}.menu-group strong,.menu-group span{display:block}.menu-group strong{font-size:14px}.menu-group span{font-size:13px;line-height:1.5;color:#5A6B68}.menu-close{margin-top:10px;min-height:44px;border:1px solid #0E8A7D;border-radius:8px;background:transparent;color:#0A5F56;padding:0 16px}.home-main,.inner-main{padding-top:32px;padding-bottom:56px}.home-section{margin-top:48px}.eyebrow{display:inline-block;color:#0A5F56;font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#1A2A28;line-height:1.35}h1{font-size:32px;margin-bottom:17px}h2{font-size:25px;margin-bottom:16px}h3{font-size:19px;margin-bottom:10px}p{margin-bottom:16px}.hero{display:grid;grid-template-columns:56fr 44fr;gap:24px;background:#FFFCFA;border:1px solid #dce8e1;border-radius:14px;padding:32px;align-items:center}.hero-copy p{max-width:590px}.hero-visual{display:grid;place-items:center;background:#edf4ef;border-radius:12px;padding:14px;min-width:0;max-height:300px}.cover-image{max-height:272px;width:auto;max-width:100%;object-fit:contain}.image-fallback{display:flex;justify-content:center;align-items:center;background:#eaf2ed;border:1px solid #caddd4;border-radius:10px;color:#0A5F56;text-align:center;padding:20px;min-height:125px;font-weight:700;line-height:1.5}.hero-visual .image-fallback{width:100%;min-height:225px;max-height:272px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:9px 17px;font-weight:700}.btn-primary{background:#0A5F56;color:white}.btn-primary:hover{background:#094e47;color:white}.btn-outline{border:1px solid #0A5F56}.section-head{margin-bottom:21px;max-width:800px}.section-head p{color:#5A6B68}.news-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:24px}.stacked-news article{border-bottom:1px solid #caddd4;padding:14px 0}.stacked-news article:first-child{padding-top:0}.stacked-news p{margin-bottom:6px}.reading-tip,.feature-panel,.asym-grid article,.triple-cards article,.services-grid a,.faq-item{background:#FFFCFA;border:1px solid #dce8e1;border-radius:12px;padding:24px;min-width:0}.reading-tip{align-self:start;background:#edf6f0}.small-image{width:100%;max-height:185px;margin:15px auto;object-fit:contain}.reading-tip .image-fallback{min-height:128px}.text-link{display:inline-block;font-weight:700;margin-top:10px}.topic-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:24px;align-items:center}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.timeline article{background:#FFFCFA;border:1px solid #dce8e1;border-top:4px solid #0E8A7D;border-radius:10px;padding:19px;min-width:0}.timeline article>span{color:#C62828;font-weight:800;font-size:14px}.topic-picture{min-width:0}.feature-pair{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.card-image{max-height:175px;width:100%;margin-bottom:18px}.feature-panel a,.asym-grid a,.triple-cards a,.topic-picture a{font-weight:750}.feature-panel p,.asym-grid p{margin-bottom:13px}.asym-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.wide-image{max-height:190px;margin-bottom:16px}.culture-split,.editor-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,300px);gap:28px;align-items:center;background:#FFFCFA;border:1px solid #dce8e1;border-radius:12px;padding:25px}.triple-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.discover-layout{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:25px;align-items:center}.text-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.text-entry-grid a{padding:14px;background:#FFFCFA;border:1px solid #dce8e1;border-radius:10px}.text-entry-grid strong,.text-entry-grid span{display:block}.text-entry-grid span{font-size:14px;color:#5A6B68}.mobile-feature{background:#e8f2e8;border:1px solid #c5dfd1;border-radius:14px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,240px);gap:30px;align-items:center}.app-identity{display:flex;align-items:center;gap:10px;margin-bottom:14px}.app-identity .eyebrow{margin:0}.app-icon{width:auto;max-width:64px;max-height:64px}.app-identity .image-fallback{min-height:48px;width:58px;padding:5px;font-size:12px}.app-portrait{width:auto;max-width:220px;max-height:380px;margin:auto}.mobile-feature>.image-fallback{min-height:250px;max-width:220px;width:100%;margin:auto}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.services-grid a{padding:18px 22px}.services-grid h3{font-size:17px;margin:0 0 7px}.services-grid p{margin:0;color:#5A6B68}.breadcrumb{font-size:14px;color:#5A6B68;margin-bottom:22px}.page-intro{max-width:820px;padding:8px 0 24px}.page-intro p{color:#5A6B68;font-size:17px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(220px,290px);gap:40px;align-items:start}.article-body{min-width:0;background:#FFFCFA;border:1px solid #dce8e1;border-radius:12px;padding:27px}.article-section{margin-bottom:32px}.article-section:last-child{margin-bottom:0}.article-section h2{font-size:24px;border-left:4px solid #0E8A7D;padding-left:12px}.article-section p{margin-bottom:13px}.article-hero{margin:20px 0 33px;background:#eef4ef;border-radius:10px;padding:15px}.article-image{max-height:300px;width:auto;max-width:100%;margin:auto}.article-hero .image-fallback{min-height:175px}.article-aside{border:1px solid #dce8e1;background:#edf6f0;border-radius:12px;padding:19px}.article-aside h2{font-size:20px}.article-aside p,.aside-note{font-size:14px;color:#5A6B68}.article-aside a{display:block;padding:10px 0;border-bottom:1px solid #c6dfd4}.aside-note{margin-top:16px}.inset-link,.reading-note,.bottom-callout{background:#eaf5ef;border-left:4px solid #0E8A7D;padding:15px;border-radius:6px}.inset-link a,.bottom-callout a{margin:0 9px;display:inline-block}.reading-note{margin-bottom:20px}.faq-list{max-width:850px;display:grid;gap:15px}.faq-item h2{font-size:20px}.faq-item p{margin:0}.bottom-callout{margin-top:25px;max-width:850px}.site-footer{background:#0A4C46;color:#FFFCFA;padding:42px 0 25px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.footer-grid h2{color:#FFFCFA;font-size:16px}.footer-grid a{display:block;color:#edf7f1;font-size:14px;margin-bottom:7px}.footer-base{border-top:1px solid #ffffff30;margin-top:28px;padding-top:20px}.footer-base p{font-size:14px;margin:8px 0;max-width:760px;color:#eff7f2}.footer-base small{color:#d0e5df}.mobile-bottom{display:none}@media(max-width:1050px){.main-nav{gap:8px}.main-nav a{font-size:13px}.header-row{gap:12px}.article-layout{gap:24px;grid-template-columns:minmax(0,1fr) 235px}.timeline{grid-template-columns:1fr}.topic-layout{grid-template-columns:minmax(0,1fr) 200px}.timeline article{padding:15px}}@media(max-width:850px){.main-nav{display:none}.header-row{justify-content:space-between}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-aside{display:flex;flex-wrap:wrap;gap:5px 18px;align-items:center}.article-aside h2,.article-aside p,.aside-note{flex-basis:100%}.article-aside a{border-bottom:0}.news-grid{grid-template-columns:1.6fr 1fr}.triple-cards{grid-template-columns:1fr 1fr}.triple-cards article:last-child{grid-column:1/-1}.text-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body{font-size:16px;line-height:1.75}.wrap{width:calc(100% - 34px)}.top-strip{display:none}.header-row{height:60px}.mobile-menu-text{display:inline}.desktop-menu-text{display:none}.brand-text{font-size:19px}.brand-mark{height:32px;width:32px}.brand-image{max-height:30px}.all-menu{position:absolute;left:0;right:0;width:100%;padding:13px;max-height:min(75vh,650px)}.menu-grid{grid-template-columns:1fr;gap:11px}.menu-group{border-bottom:1px solid #dce8e1;padding-bottom:8px}.menu-group a{padding:6px}.home-main,.inner-main{padding-top:20px;padding-bottom:94px}.home-section{margin-top:32px}.hero{grid-template-columns:1fr;padding:19px;gap:16px}.hero-visual{max-height:240px}.cover-image{max-height:215px}.hero-visual .image-fallback{min-height:155px;max-height:215px}h1{font-size:27px}h2{font-size:22px}h3{font-size:18px}.news-grid,.topic-layout,.feature-pair,.asym-grid,.culture-split,.editor-split,.triple-cards,.discover-layout,.mobile-feature{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.feature-panel,.asym-grid article,.reading-tip,.triple-cards article,.faq-item{padding:18px}.triple-cards article:last-child{grid-column:auto}.culture-split,.editor-split,.mobile-feature{padding:18px}.text-entry-grid{grid-template-columns:1fr 1fr}.card-image{max-height:165px}.article-body{padding:18px}.article-section h2{font-size:21px}.article-image{max-height:240px}.page-intro p{font-size:16px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.site-footer{padding-bottom:30px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;z-index:45;background:#FFFCFA;border-top:1px solid #b7d5cc;min-height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:#365f57;min-height:58px;line-height:1.4;padding:4px 2px}.mobile-bottom a.active{color:#0A5F56;background:#dff2ea;font-weight:800}.mobile-feature .app-portrait{max-height:320px}.services-grid{grid-template-columns:1fr 1fr}.services-grid a{padding:14px}.services-grid h3{font-size:16px}.services-grid p{font-size:14px}}@media(max-width:350px){.wrap{width:calc(100% - 32px)}.text-entry-grid,.services-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.brand-text small{font-size:9px}.menu-toggle{padding:0 9px}.mobile-bottom a{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}