:root{--bg:#E6EBF2;--panel:#FFFFFF;--soft:#F5F7FB;--soft2:#EEF2F7;--line:#DDE4EE;--blue:#289CFF;--text:#243447;--muted:#66788A;--note:#8A9AAF;--nav:#4E5F7A;--foot:#243447;--footText:#EAF3FF;--btn:linear-gradient(180deg,#32D1F6 0%,#27B9F4 35%,#249BFF 100%);--shadow:0 14px 36px rgba(56,92,138,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden;padding-top:74px}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{position:fixed;z-index:50;left:0;right:0;top:0;background:#F5F7FB;border-bottom:1px solid rgba(40,156,255,.14);box-shadow:0 12px 28px rgba(56,92,138,.08)}.header-inner{max-width:1240px;margin:0 auto;height:74px;padding:0 18px;display:flex;align-items:center;gap:18px}.logo-wrap img{width:136px;height:auto}.nav{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.nav a{color:#4E5F7A;font-weight:650;font-size:14px;padding:8px 10px;border-radius:999px;white-space:nowrap}.nav a:hover,.nav a.active{color:#289CFF;background:rgba(40,156,255,.11)}.top-btn,.main-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 24px;border-radius:999px;background:linear-gradient(180deg,#32D1F6 0%,#27B9F4 35%,#249BFF 100%);color:#fff;font-weight:800;border:0;box-shadow:0 12px 24px rgba(36,155,255,.28)}.top-btn{min-width:86px}.main-btn:hover,.top-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(36,155,255,.34)}.menu-btn{display:none;background:transparent;border:0;width:42px;height:42px;padding:8px}.menu-btn span{display:block;height:3px;background:#4E5F7A;border-radius:3px;margin:6px 0}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(36,52,71,.4);z-index:59}.drawer-mask.show{display:block}.mobile-drawer{position:fixed;left:-320px;top:0;width:300px;max-width:86vw;height:100vh;background:#F5F7FB;z-index:60;transition:.25s;box-shadow:18px 0 40px rgba(36,52,71,.18);padding:18px;overflow-y:auto}.mobile-drawer.open{left:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(40,156,255,.16);padding-bottom:14px}.drawer-head img{width:132px}.drawer-head button{border:0;background:#fff;color:#289CFF;border-radius:50%;width:34px;height:34px;font-size:24px}.drawer-links{display:grid;gap:8px;margin:18px 0}.drawer-links a{padding:12px 14px;border-radius:14px;color:#4E5F7A;font-weight:700;background:#fff;border:1px solid rgba(40,156,255,.10)}.drawer-links a.active{color:#289CFF;border-color:rgba(40,156,255,.3)}.drawer-action{width:100%;margin-top:8px}.section,.hero-section,.page-hero{max-width:1200px;margin:28px auto 36px;padding:0 18px}.hero-section{border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(56,92,138,.12);overflow:hidden;position:relative;padding:30px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:34px;align-items:center}.eyebrow,.tag{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;background:rgba(40,156,255,.10);color:#289CFF;font-weight:800;font-size:13px}.hero-section h1,.page-hero h1,h1,h2,h3,.section-title{color:#289CFF}.hero-section h1{font-size:42px;line-height:1.18;margin:18px 0 14px}.hero-text{font-size:16px;color:#4B6075;margin:0 0 18px}.tag-list{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 22px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.safe-note{color:#66788A;font-size:14px}.hero-img-wrap{background:#EEF2F7;border:1px solid rgba(40,156,255,.12);border-radius:20px;padding:12px}.hero-img-wrap img,.content-img,.zone-card img,.app-section img,.hero-section img{max-width:100%;height:auto;object-fit:contain;border-radius:16px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.mini-stat{background:#F5F7FB;border:1px solid rgba(40,156,255,.14);border-radius:16px;padding:14px}.mini-stat strong{display:block;color:#289CFF;font-size:22px}.mini-stat span{font-size:13px;color:#66788A}.section-head{max-width:780px;margin-bottom:20px}.section-title{font-size:30px;margin:0 0 8px}.section-desc{margin:0;color:#66788A}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card,.zone-card,.info-card,.review-card,.faq-item,.notice-box{background:rgba(255,255,255,.92);border:1px solid rgba(40,156,255,.16);box-shadow:0 14px 36px rgba(56,92,138,.10);border-radius:20px;padding:20px}.card h3,.zone-card h3,.info-card h3{margin:0 0 8px;color:#289CFF}.card p,.zone-card p,.info-card p{margin:0;color:#66788A}.text-link{display:inline-block;margin-top:14px;color:#289CFF;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.split-panel{background:#fff;border-radius:22px;padding:24px;box-shadow:var(--shadow);border:1px solid rgba(40,156,255,.14)}.feature-list{display:grid;gap:12px;margin-top:16px}.feature-list li{list-style:none;background:#F5F7FB;border:1px solid rgba(40,156,255,.12);border-radius:14px;padding:12px 14px;color:#4b6075}.feature-list li strong{color:#289CFF}.zone-card img{margin-bottom:14px;background:#EEF2F7}.app-section{background:#fff;border-radius:22px;padding:24px;box-shadow:var(--shadow);border:1px solid rgba(40,156,255,.14)}.review-card p{margin:0;color:#4b6075}.review-card strong{display:block;color:#289CFF;margin-top:12px}.steps{counter-reset:step;display:grid;gap:14px}.step{position:relative;padding:18px 18px 18px 62px;background:#fff;border-radius:18px;border:1px solid rgba(40,156,255,.14);box-shadow:var(--shadow)}.step:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#289CFF;color:#fff;font-weight:800}.notice-box{background:#EEF2F7}.notice-box strong{color:#289CFF}.faq-item{box-shadow:none;margin-bottom:12px}.faq-item h3{font-size:18px;margin:0 0 6px}.faq-item p{margin:0;color:#66788A}.page-hero{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:34px 28px}.page-hero p{max-width:760px;color:#66788A}.content-section{max-width:1200px;margin:0 auto 36px;padding:0 18px}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.content-panel{background:#fff;border-radius:22px;padding:24px;border:1px solid rgba(40,156,255,.14);box-shadow:var(--shadow)}.content-panel p{color:#4b6075}.checklist{display:grid;gap:10px;margin:0;padding:0}.checklist li{list-style:none;padding:12px 14px;border-radius:14px;background:#F5F7FB;color:#4b6075;border:1px solid rgba(40,156,255,.12)}.site-footer{background:#243447;color:#EAF3FF;margin-top:54px;padding:42px 18px 18px}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:28px}.footer-brand img{width:138px;margin-bottom:16px}.site-footer h3{color:#EAF3FF;margin:0 0 12px}.site-footer a{display:block;color:#CFE5FF;margin:7px 0}.site-footer p{color:#CFE5FF;margin:0}.footer-bottom{max-width:1200px;margin:24px auto 0;padding-top:16px;border-top:1px solid rgba(234,243,255,.16);color:#BFD4EA;font-size:14px}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill{border-radius:999px;background:#EEF2F7;border:1px solid rgba(40,156,255,.14);color:#289CFF;font-weight:800;padding:7px 12px}.legal-strip{max-width:1200px;margin:0 auto 34px;padding:22px;border-radius:20px;background:#243447;color:#EAF3FF}.legal-strip p{margin:0;color:#DDEBFF}.download-box{text-align:center;background:#fff;border-radius:22px;padding:34px;border:1px solid rgba(40,156,255,.14);box-shadow:var(--shadow)}
@media(max-width:1080px){.nav{display:none}.menu-btn{display:block}.header-inner{justify-content:space-between}.logo-wrap{position:absolute;left:50%;transform:translateX(-50%)}.top-btn{min-width:76px;padding:9px 18px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.hero-grid,.split,.content-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-section h1{font-size:34px}}
@media(max-width:640px){body{padding-top:66px}.header-inner{height:66px;padding:0 12px}.logo-wrap img{width:118px}.top-btn{min-height:38px;min-width:68px;padding:8px 14px}.hero-section{margin:18px 12px 26px;padding:20px}.section,.page-hero{margin:20px auto 28px}.hero-section h1{font-size:28px}.section-title{font-size:24px}.grid-2,.grid-3,.grid-4,.mini-grid{grid-template-columns:1fr}.card,.zone-card,.info-card,.review-card{padding:18px}.footer-grid{grid-template-columns:1fr}.page-hero{padding:26px 20px}.content-section{padding:0 12px}.split-panel,.app-section{padding:20px}.hero-actions .main-btn{width:100%}}