:root{--bg:#F4FBFF;--surface:#fff;--soft:#E8F7FF;--primary:#10AEEA;--strong:#1688D8;--deep:#155A9D;--text:#24384A;--muted:#60758A;--border:rgba(16,174,234,.18);--footer:#073A68;--shadow:0 18px 44px rgba(14,116,175,.12);--radius:24px;--header:76px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--deep);line-height:1.25}h1{font-size:clamp(2.2rem,5vw,4.4rem);letter-spacing:-.04em;margin-bottom:22px}h2{font-size:clamp(1.65rem,3vw,2.55rem);margin-bottom:15px}h3{font-size:clamp(1.05rem,1.7vw,1.3rem);margin-bottom:10px}p{margin-bottom:14px}.container{width:min(100% - 32px,1180px);margin-inline:auto}.skip-link{position:fixed;z-index:9999;top:10px;left:10px;padding:9px 13px;background:var(--footer);color:#fff;border-radius:9px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:1000;height:var(--header);background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);box-shadow:0 8px 24px rgba(14,116,175,.06);backdrop-filter:blur(14px)}.header-inner{width:min(100% - 32px,1360px);height:100%;margin:auto;display:flex;align-items:center;gap:clamp(10px,1.4vw,22px)}.logo{flex:0 0 auto;width:clamp(108px,10vw,142px)}.logo img,.drawer-logo img,.footer-logo img{width:100%;height:auto;object-fit:contain}.desktop-nav{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(4px,.65vw,10px);overflow:hidden}.desktop-nav a{white-space:nowrap;padding:8px clamp(3px,.42vw,7px);border-radius:999px;color:#31546e;font-size:clamp(.7rem,.8vw,.84rem);font-weight:700}.desktop-nav a:hover,.desktop-nav a.active{background:var(--soft);color:var(--strong)}.header-actions{flex:0 0 auto;display:flex;align-items:center;gap:9px}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 22px;border:0;border-radius:999px;background:linear-gradient(135deg,#35D7FF 0%,#1688D8 100%);color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px rgba(22,136,216,.22)}.main-btn:hover{transform:translateY(-2px)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:13px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-btn span{width:20px;height:2px;background:var(--deep);border-radius:2px}.overlay{position:fixed;inset:0;z-index:1200;background:rgba(7,58,104,.38);opacity:0;transition:.25s}.overlay.open{opacity:1}.drawer{position:fixed;top:0;right:0;z-index:1300;width:min(88vw,390px);height:100dvh;padding:20px;overflow:auto;background:#fff;box-shadow:-24px 0 60px rgba(7,58,104,.18);transform:translateX(105%);transition:.25s}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--border)}.drawer-logo{width:132px}.close-btn{width:42px;height:42px;border:0;border-radius:12px;background:var(--soft);color:var(--deep);font-size:1.8rem}.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:20px 0}.mobile-nav a{padding:10px;border:1px solid var(--border);border-radius:12px;color:#31546e;font-size:.93rem;font-weight:700;text-align:center;white-space:nowrap}.mobile-nav a.active{background:var(--soft);color:var(--strong)}.full{width:100%}
.section{padding:clamp(58px,8vw,100px) 0}.soft{background:var(--soft)}.section-head{max-width:780px;margin-bottom:34px}.section-head>p:last-child,.lead,.card p,.media-grid p,.notice p{color:var(--muted)}.eyebrow{margin-bottom:9px;color:var(--primary);font-size:.82rem;font-weight:900;letter-spacing:.14em}.lead{max-width:760px;font-size:clamp(1.02rem,1.7vw,1.2rem)}.page-hero{padding:clamp(64px,9vw,116px) 0;background:radial-gradient(circle at 86% 20%,rgba(53,215,255,.24),transparent 30%),linear-gradient(145deg,#fff,#edfbff)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(34px,6vw,74px)}.hero-grid-single{grid-template-columns:minmax(0,800px)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}.text-link,.card-link{color:var(--strong);font-weight:800}.card-link::after{content:" →"}.hero-media,.media{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.hero-media img,.media img{width:100%;height:auto;max-height:520px;object-fit:contain}
.carousel-wrap{padding:24px 0 0}.carousel{position:relative;width:min(100% - 32px,1360px);margin:auto;overflow:hidden;border:1px solid var(--border);border-radius:28px;background:#e6f8ff;box-shadow:var(--shadow)}.carousel-track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.slide{min-width:100%;margin:0}.slide img{width:100%;height:clamp(240px,44vw,600px);object-fit:contain;background:#eefaff}.arrow{position:absolute;top:50%;z-index:3;width:clamp(42px,5vw,56px);height:clamp(42px,5vw,56px);display:grid;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(7,58,104,.46);color:#fff;font-size:2rem;transform:translateY(-50%)}.arrow.prev{left:clamp(10px,2vw,24px)}.arrow.next{right:clamp(10px,2vw,24px)}.dots{position:absolute;left:50%;bottom:clamp(10px,2vw,22px);z-index:3;display:flex;gap:8px;transform:translateX(-50%)}.dot{width:10px;height:10px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(7,58,104,.38)}.dot.active{width:28px;border-radius:999px;background:#fff}
.intro,.notice{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,68px);padding:clamp(28px,5vw,56px);border:1px solid var(--border);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.review{min-width:0;padding:24px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(14,116,175,.09)}.card{display:flex;flex-direction:column}.card .card-link{margin-top:auto}.media-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:center;gap:clamp(34px,6vw,72px)}.media-grid.reverse{grid-template-columns:minmax(320px,.92fr) minmax(0,1fr)}.media-grid.reverse .media{order:-1}.feature-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.feature-list li{position:relative;padding:13px 15px 13px 44px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.82)}.feature-list li::before{content:"✓";position:absolute;left:15px;top:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--strong);font-weight:900}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.review{min-height:180px;display:flex;flex-direction:column}.review strong{margin-top:auto;color:var(--strong)}.faq-list{display:grid;gap:15px}.faq{padding:22px;border:1px solid var(--border);border-radius:18px;background:#fff}.faq summary{cursor:pointer;color:var(--deep);font-weight:900}.faq p{margin:13px 0 0;color:var(--muted)}
.site-footer{padding-top:60px;background:var(--footer);color:#EAF8FF}.footer-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;padding-bottom:42px}.footer-brand p{max-width:460px;color:rgba(234,248,255,.74)}.footer-logo{display:block;width:150px;margin-bottom:20px;padding:10px 14px;border-radius:14px;background:#fff}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.footer-links h2{color:#fff;font-size:1rem}.footer-links a{display:block;margin:9px 0;color:rgba(234,248,255,.76)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid rgba(234,248,255,.14);color:rgba(234,248,255,.68);font-size:.9rem}.footer-bottom p{margin:0}
@media(max-width:1180px){.desktop-nav{display:none}.menu-btn{display:flex}.header-inner{width:min(100% - 24px,1180px)}}@media(max-width:920px){.hero-grid,.media-grid,.media-grid.reverse,.intro,.notice,.footer-grid{grid-template-columns:1fr}.media-grid.reverse .media{order:0}.card-grid,.card-grid.four,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){:root{--header:68px}.container{width:min(100% - 24px,1180px)}.header-inner{width:calc(100% - 20px);gap:8px}.logo{width:112px}.header-actions .main-btn{min-height:40px;padding:8px 15px}.menu-btn{width:40px;height:40px}h1{font-size:clamp(2rem,11vw,3.2rem)}.page-hero{padding:52px 0 62px}.carousel{width:calc(100% - 20px);border-radius:18px}.slide img{height:min(62vw,360px)}.arrow{width:38px;height:38px}.card-grid,.card-grid.four,.review-grid{grid-template-columns:1fr}.card,.review,.faq{padding:20px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}