*{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-wrap:anywhere}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}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.brand-strip{background:#0A5F56;color:#FFFCFA;font-size:13px}.strip-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:12px}.strip-links{display:flex;gap:22px}.strip-links a{color:#fff}.site-header{position:sticky;top:0;z-index:30;background:#FFFCFA;border-bottom:1px solid rgba(14,138,125,.18);box-shadow:0 2px 12px #153d3120}.head-inner{min-height:68px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;color:#1A2A28}.brand:hover{text-decoration:none}.brand-image{display:flex;align-items:center}.brand-image img{width:auto;max-width:120px;height:auto;max-height:32px;object-fit:contain}.brand-image.media-fallback{display:none}.brand-type{display:flex;flex-direction:column;line-height:1.12;white-space:nowrap}.brand-type strong{font-size:21px}.brand-type small{font-size:10px;color:#0A5F56;letter-spacing:2px;margin-top:5px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.35vw,23px);flex:1}.desktop-nav a{font-size:14px;color:#2C3A38;white-space:nowrap}.desktop-nav a.is-current,.desktop-nav a[aria-current=page]{color:#0A5F56;font-weight:750}.menu-toggle{min-height:44px;flex-shrink:0;border:1px solid #0E8A7D;background:#0A5F56;color:white;border-radius:10px;padding:0 15px;display:flex;align-items:center;gap:10px}.mobile-toggle{display:none}.chevron{font-size:20px;line-height:1}.menu-open .chevron{transform:rotate(180deg)}.menu-area{background:#FFFCFA;border-top:1px solid #d4e5df;box-shadow:0 12px 20px #173a2a20;max-height:calc(100dvh - 110px);overflow-y:auto}.menu-area[hidden]{display:none}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:20px 0 24px;max-width:880px;margin:0 auto}.menu-group{min-width:0}.menu-group h2{font-size:16px;color:#0A5F56;margin:0 0 9px}.menu-group a{display:block;border-top:1px solid #dfebe5;padding:9px 5px}.menu-group a strong{display:block;color:#1A2A28;font-size:14px}.menu-group a span{display:block;color:#5A6B68;font-size:13px;line-height:1.5}.menu-group a[aria-current=page]{background:#eaf6f0}.main-content{padding-top:28px;padding-bottom:52px;min-height:55vh}.section{margin:0 0 48px}.section>h2,.article-body h2{font-size:25px;line-height:1.35;color:#1A2A28;margin:0 0 20px}.section-intro{max-width:780px;margin:-8px 0 20px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr);gap:24px;align-items:center;background:#FFFCFA;border:1px solid #d9e8df;border-radius:14px;padding:28px;margin-bottom:48px}.eyebrow,.kicker{font-size:13px;font-weight:700;color:#0A5F56;letter-spacing:.08em}.hero h1{font-size:33px;line-height:1.3;color:#1A2A28;margin:10px 0}.hero p{max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}.action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 18px;border-radius:9px;background:#0A5F56;color:#fff;font-weight:650}.action:hover{color:#fff;background:#0E8A7D;text-decoration:none}.action.secondary{background:#e5f3ec;color:#0A5F56}.media,.card-media,.hero-media,.brand-image,.app-media{min-width:0;display:flex;align-items:center;justify-content:center;background:#eef4ed;border-radius:11px;padding:10px}.media img,.card-media img,.hero-media img,.app-media img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}.hero-media{min-height:130px;max-height:300px}.hero-media img{max-height:280px;width:auto;max-width:100%;height:auto}.media-fallback{background:linear-gradient(135deg,#edf4e9,#dcece7);min-height:94px}.fallback-mark{display:block;width:36px;height:36px;border-radius:50%;border:8px solid #9bc8b7;opacity:.7}.hero-media.media-fallback{min-height:210px}.card-media{max-height:190px;min-height:115px;margin-bottom:15px}.card-media img{max-height:170px;width:auto;max-width:100%}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.split{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:24px}.split.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.split.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.card,.panel,.notice,.article-body,.page-intro{background:#FFFCFA;border:1px solid rgba(14,138,125,.18);border-radius:12px;padding:24px;min-width:0}.card h3,.panel h3{margin:0 0 9px;color:#1A2A28;font-size:19px;line-height:1.4}.card p,.panel p{margin:0 0 13px}.text-link{display:inline-flex;min-height:44px;align-items:center;font-weight:700}.notice{background:#eef5ed}.notice h3{margin:0 0 8px;color:#0A5F56}.note-list{margin:0;padding-left:20px}.note-list li+li{margin-top:11px}.line-item{padding:16px 0;border-bottom:1px solid #d9e8df}.line-item:last-child{border-bottom:0}.line-item h3{font-size:18px;margin:0 0 4px;color:#1A2A28}.line-item p{margin:0 0 4px}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.timeline article{padding:20px;background:#FFFCFA;border-top:4px solid #0E8A7D;border-radius:10px}.timeline strong{font-size:20px;color:#0A5F56}.timeline p{margin-bottom:0}.feature-media{max-height:300px;margin:0 0 18px}.feature-media img{max-height:280px;width:auto;max-width:100%}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-grid a{padding:18px;background:#FFFCFA;border:1px solid #d9e8df;border-radius:10px;display:block}.service-grid strong{display:block;color:#1A2A28}.service-grid span{display:block;color:#5A6B68;font-size:14px}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.tag{background:#e5f3ec;border-radius:50px;color:#0A5F56;padding:2px 12px;font-size:13px}.crumb{font-size:14px;margin:0 0 20px;color:#5A6B68}.crumb a{color:#0A5F56}.page-intro{margin-bottom:26px}.page-intro h1{font-size:32px;line-height:1.35;color:#1A2A28;margin:6px 0 10px}.page-intro p{margin:0;max-width:790px}.article-layout{display:grid;grid-template-columns:minmax(0,810px) minmax(0,300px);gap:24px;align-items:start}.article-layout.single{grid-template-columns:minmax(0,810px)}.article-body{line-height:1.83}.article-body p{margin:0 0 17px}.article-body h2{margin:29px 0 12px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:19px;margin:23px 0 8px;color:#1A2A28}.article-body .feature-media{margin:12px 0 23px}.article-body .notice{margin:23px 0}.side-panel{padding:20px;background:#eef5ed;border-radius:12px;border:1px solid #d9e8df}.side-panel h2{font-size:19px;color:#1A2A28;margin:0 0 12px}.side-panel a{display:block;padding:9px 0;border-bottom:1px solid #ccdfd5}.side-panel a:last-child{border:0}.path-list{counter-reset:chapter;list-style:none;padding:0;margin:0}.path-list li{counter-increment:chapter;padding:17px 0 17px 50px;border-bottom:1px solid #d9e8df;position:relative}.path-list li:before{content:counter(chapter,decimal-leading-zero);position:absolute;left:0;top:19px;font-weight:800;color:#0A5F56}.path-list h3{margin:0 0 4px!important}.qa{padding:18px 0;border-bottom:1px solid #d9e8df}.qa h2{font-size:20px!important;margin:0 0 9px!important}.qa p{margin:0!important}.app-showcase{background:#eff4e8;padding:26px;border-radius:12px}.app-media{max-height:380px;max-width:220px;margin:auto}.app-media img{max-height:360px;max-width:200px;width:auto}.app-icon{max-width:64px;padding:3px}.app-icon img{max-height:58px;width:auto}.site-footer{background:#0A403B;color:#F6F3EC;padding:36px 0 24px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-grid h2{color:#fff;font-size:17px;margin:0 0 8px}.footer-grid a{color:#f1f7f2;font-size:14px;line-height:1.6}.footer-base{display:flex;gap:28px;justify-content:space-between;align-items:start;border-top:1px solid #6c978c;margin-top:30px;padding-top:18px;font-size:13px;color:#d8e8df}.footer-base div{min-width:175px;display:flex;flex-direction:column}.footer-base strong{font-size:19px;color:white}.footer-base p{margin:0;max-width:660px}.bottom-nav{display:none}@media(max-width:1000px){.desktop-nav{gap:8px}.desktop-nav a{font-size:12px}.head-inner{gap:12px}.brand-type strong{font-size:18px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:760px){.brand-strip,.desktop-nav{display:none}.head-inner{min-height:60px;justify-content:space-between}.mobile-toggle{display:inline}.desktop-toggle{display:none}.brand-image img{max-height:30px}.menu-grid{grid-template-columns:1fr;gap:14px}.menu-area{max-height:calc(100dvh - 60px)}.main-content{padding-top:20px;padding-bottom:105px}.hero{grid-template-columns:1fr;padding:18px;gap:18px;margin-bottom:32px}.hero h1{font-size:27px}.hero-media{max-height:240px}.hero-media img{max-height:220px}.section{margin-bottom:32px}.section>h2,.article-body h2{font-size:22px}.grid-3,.grid-2,.split,.split.equal,.split.reverse,.timeline,.article-layout,.service-grid{grid-template-columns:1fr}.card,.panel,.notice,.article-body,.page-intro{padding:18px}.page-intro h1{font-size:27px}.card-media{max-height:175px}.card-media img{max-height:155px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.footer-base{display:block}.footer-base p{margin-top:12px}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:25;background:#FFFCFA;border-top:1px solid #cbdcd4;padding-bottom:env(safe-area-inset-bottom);min-height:58px;box-shadow:0 -3px 12px #122b2620}.bottom-nav a{min-width:0;display:flex;align-items:center;justify-content:center;min-height:58px;color:#0A5F56;font-size:13px;text-align:center;padding:4px}.bottom-nav a[aria-current=page]{font-weight:800;background:#e5f3ec}}@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand-type strong{font-size:18px}.menu-toggle{padding:0 10px}.footer-grid{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}