
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;background:#F3FBFF;color:#1F2D3A;line-height:1.75}a{text-decoration:none}.wrap{max-width:1240px;margin:0 auto;padding:0 22px}.site-header{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(34,174,234,.10)}.header-inner{max-width:1280px;margin:0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px}.logo-wrap{display:flex;align-items:center;flex-shrink:0}.logo-wrap img{height:46px;max-width:160px;object-fit:contain}.nav-core{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;min-width:0}.nav-core a{white-space:nowrap;color:#147FB8;background:rgba(34,174,234,.08);border-radius:999px;padding:10px 16px;font-weight:700}.nav-core a:hover,.nav-core a.active{color:#22AEEA;background:linear-gradient(135deg,rgba(109,230,255,.24),rgba(34,174,234,.12))}.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.main-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6DE6FF 0%,#22AEEA 48%,#168DCC 100%);color:#fff;border-radius:999px;padding:11px 22px;font-weight:800;box-shadow:0 12px 26px rgba(34,174,234,.24);border:0}.main-btn:hover{transform:translateY(-1px)}.main-btn.small{padding:8px 14px}.panel-btn,.hamburger{border:1px solid rgba(34,174,234,.18);background:#fff;color:#147FB8;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.mobile-top{display:none}.mask{position:fixed;inset:0;background:rgba(6,42,62,.32);z-index:9998;opacity:0;pointer-events:none;transition:.25s}.category-panel{position:fixed;right:0;top:0;height:100vh;width:min(520px,92vw);background:#fff;box-shadow:0 18px 48px rgba(34,174,234,.16);z-index:10000;transform:translateX(105%);transition:.28s;padding:24px;overflow:auto}.panel-open .category-panel{transform:translateX(0)}.panel-open .mask,.drawer-open .mask{opacity:1;pointer-events:auto}.panel-head,.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-head strong{color:#22AEEA;font-size:24px}.panel-head button,.drawer-head button{border:0;background:#EAF8FF;color:#147FB8;border-radius:50%;width:36px;height:36px;font-size:22px}.panel-grid{display:grid;gap:18px}.panel-grid h3{color:#22AEEA;margin:0 0 8px}.panel-grid a{display:block;padding:12px 0;border-bottom:1px solid rgba(34,174,234,.12);color:#1F2D3A;font-weight:800}.panel-grid a:hover{color:#22AEEA}.panel-grid span{display:block;color:#8BA1B5;font-size:13px;font-weight:500}.mobile-drawer{position:fixed;left:0;top:0;height:100vh;width:min(84vw,320px);background:linear-gradient(180deg,#fff,#F3FBFF);z-index:10000;transform:translateX(-105%);transition:.28s;padding:18px;overflow:auto}.drawer-open .mobile-drawer{transform:translateX(0)}.drawer-head img{height:42px}.mobile-drawer nav a{display:block;color:#147FB8;padding:12px 8px;border-bottom:1px solid rgba(34,174,234,.12);font-weight:800}.bottom-nav{display:none}.hero-section{margin-top:28px;border-radius:30px;padding:38px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;background:radial-gradient(circle at 12% 20%,rgba(109,230,255,.24) 0%,rgba(109,230,255,0) 30%),radial-gradient(circle at 86% 18%,rgba(34,174,234,.18) 0%,rgba(34,174,234,0) 30%),linear-gradient(135deg,#fff 0%,#F3FBFF 52%,#EAF8FF 100%);border:1px solid rgba(34,174,234,.16);box-shadow:0 14px 36px rgba(34,174,234,.12)}.section-kicker,.num,.tag,.label,.badge{color:#22AEEA;font-weight:900}h1,h2,h3,.section-title{color:#22AEEA;line-height:1.25}h1{font-size:44px;margin:12px 0 18px}.hero-copy p{color:#5C6F82;font-size:17px}.hero-visual{background:#fff;border:1px solid rgba(34,174,234,.16);border-radius:26px;display:flex;align-items:center;justify-content:center;padding:16px;min-height:280px}.hero-visual img,.content-img,.zone-card img,.app-section img{max-width:100%;height:auto;object-fit:contain}.hero-visual img{max-height:330px}.hero-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hero-cards div,.card,.zone-card,.info-card,.review-card,.quick-caps a,.summary-strip,.about-short,.compliance,.side-card{background:#fff;border:1px solid rgba(34,174,234,.16);box-shadow:0 14px 36px rgba(34,174,234,.12);border-radius:22px}.hero-cards div{padding:18px;color:#147FB8;font-weight:900}.hero-cards span{display:block;color:#8BA1B5;font-size:14px}.quick-caps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.quick-caps a{padding:18px;color:#1F2D3A}.quick-caps b{display:block;color:#22AEEA}.quick-caps span{color:#5C6F82;font-size:14px}.summary-strip{margin-top:24px;padding:24px;background:linear-gradient(135deg,#fff,#EAF8FF)}.summary-strip p{margin:0;color:#5C6F82}.grid-four,.content-wall,.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.card,.zone-card{padding:22px}.card p,.zone-card p,.prose p,.side-card p,.about-short p,.faq-lite p{color:#5C6F82}.text-link{color:#22AEEA;font-weight:900}.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.zone-card img{height:190px;width:100%;object-fit:contain;background:#F7FCFF;border-radius:18px}.content-wall{grid-template-columns:repeat(3,1fr)}.app-section{margin-top:24px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;background:#fff;border:1px solid rgba(34,174,234,.16);box-shadow:0 14px 36px rgba(34,174,234,.12);border-radius:26px;padding:26px}.app-section img{max-height:300px;margin:auto}.feature-list{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.feature-list span{background:#EAF8FF;color:#147FB8;border-radius:999px;padding:8px 14px;font-weight:800}.reviews,.faq-lite,.about-short,.compliance{margin-top:24px;padding:26px}.review-grid{grid-template-columns:repeat(3,1fr)}.review-grid p{background:#F7FCFF;border-radius:18px;padding:18px;color:#5C6F82;margin:0}.faq-lite details{background:#F7FCFF;border:1px solid rgba(34,174,234,.12);border-radius:16px;padding:16px;margin:12px 0}.faq-lite summary{cursor:pointer;color:#147FB8;font-weight:900}.compliance{background:#0B3D5C}.compliance p{color:#EAF8FF;margin:0}.inner-hero{margin-top:28px;display:grid;grid-template-columns:1.1fr .75fr;gap:26px;align-items:center;background:linear-gradient(135deg,#fff,#EAF8FF);border:1px solid rgba(34,174,234,.16);border-radius:28px;padding:34px;box-shadow:0 14px 36px rgba(34,174,234,.12)}.inner-hero img{width:100%;max-height:310px;object-fit:contain;background:#fff;border-radius:22px}.inner-content{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:24px}.prose,.side-card{background:#fff;border:1px solid rgba(34,174,234,.16);border-radius:22px;padding:24px;box-shadow:0 14px 36px rgba(34,174,234,.12)}.prose li{margin:8px 0;color:#5C6F82}.site-footer{margin-top:36px;background:#0B3D5C;color:#EAF8FF;padding:34px 0}.footer-inner{max-width:1240px;margin:auto;padding:0 22px;display:flex;justify-content:space-between;gap:28px}.footer-brand img{height:46px}.footer-brand p{max-width:660px;color:#EAF8FF}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:#EAF8FF}
@media(max-width:1024px){.header-inner{display:none}.mobile-top{min-height:64px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;padding:0 14px}.mobile-top .logo-wrap{justify-content:center}.mobile-top img{height:42px}.hero-section,.inner-hero,.app-section,.inner-content{grid-template-columns:1fr}.hero-cards,.grid-four,.quick-caps{grid-template-columns:repeat(2,1fr)}.two-col,.content-wall,.review-grid{grid-template-columns:1fr}body{padding-bottom:68px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:9997;background:#fff;border-top:1px solid rgba(34,174,234,.16);box-shadow:0 -8px 24px rgba(34,174,234,.1)}.bottom-nav a{text-align:center;padding:10px 4px;color:#147FB8;font-weight:800}.bottom-nav a:hover{color:#22AEEA}}
@media(max-width:640px){.wrap{padding:0 14px}.hero-section{padding:24px;margin-top:16px;border-radius:22px}h1{font-size:30px}.hero-visual{min-height:180px}.hero-visual img{max-height:220px}.hero-cards,.grid-four{grid-template-columns:1fr}.quick-caps{display:flex;overflow-x:auto;padding-bottom:8px}.quick-caps a{min-width:210px}.zone-card img{height:150px}.app-section img{max-height:210px}.footer-inner{flex-direction:column}.reviews,.faq-lite,.about-short,.compliance{padding:20px}.inner-hero{padding:22px}.inner-content{display:block}.side-card{margin-top:18px}}
