:root{--green:#0f766e;--mint:#14b8a6;--ink:#134e4a;--muted:#526f69;--pale:#ecfdf5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--pale);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;padding-bottom:84px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #facc15;outline-offset:5px}.wrap{max-width:1100px;margin:auto;padding:0 20px}.skip-link{position:fixed;top:8px;left:8px;padding:10px 16px;z-index:100;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
.header{position:sticky;top:0;background:var(--green);color:#fff;z-index:50;box-shadow:0 4px 20px #0f766e35}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.brand-icon{display:grid;place-items:center;width:42px;height:42px;background:#fff;color:var(--green);font-size:20px;font-weight:800}.desktop-nav{display:flex;gap:22px;font-size:14px}.desktop-nav a{padding:4px 0;border-bottom:2px solid transparent;color:#e1f6f0}.desktop-nav a:hover{border-color:#a7f3d0;color:#fff}.menu-toggle{display:none;width:44px;height:44px;background:none;border:0;padding:9px}.menu-toggle span{display:block;width:24px;height:3px;background:white;margin:5px 0;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav{padding:0 20px 16px;background:#115e59}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:11px 0;border-bottom:1px solid #ffffff26}
.hero{background:linear-gradient(160deg,#0f766e,#14b8a6);color:#fff;padding:56px 0 64px;clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}.hero h1{font-size:clamp(27px,5vw,38px);line-height:1.3;margin-bottom:7px}.hero-subtitle{font-size:clamp(15px,2.5vw,20px);color:#ecfff8;margin-bottom:20px}.hero-description{font-size:15px;max-width:580px;color:#f0fffa;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 28px;font-size:14px;font-weight:700;border:2px solid transparent;transition:background .2s}.button-white{background:#fff;color:var(--green)}.button-white:hover{background:#d1fae5}.button-outline{border-color:#fff;color:#fff}.button-outline:hover{background:#ffffff18}.button-green{background:var(--green);color:#fff;padding:14px 40px;font-size:15px}.button-green:hover{background:#115e59}.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.hero-facts>div{background:#ffffff26;padding:20px 14px;text-align:center}.hero-facts b{display:block;font-size:24px;margin-bottom:4px}.hero-facts span{font-size:12px;color:#eafff8}
.section{padding:56px 0}.section-compact{padding-top:20px;padding-bottom:20px}.section-tint{background:#f0fdf9}.section h2{font-size:26px;color:var(--green);line-height:1.4;margin-bottom:10px}.section-description{color:var(--muted);font-size:15px;margin-bottom:32px}.advantage-grid,.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.advantage-card{background:#fff;padding:28px 24px;border-left:4px solid var(--green);box-shadow:0 8px 30px #0f766e12;transition:transform .2s}.advantage-card:hover{transform:translateY(-4px)}.feature-icon{display:block;font-size:32px;font-weight:700;line-height:1.4;color:var(--mint);margin-bottom:12px}.section h3{font-size:17px;color:var(--green);margin-bottom:8px}.advantage-card p,.scenario-card p{font-size:14px;color:var(--muted)}.service-grid,.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;padding:24px 20px;text-align:center;box-shadow:0 4px 16px #0f766e0d}.service-card h3,.process-grid h3{font-size:16px}.service-card p,.process-grid p{font-size:13px;color:var(--muted)}.process-grid article{background:#fff;padding:32px 20px;text-align:center;position:relative}.process-grid article:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:var(--mint);font-size:20px;z-index:1}.step{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;font-size:20px;font-weight:700;margin:0 auto 14px}
.info-band{background:var(--green);color:#fff;padding:48px 32px;text-align:center;margin:0 -20px}.info-band h2{font-size:24px;color:#fff;margin-bottom:6px}.info-band>p{color:#d3f8ed;font-size:14px;margin-bottom:28px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.info-grid b{display:block;font-size:28px;margin-bottom:4px}.info-grid span{color:#ddfbf2;font-size:13px}.scenario-card{background:#fff;padding:24px;box-shadow:0 4px 16px #0f766e0d}.scenario-card h3{font-size:15px;color:var(--ink)}.tag{display:inline-block;background:#d1fae5;color:var(--green);font-size:12px;padding:4px 12px;margin-bottom:10px}.faq-list{max-width:720px;margin:28px auto 0}.faq{background:#fff;margin-bottom:10px;box-shadow:0 2px 8px #0f766e09}.faq summary{list-style:none;padding:18px 22px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--green);font-size:20px;transition:transform .2s}.faq[open] summary span{transform:rotate(180deg)}.faq p{font-size:14px;color:var(--muted);padding:0 22px 20px}.contact-card{background:#fff;padding:48px 32px;text-align:center;box-shadow:0 -4px 24px #0f766e0d}.contact-card h2{font-size:24px}.contact-card p{color:var(--muted);margin-bottom:24px}.footer{background:#134e4a;color:#a7f3d0;padding:40px 0 24px;margin-top:40px}.footer h2{font-size:16px;color:#fff;margin-bottom:8px}.footer p{font-size:13px;margin-bottom:4px}.footer-bottom{margin-top:24px;padding-top:16px;border-top:1px solid #ffffff26;text-align:center;font-size:12px;color:#bae7d7}
@media(max-width:800px){.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{min-height:64px}.brand{font-size:15px}.brand-icon{width:38px;height:38px}.hero{padding:36px 0 52px;clip-path:polygon(0 0,100% 0,100% 96%,0 100%)}.hero-facts{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}.hero-facts>div{padding:15px 10px}.advantage-grid,.service-grid,.process-grid,.scenario-grid{grid-template-columns:1fr}.process-grid article:not(:last-child)::after{display:none}.section{padding:36px 0}.section-compact{padding:12px 0}.section h2{font-size:23px}.section-description{margin-bottom:24px}.info-band{padding:32px 20px;margin:0}.info-grid{grid-template-columns:repeat(2,1fr);gap:24px 12px}.info-grid b{font-size:24px}.contact-card{padding:32px 20px}.footer{margin-top:20px}.faq summary{padding:16px 18px}.faq p{padding:0 18px 18px}.advantage-card{padding:24px 20px}}
@media(min-width:801px){.mobile-nav{display:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}