*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#E6EBF2;color:#243447;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.75;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1200px,calc(100% - 36px));margin:0 auto}.site-header{position:sticky;top:0;z-index:9999;background:rgba(245,247,251,.96);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(56,92,138,.10)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}.logo{flex:0 0 auto;display:flex;align-items:center}.logo img{max-height:52px;width:auto}.nav-wrap{flex:1 1 auto;min-width:0;display:flex;justify-content:center}.nav{display:flex;align-items:center;gap:20px;white-space:nowrap;flex-wrap:nowrap}.nav>a,.nav-trigger{position:relative;padding:22px 0 19px;border:0;background:transparent;color:#4E5F7A;font-weight:700;cursor:pointer}.nav>a::after,.nav-trigger::after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:#289CFF;transform:scaleX(0);transition:.22s}.nav>a:hover,.nav>a.active,.nav-trigger:hover,.nav-trigger.active{color:#289CFF}.nav>a:hover::after,.nav>a.active::after,.nav-trigger:hover::after,.nav-trigger.active::after{transform:scaleX(1)}.header-action{flex:0 0 auto;display:flex;align-items:center}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;border-radius:999px;background:linear-gradient(180deg,#32D1F6 0%,#27B9F4 35%,#249BFF 100%);color:#fff;font-weight:700;box-shadow:0 10px 24px rgba(36,155,255,.25);transition:transform .2s,box-shadow .2s,background .2s}.main-btn:hover{background:linear-gradient(180deg,#48D9F7 0%,#1E90F0 100%);transform:translateY(-1px);box-shadow:0 14px 30px rgba(36,155,255,.32)}.header-register{min-width:84px}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% - 4px);left:50%;min-width:190px;padding:8px;opacity:0;visibility:hidden;transform:translate(-50%,10px);background:#fff;border:1px solid rgba(40,156,255,.12);border-radius:14px;box-shadow:0 18px 38px rgba(56,92,138,.16);z-index:10000;transition:.2s}.more-dropdown .dropdown-menu{left:auto;right:0;transform:translate(0,10px)}.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.more-dropdown:hover .dropdown-menu,.more-dropdown.open .dropdown-menu{transform:translate(0,0)}.dropdown-menu a{display:block;padding:11px 14px;color:#4E5F7A;white-space:nowrap;border-radius:10px}.dropdown-menu a:hover{color:#289CFF;background:rgba(40,156,255,.08)}.mobile-menu-button{display:none;width:42px;height:42px;padding:9px;border:0;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(56,92,138,.12)}.mobile-menu-button span{display:block;height:2px;margin:5px 0;background:#4E5F7A;border-radius:2px}.mobile-drawer{position:fixed;z-index:12000;inset:0 auto 0 0;width:min(84vw,320px);padding:18px;background:#fff;transform:translateX(-105%);transition:transform .28s ease;overflow-y:auto}.drawer-overlay{position:fixed;z-index:11000;inset:0;background:rgba(36,52,71,.42);opacity:0;visibility:hidden;transition:.25s}.drawer-open{overflow:hidden}.drawer-open .mobile-drawer{transform:translateX(0)}.drawer-open .drawer-overlay{opacity:1;visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #DDE4EE}.drawer-logo img{max-height:46px}.drawer-close{width:40px;height:40px;border:0;border-radius:50%;background:#EEF2F7;color:#4E5F7A;font-size:26px;line-height:1}.drawer-nav{display:grid;padding:12px 0}.drawer-nav a{padding:12px 10px;border-bottom:1px solid #EEF2F7;color:#4E5F7A;font-weight:700}.drawer-nav a:hover{color:#289CFF;background:rgba(40,156,255,.06)}main{min-height:60vh}.banner-slider{max-width:1200px;margin:28px auto 36px;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(56,92,138,.12);overflow:hidden;position:relative;aspect-ratio:16/6.3}.banner-track,.banner-slide{width:100%;height:100%}.banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s}.banner-slide.active{opacity:1;visibility:visible}.banner-slider img{width:100%;height:100%;object-fit:contain;background:#fff}.slider-arrow{position:absolute;z-index:5;top:50%;width:44px;height:44px;border:1px solid rgba(40,156,255,.18);border-radius:50%;background:rgba(255,255,255,.88);color:#289CFF;font-size:28px;line-height:1;transform:translateY(-50%);cursor:pointer;box-shadow:0 8px 20px rgba(56,92,138,.16)}.slider-arrow:hover{background:#fff}.slider-prev{left:18px}.slider-next{right:18px}.slider-dots{position:absolute;z-index:5;left:50%;bottom:14px;display:flex;gap:9px;transform:translateX(-50%)}.slider-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(78,95,122,.38);cursor:pointer;transition:.2s}.slider-dot.active{width:26px;border-radius:999px;background:#289CFF}.banner-caption,.banner-text,.slide-title,.slide-desc,.slide-content,.slide-card,.banner-card{display:none!important}.section{padding:72px 0}.section-soft{background:#EEF2F7}.section-heading{max-width:760px;margin:0 auto 32px;text-align:center}.section-heading h2,.page-hero h1,.hero-copy h1,h1,h2,h3,.section-title{color:#289CFF}.section-heading h2,.hero-copy h1{margin:.35em 0 .4em;line-height:1.25}.section-heading p,.hero-copy p,.info-card p,.zone-card p,.review-card p{color:#66788A}.eyebrow{display:inline-flex;color:#289CFF;font-weight:800;letter-spacing:.08em}.welcome-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:36px;border:1px solid rgba(40,156,255,.16);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 14px 36px rgba(56,92,138,.10)}.welcome-panel h1{font-size:clamp(30px,4vw,52px);line-height:1.18;margin:.25em 0}.welcome-panel p{color:#66788A}.welcome-panel .main-btn{margin-top:10px}.content-img{border-radius:18px;box-shadow:0 14px 30px rgba(56,92,138,.12)}.card-grid{display:grid;gap:22px}.four-col{grid-template-columns:repeat(4,1fr)}.three-col{grid-template-columns:repeat(3,1fr)}.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.info-card,.zone-card,.review-card,.app-panel,.notice-panel{background:rgba(255,255,255,.92);border:1px solid rgba(40,156,255,.16);border-radius:20px;box-shadow:0 14px 36px rgba(56,92,138,.10)}.info-card,.review-card{padding:26px}.info-card h3,.zone-card h3{margin:.45em 0;color:#289CFF}.card-index{font-size:13px;font-weight:800;color:#289CFF}.text-link{display:inline-flex;margin-top:12px;color:#289CFF;font-weight:700}.text-link:hover{text-decoration:underline}.zone-card{overflow:hidden}.zone-card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#fff}.zone-card-body{padding:22px}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.split-panel h2{font-size:clamp(26px,3.2vw,40px);margin:.3em 0}.check-list{display:grid;gap:14px}.check-list>div{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid rgba(40,156,255,.14);border-radius:15px;background:#fff}.check-list span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(40,156,255,.12);color:#289CFF;text-align:center;font-weight:800}.check-list p{margin:0;color:#4E5F7A}.app-panel{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:32px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.feature-list div{padding:16px;border-radius:14px;background:#EEF2F7}.feature-list strong{display:block;color:#289CFF}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-card blockquote{margin:0 0 14px;color:#243447;font-size:17px}.review-card small{color:#8A9AAF}.notice-panel{padding:28px}.notice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.notice-list div{padding:18px;border-left:3px solid #289CFF;background:#F5F7FB;border-radius:0 14px 14px 0}.notice-list h3{margin:0 0 6px}.faq-list{display:grid;gap:14px;max-width:920px;margin:0 auto}.faq-list details{background:#fff;border:1px solid rgba(40,156,255,.15);border-radius:16px;box-shadow:0 10px 24px rgba(56,92,138,.07);overflow:hidden}.faq-list summary{position:relative;padding:19px 52px 19px 20px;color:#243447;font-weight:800;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:20px;top:50%;color:#289CFF;font-size:24px;transform:translateY(-50%)}.faq-list details[open] summary::after{content:"−"}.faq-list details p{margin:0;padding:0 20px 20px;color:#66788A}.compliance-strip{padding:24px 0;background:#DDE4EE}.compliance-strip .container{display:flex;gap:20px;align-items:flex-start}.compliance-strip strong{flex:0 0 auto;color:#289CFF}.compliance-strip p{margin:0;color:#4E5F7A}.page-hero{padding:64px 0 54px;background:linear-gradient(180deg,#F5F7FB 0%,#E6EBF2 100%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.hero-copy h1{font-size:clamp(34px,5vw,56px)}.hero-media{margin:0;padding:14px;border-radius:22px;background:#fff;box-shadow:0 18px 40px rgba(56,92,138,.12)}.hero-media img{width:100%;max-height:420px;object-fit:contain;border-radius:14px}.featured-review{display:flex;flex-direction:column;justify-content:center;min-height:260px}.featured-review blockquote{font-size:21px}.brand-note h2{margin:.4em 0}.site-footer{background:#243447;color:#EAF3FF}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px;padding:54px 0}.footer-brand img{max-height:52px;width:auto;margin-bottom:16px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))}.site-footer h2{font-size:18px;color:#EAF3FF;margin:0 0 12px}.site-footer a{display:block;padding:5px 0;color:#D7E7FA}.site-footer a:hover{color:#fff}.site-footer p{color:#BFD2E8}.footer-note{font-size:14px}.footer-bottom{padding:18px 0;border-top:1px solid rgba(234,243,255,.12);color:#BFD2E8;text-align:center;font-size:14px}@media (max-width:1080px){.nav{gap:14px}.nav>a,.nav-trigger{font-size:14px}.four-col{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.header-inner{gap:12px;min-height:66px}.nav-wrap{display:none}.mobile-menu-button{display:block;flex:0 0 42px}.logo{position:absolute;left:50%;transform:translateX(-50%)}.logo img{max-height:44px;max-width:130px}.header-register{min-width:72px;padding:9px 18px}.banner-slider{width:calc(100% - 28px);margin:18px auto 28px;aspect-ratio:16/8}.welcome-panel,.hero-grid,.split-panel,.app-panel{grid-template-columns:1fr}.welcome-panel,.app-panel{padding:24px}.hero-media{order:-1}.three-col,.review-grid{grid-template-columns:repeat(2,1fr)}.section{padding:54px 0}}@media (max-width:620px){.container{width:min(100% - 24px,1200px)}.header-inner.container{width:min(100% - 18px,1200px)}.logo img{max-width:104px}.header-register{min-width:64px;min-height:38px;padding:7px 14px;font-size:14px}.banner-slider{width:calc(100% - 20px);border-radius:14px;aspect-ratio:16/9}.slider-arrow{width:38px;height:38px}.slider-prev{left:10px}.slider-next{right:10px}.section{padding:44px 0}.welcome-panel{padding:20px}.welcome-panel h1{font-size:30px}.four-col,.three-col,.two-col,.review-grid,.feature-list,.notice-list{grid-template-columns:1fr}.info-card,.review-card{padding:22px}.page-hero{padding:42px 0}.hero-copy h1{font-size:34px}.compliance-strip .container{display:block}.compliance-strip strong{display:block;margin-bottom:8px}.footer-grid{grid-template-columns:1fr;padding:42px 0;gap:28px}}
