:root{--bg:#F4FBFF;--white:#fff;--soft:#E8F7FF;--blue:#10AEEA;--blue2:#1688D8;--deep:#155A9D;--text:#24384A;--muted:#60758A;--border:rgba(16,174,234,.18);--footer:#073A68;--shadow:0 18px 50px rgba(22,136,216,.12);--header:78px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;padding-top:var(--header);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 4%,rgba(53,215,255,.15),transparent 26rem),radial-gradient(circle at 94% 18%,rgba(22,136,216,.1),transparent 30rem),var(--bg);line-height:1.75}body.drawer-open{overflow:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--deep);line-height:1.28}h1{font-size:clamp(2.2rem,4vw,4.5rem);letter-spacing:-.04em;margin-bottom:20px}h2{font-size:clamp(1.65rem,2.8vw,2.8rem);letter-spacing:-.025em;margin-bottom:14px}h3{font-size:1.2rem;margin-bottom:8px}p{color:var(--muted)}.container{width:min(100% - 32px,1200px);margin:auto}.skip{position:fixed;top:-80px;left:16px;z-index:3000;padding:10px 14px;color:#fff;background:var(--blue2);border-radius:10px}.skip:focus{top:10px}.site-header{position:fixed;z-index:1000;inset:0 0 auto;height:var(--header);background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:0 8px 26px rgba(7,58,104,.07)}.header-inner{width:min(100% - 32px,1360px);height:100%;margin:auto;display:flex;align-items:center;gap:clamp(8px,1vw,16px);min-width:0}.logo{display:inline-flex;align-items:center;flex:0 0 auto}.logo img{width:clamp(128px,12vw,170px);height:48px;object-fit:contain}.desktop-nav{min-width:0;flex:1;display:flex;justify-content:center;align-items:center;gap:clamp(2px,.42vw,7px);white-space:nowrap}.desktop-nav a{padding:9px clamp(5px,.45vw,8px);font-size:clamp(.72rem,.72vw,.86rem);font-weight:700;border-radius:10px}.desktop-nav a:hover,.desktop-nav a.active,.mobile-nav a.active{color:var(--blue2);background:var(--soft)}.main-btn,.ghost-btn,.text-link{display:inline-flex;align-items:center;justify-content:center;font-weight:800}.main-btn,.ghost-btn{min-height:44px;padding:0 22px;border-radius:999px}.main-btn{color:#fff;background:linear-gradient(135deg,#35D7FF,#1688D8);box-shadow:0 10px 24px rgba(22,136,216,.25)}.ghost-btn{color:var(--blue2);background:#fff;border:1px solid var(--border)}.text-link{color:var(--blue2)}.header-register{flex:0 0 auto;min-width:82px}.menu-btn{display:none;width:46px;height:46px;border:1px solid var(--border);border-radius:14px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-btn i{display:block;width:22px;height:2px;background:var(--deep);border-radius:99px}.drawer-mask{position:fixed;z-index:1190;inset:0;background:rgba(7,58,104,.42);opacity:0;pointer-events:none;transition:.25s}.drawer{position:fixed;z-index:1200;top:0;right:0;width:min(88vw,380px);height:100dvh;overflow:auto;padding:18px;background:#fff;transform:translateX(105%);transition:.25s;box-shadow:-20px 0 60px rgba(7,58,104,.2)}.drawer-open .drawer-mask{opacity:1;pointer-events:auto}.drawer-open .drawer{transform:none}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border)}.drawer-close{width:42px;height:42px;border:0;border-radius:12px;color:var(--deep);background:var(--soft);font-size:1.8rem}.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:18px 0}.mobile-nav a{padding:12px;text-align:center;font-weight:700;background:var(--bg);border-radius:12px}.full-btn{width:100%}.section{padding:clamp(58px,8vw,100px) 0}.section.compact{padding:40px 0 70px}.section-soft{background:linear-gradient(180deg,rgba(232,247,255,.82),rgba(244,251,255,.62));border-block:1px solid var(--border)}.eyebrow{display:inline-flex;padding:4px 12px;margin-bottom:13px;color:var(--blue2);background:var(--soft);border:1px solid var(--border);border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.08em}.section-head{max-width:780px;margin-bottom:30px}.section-head p{max-width:700px;margin-bottom:0}.page-hero{padding:clamp(44px,6vw,84px) 0}.hero-panel{min-height:370px;padding:clamp(30px,5vw,68px);display:flex;align-items:center;border:1px solid var(--border);border-radius:30px;background:radial-gradient(circle at 90% 12%,rgba(53,215,255,.25),transparent 22rem),linear-gradient(135deg,#fff,#eaf8ff);box-shadow:var(--shadow)}.hero-panel.with-image{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:50px}.hero-panel p{max-width:700px;font-size:1.08rem}.hero-image{margin:0;padding:14px;background:#fff;border-radius:22px;box-shadow:0 12px 36px rgba(22,136,216,.12)}.hero-image img{width:100%;max-height:360px;object-fit:contain;border-radius:16px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.carousel-wrap{padding:24px 0 0}.carousel{position:relative;overflow:hidden;width:min(100% - 32px,1360px);margin:auto;aspect-ratio:16/6.3;min-height:250px;max-height:610px;background:var(--soft);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow)}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:.55s}.slide.active{opacity:1;visibility:visible}.slide img{width:100%;height:100%;object-fit:contain}.arrow{position:absolute;z-index:2;top:50%;width:48px;height:48px;margin-top:-24px;border:1px solid rgba(255,255,255,.8);border-radius:50%;color:var(--deep);background:rgba(255,255,255,.9);font-size:1.4rem;box-shadow:0 8px 22px rgba(7,58,104,.18)}.arrow.prev{left:20px}.arrow.next{right:20px}.dots{position:absolute;z-index:2;left:50%;bottom:16px;display:flex;gap:8px;transform:translateX(-50%)}.dot{width:10px;height:10px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(21,90,157,.45)}.dot.active{width:28px;border-radius:99px;background:var(--blue)}.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:36px;align-items:start}.feature-box,.card,.review,.notice,.cta,.faq-list details{border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(22,136,216,.08)}.feature-box{padding:30px}.feature-box ul{list-style:none;margin:0;padding:0}.feature-box li{position:relative;padding:12px 0 12px 30px;border-bottom:1px dashed var(--border)}.feature-box li:last-child{border:0}.feature-box li:before{content:"✓";position:absolute;left:0;top:13px;width:20px;height:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#35D7FF,#1688D8);border-radius:50%;font-size:.7rem}.card-grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{overflow:hidden;padding:24px}.card-image{margin:-24px -24px 20px;min-height:190px;background:var(--soft)}.card-image img{width:100%;height:230px;padding:8px;object-fit:contain}.card-tag{display:inline-block;margin-bottom:8px;color:var(--blue2);font-size:.8rem;font-weight:800}.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}.steps li{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px rgba(22,136,216,.08)}.steps>li>span{width:52px;height:52px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#35D7FF,#1688D8);border-radius:16px;font-weight:900}.steps h3,.steps p{margin-bottom:4px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.review{min-height:215px;padding:28px}.review>span{display:block;height:42px;color:var(--blue);font:4rem/.9 Georgia}.review p{color:var(--text)}.notice{padding:36px;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr) auto;gap:26px;align-items:center;background:linear-gradient(135deg,#fff,#eaf8ff)}.notice h2,.notice p{margin-bottom:0}.cta{padding:38px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:radial-gradient(circle at 90% 10%,rgba(53,215,255,.25),transparent 18rem),linear-gradient(135deg,#fff,#eefaff);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.cta h2,.cta p{margin-bottom:0}.faq-list{display:grid;gap:14px}.faq-list details{padding:0;overflow:hidden}.faq-list summary{padding:20px 24px;color:var(--deep);font-weight:800;cursor:pointer}.faq-list p{padding:0 24px 22px;margin:0}.footer{margin-top:40px;padding:70px 0 24px;color:#EAF8FF;background:radial-gradient(circle at 12% 0,rgba(53,215,255,.16),transparent 24rem),var(--footer)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px}.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:8px}.footer h2{color:#fff;font-size:1rem}.footer p,.footer a{color:rgba(234,248,255,.76)}.footer-logo img{width:170px;height:52px;padding:6px 10px;object-fit:contain;background:#fff;border-radius:14px}.footer-brand p{max-width:420px;margin-top:18px}.footer-bottom{margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(234,248,255,.15)}.footer-bottom p{margin:0;font-size:.9rem}.footer-bottom p:first-child{max-width:820px}@media(max-width:1200px){.desktop-nav{display:none}.menu-btn{display:flex}.header-register{margin-left:auto}}@media(max-width:980px){.hero-panel.with-image,.split,.notice{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.review-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}@media(max-width:720px){:root{--header:68px}.container{width:min(100% - 22px,1200px)}.header-inner{width:min(100% - 20px,1360px)}.logo img{width:126px;height:42px}.header-register{min-width:70px;min-height:40px;padding:0 16px}.carousel-wrap{padding-top:12px}.carousel{width:min(100% - 20px,1360px);aspect-ratio:4/2.4;min-height:205px;border-radius:18px}.hero-panel{min-height:0;padding:28px 22px}.grid-2,.grid-3,.grid-4,.review-grid{grid-template-columns:1fr}.cta,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}@media(max-width:460px){.header-register{display:none}.mobile-nav{grid-template-columns:1fr}.actions{flex-direction:column}.actions .main-btn,.actions .ghost-btn{width:100%}.arrow{width:40px;height:40px;margin-top:-20px}.arrow.prev{left:10px}.arrow.next{right:10px}}