*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFFFFF;color:#1F2937;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.72}a{text-decoration:none}.site-header{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(32,35,63,.08)}.header-inner{max-width:1220px;margin:0 auto;height:76px;padding:0 22px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{height:46px;width:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.desktop-nav a{color:#20233F;font-weight:600;font-size:15px;padding:9px 12px;border-radius:999px;transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{background:linear-gradient(135deg,rgba(91,95,239,.10),rgba(59,130,246,.10));color:#5B5FEF;box-shadow:inset 0 -2px 0 #3B82F6}.main-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;border:0;background:linear-gradient(135deg,#5B5FEF 0%,#4F6EF7 52%,#3B82F6 100%);color:#FFFFFF;border-radius:999px;box-shadow:0 12px 26px rgba(98,91,246,.22);font-weight:800;padding:11px 21px;transition:.2s}.main-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.56);box-shadow:0 0 12px rgba(98,91,246,.20),0 0 18px rgba(245,185,66,.24);pointer-events:none}.main-btn:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(98,91,246,.28)}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;padding:8px}.menu-toggle span{display:block;height:2px;background:#20233F;margin:6px 0;border-radius:99px}.drawer-mask{position:fixed;inset:0;background:rgba(20,23,42,.48);z-index:10000}.mobile-drawer{position:fixed;left:0;top:0;bottom:0;width:84vw;max-width:320px;background:#FFFFFF;z-index:10001;transform:translateX(-105%);transition:.28s ease;box-shadow:24px 0 50px rgba(20,23,42,.16);padding:22px}.mobile-drawer.open{transform:translateX(0)}.drawer-open{overflow:hidden}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-top img{height:44px}.drawer-close{border:0;background:#F3F6FF;color:#20233F;width:38px;height:38px;border-radius:999px;font-size:25px}.drawer-nav{display:grid;gap:8px}.drawer-nav a{color:#20233F;font-weight:700;padding:13px 14px;border-radius:16px;border:1px solid rgba(91,95,239,.10)}.drawer-nav a.active,.drawer-nav a:hover{background:#F3F6FF;color:#5B5FEF}.section{padding:84px 22px}.container{max-width:1180px;margin:0 auto}.hero-section{padding:78px 22px 42px;background:radial-gradient(circle at 15% 20%,rgba(91,95,239,.11) 0%,rgba(91,95,239,0) 30%),radial-gradient(circle at 88% 18%,rgba(59,130,246,.10) 0%,rgba(59,130,246,0) 28%),linear-gradient(135deg,#FFFFFF 0%,#F8FAFC 52%,#F3F6FF 100%)}.hero-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}.section-kicker,.tag,.label,.num,.badge{color:#5B5FEF;font-weight:800;letter-spacing:.02em}.hero h1,.page-hero h1{font-size:clamp(34px,5vw,62px);line-height:1.12;margin:14px 0;color:#20233F;letter-spacing:-.04em}.hero p,.page-hero p{font-size:18px;color:#667085;margin:0 0 24px}.hero-visual{background:rgba(255,255,255,.78);border:1px solid rgba(91,95,239,.14);border-radius:32px;padding:26px;box-shadow:0 24px 70px rgba(32,35,63,.10);position:relative}.hero-visual:before{content:"";position:absolute;right:22px;top:18px;width:72px;height:4px;border-radius:9px;background:#E6B85C}.hero-visual img,.content-img,.zone-card img,.app-section img{max-width:100%;height:auto;object-fit:contain;display:block;margin:auto}.service-cards{max-width:1180px;margin:36px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.zone-card,.info-card,.capsule,.notice-box,.faq-item,.news-card{background:#FFFFFF;border:1px solid rgba(91,95,239,.12);box-shadow:0 16px 40px rgba(32,35,63,.09);border-radius:24px}.service-cards .card{padding:24px}.card h3,.zone-card h3,.info-card h3,.news-card h3{color:#20233F;margin:8px 0 8px}.card p,.zone-card p,.info-card p,.news-card p,.faq-item p,li{color:#667085}.capsules{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 18px}.capsule{min-width:170px;padding:16px 18px}.intro-strip{padding:28px;border-radius:28px;background:linear-gradient(135deg,#FFFFFF,#F3F6FF);border:1px solid rgba(91,95,239,.14);box-shadow:0 16px 40px rgba(32,35,63,.08);color:#1F2937}.section-title{font-size:clamp(28px,4vw,44px);line-height:1.2;color:#20233F;margin:0 0 14px;letter-spacing:-.03em}.section-lead{color:#667085;font-size:17px;max-width:780px}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.info-card{padding:22px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-top:46px;padding:28px;border-radius:32px;background:#FFFFFF;border:1px solid rgba(91,95,239,.12);box-shadow:0 16px 40px rgba(32,35,63,.07)}.feature-row.alt .feature-text{order:-1}.feature-media{background:#F8FAFC;border-radius:28px;padding:22px;min-height:230px;display:flex;align-items:center}.feature-text h2,.feature-text h3{color:#20233F}.points{display:grid;gap:8px;padding-left:0;list-style:none}.points li{padding-left:22px;position:relative}.points li:before{content:"";width:8px;height:8px;border-radius:50%;background:#5B5FEF;position:absolute;left:0;top:.72em}.text-link{color:#5B5FEF;font-weight:800}.zone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.zone-card{padding:18px}.zone-card img{height:126px;margin-bottom:14px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.news-list{display:grid;gap:14px}.news-card{padding:20px}.app-banner{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center;background:linear-gradient(135deg,#FFFFFF,#F8FAFC,#FFF9EE);border:1px solid rgba(91,95,239,.14);box-shadow:0 16px 40px rgba(32,35,63,.08);border-radius:34px;padding:30px}.help-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq-list{display:grid;gap:14px}.faq-item{padding:22px}.faq-item h3{margin:0 0 8px;color:#20233F}.notice-box{padding:28px;background:#FFF9EE;border-color:rgba(230,184,92,.34)}.page-hero{padding:76px 22px;background:linear-gradient(135deg,#FFFFFF 0%,#F8FAFC 60%,#F3F6FF 100%)}.page-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}.page-image{background:#FFFFFF;border:1px solid rgba(91,95,239,.12);border-radius:32px;padding:24px;box-shadow:0 16px 40px rgba(32,35,63,.09)}.content-wrap{max-width:980px;margin:0 auto}.content-wrap h2{color:#20233F;margin-top:36px}.content-wrap p{color:#667085}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.site-footer{background:#14172A;color:#EEF2FF;padding:62px 22px 28px}.footer-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer-brand img{height:48px}.site-footer p,.site-footer a{color:#C9D3FF}.site-footer a{display:block;margin:8px 0}.site-footer h3{color:#FFFFFF}.footer-bottom{max-width:1180px;margin:28px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#C9D3FF;font-size:14px}@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{height:68px;display:grid;grid-template-columns:46px 1fr auto;gap:10px}.brand{justify-content:center}.brand img{height:40px}.header-btn{padding:9px 14px;font-size:14px}.hero-grid,.page-grid,.feature-row,.app-banner,.help-grid,.two-col{grid-template-columns:1fr}.feature-row.alt .feature-text{order:0}.service-cards,.dashboard,.zone-grid,.content-grid{grid-template-columns:repeat(2,1fr)}.section{padding:58px 18px}.hero-section{padding:46px 18px 30px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.service-cards,.dashboard,.zone-grid,.content-grid,.mini-grid,.footer-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:34px}.card,.zone-card,.info-card,.faq-item,.news-card{border-radius:20px}.feature-row,.app-banner,.notice-box{padding:20px;border-radius:24px}.page-hero{padding:44px 18px}.capsule{min-width:152px}.content-img{max-height:260px}}