:root{
    --primary: rgb(70,139,223);
    --primary-dark: #235fae;
    --primary-soft: #e9f3ff;
    --ink: #122033;
    --muted: #667489;
    --line: rgba(70,139,223,.16);
    --card: rgba(255,255,255,.92);
    --shadow: 0 12px 34px rgba(34,83,140,.10);
    --radius: 22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    color:var(--ink);
    background:
        radial-gradient(circle at 12% 0%, rgba(70,139,223,.20), transparent 30%),
        linear-gradient(180deg,#f4faff 0%,#ffffff 48%,#f7fbff 100%);
    font-size:16px;
    line-height:1.75;
    min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{
    position:sticky;
    top:0;
    z-index:20;
    background:rgba(248,252,255,.86);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--line);
}
.nav-wrap{
    width:100%;
    max-width:520px;
    margin:0 auto;
    padding:12px 16px 10px;
}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;color:#10243d;font-size:18px;letter-spacing:.2px}
.logo{width:34px;height:34px;border-radius:12px;box-shadow:0 8px 18px rgba(70,139,223,.22)}
.mobile-nav{
    display:flex;
    gap:8px;
    margin-top:12px;
    padding-bottom:3px;
    overflow-x:auto;
    scrollbar-width:none;
}
.mobile-nav::-webkit-scrollbar{display:none}
.mobile-nav a{
    white-space:nowrap;
    padding:7px 12px;
    border-radius:999px;
    color:#536476;
    background:rgba(255,255,255,.70);
    border:1px solid rgba(70,139,223,.10);
    font-size:13px;
}
.mobile-nav a.active{background:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(70,139,223,.22)}
.site-main{max-width:520px;margin:0 auto;padding:16px 16px 26px}
.hero{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    padding:26px 20px 24px;
    background:linear-gradient(145deg,#ffffff 0%,#eaf5ff 54%,#d9ecff 100%);
    box-shadow:var(--shadow);
    border:1px solid rgba(70,139,223,.14);
}
.hero:before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(70,139,223,.16)}
.eyebrow,.tag{display:inline-flex;align-items:center;gap:6px;color:var(--primary-dark);background:rgba(70,139,223,.10);border:1px solid rgba(70,139,223,.16);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}
h1{margin:14px 0 12px;font-size:30px;line-height:1.18;letter-spacing:-.6px;color:#0f2138}
h2{margin:0 0 12px;font-size:22px;line-height:1.35;color:#10243d;letter-spacing:-.2px}
h3{margin:0 0 7px;font-size:17px;color:#142b45}.lead{font-size:16px;color:#42546a;margin:0 0 18px}.hero p{position:relative}.hero-art{display:grid;grid-template-columns:1fr .82fr;gap:12px;align-items:center;margin-top:18px}.hero-copy{min-width:0}.phone-wrap{position:relative}.phone-wrap img{border-radius:28px;filter:drop-shadow(0 18px 24px rgba(40,86,134,.16))}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(70,139,223,.28);border:0;letter-spacing:.2px}.section{margin-top:22px}.section.soft{padding:20px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(239,247,255,.82),rgba(255,255,255,.9));border:1px solid var(--line)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card p{margin:0;color:#506075}.card + .card{margin-top:12px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-card{padding:15px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(34,83,140,.07)}.feature-card .icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-weight:900;margin-bottom:10px}.feature-card p{font-size:14px;color:#5f6f80;margin:0}.steps{counter-reset:step;display:grid;gap:12px}.step{position:relative;padding:16px 16px 16px 54px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 20px rgba(34,83,140,.07)}.step:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:18px;width:26px;height:26px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.step p,.step h3{margin:0}.step p{color:#5b6c7e;font-size:14px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 8px 20px rgba(34,83,140,.06)}.faq-item h3{font-size:16px;margin-bottom:6px}.faq-item p{margin:0;color:#546579}.info-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.info-list li{padding:13px 14px;border-radius:16px;background:rgba(70,139,223,.08);color:#40536b;border:1px solid rgba(70,139,223,.10)}.cta-panel{padding:22px;border-radius:26px;background:linear-gradient(145deg,var(--primary),#82b5f4);color:#fff;box-shadow:0 16px 32px rgba(70,139,223,.25)}.cta-panel h2,.cta-panel p{color:#fff}.cta-panel .download-btn{background:#fff;color:var(--primary);box-shadow:0 12px 24px rgba(13,61,118,.18)}.mini-data{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.data-box{padding:13px 8px;border-radius:18px;background:#fff;border:1px solid var(--line);text-align:center;box-shadow:0 8px 18px rgba(34,83,140,.06)}.data-box strong{display:block;color:var(--primary);font-size:18px}.data-box span{display:block;color:#68798b;font-size:12px;line-height:1.35}.article-hero{padding:22px;border-radius:28px;background:linear-gradient(145deg,#fff,#ebf6ff);box-shadow:var(--shadow);border:1px solid var(--line)}.article-hero p{color:#4d5e72;margin:0}.article-body p{margin:0 0 14px;color:#46586d}.notice-box{padding:16px;border-radius:20px;border:1px solid rgba(70,139,223,.18);background:rgba(70,139,223,.08);color:#43566d}.site-footer{max-width:520px;margin:0 auto;padding:8px 16px 28px}.footer-card{border-radius:24px;padding:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.footer-brand{display:flex;gap:11px;align-items:flex-start}.footer-logo{width:38px;height:38px;border-radius:13px}.footer-brand p,.copyright{margin:2px 0 0;color:#718093;font-size:13px;line-height:1.6}.footer-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.footer-links a{font-size:13px;padding:7px 10px;border-radius:999px;background:var(--primary-soft);color:#2d68ad}.desktop-notice{display:none}.desktop-locked{background:linear-gradient(180deg,#eef7ff,#fff)}.desktop-locked .site-header,.desktop-locked .site-main,.desktop-locked .site-footer{display:none}.desktop-locked .desktop-notice{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.notice-card{width:min(420px,100%);padding:34px 28px;border-radius:28px;background:#fff;text-align:center;box-shadow:var(--shadow);border:1px solid var(--line)}.notice-logo{width:58px;height:58px;margin:0 auto 14px;border-radius:18px}.notice-card h1{font-size:28px;margin:0 0 10px}.notice-card p{color:#536477;margin:0 0 14px}.notice-card span{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-weight:700;font-size:13px}.desktop-locked .download-btn{display:none!important}@media (max-width:390px){h1{font-size:27px}.hero-art{grid-template-columns:1fr}.phone-wrap{max-width:220px;margin:0 auto}.feature-grid{grid-template-columns:1fr}.mini-data{grid-template-columns:1fr}}