:root{
    --primary: rgb(70,139,223);
    --primary-dark:#245a9d;
    --primary-soft:#eaf4ff;
    --ink:#172033;
    --muted:#66758b;
    --line:#dce9f7;
    --card:#ffffff;
    --blue-card:#f4f9ff;
    --shadow:0 14px 34px rgba(35,92,156,.10);
    --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    min-height:100vh;
    color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    background:
        radial-gradient(circle at 10% 2%, rgba(70,139,223,.20), transparent 34%),
        radial-gradient(circle at 88% 20%, rgba(140,199,255,.28), transparent 30%),
        linear-gradient(180deg,#f7fbff 0%,#eef7ff 42%,#ffffff 100%);
    line-height:1.72;
    font-size:16px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-shell{width:100%;max-width:520px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;background:rgba(255,255,255,.34)}
.site-header{
    position:sticky;top:0;z-index:20;
    padding:14px 16px 10px;
    backdrop-filter:blur(16px);
    background:rgba(247,251,255,.86);
    border-bottom:1px solid rgba(220,233,247,.74);
}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px;color:#15335b;margin-bottom:12px}
.logo{width:36px;height:36px;border-radius:12px;box-shadow:0 8px 20px rgba(70,139,223,.20)}
.mobile-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.mobile-nav::-webkit-scrollbar{display:none}
.mobile-nav a{
    flex:0 0 auto;
    padding:8px 12px;
    border-radius:999px;
    color:#496174;
    background:rgba(255,255,255,.68);
    border:1px solid rgba(220,233,247,.85);
    font-size:13px;
    white-space:nowrap;
}
.mobile-nav a.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 16px rgba(70,139,223,.22)}
.main-content{padding:18px 16px 30px}
.banner{
    position:relative;
    border-radius:28px;
    padding:24px 18px;
    background:linear-gradient(145deg,#ffffff 0%,#edf7ff 58%,#dcebff 100%);
    box-shadow:var(--shadow);
    border:1px solid rgba(255,255,255,.88);
    overflow:hidden;
}
.banner:before{content:"";position:absolute;right:-46px;top:-56px;width:170px;height:170px;border-radius:50%;background:rgba(70,139,223,.16)}
.banner h1,.page-hero h1{position:relative;margin:0 0 12px;font-size:30px;line-height:1.18;letter-spacing:-.5px;color:#122342}
.banner p,.page-hero p{position:relative;margin:0;color:#52677f;font-size:15.5px}
.hero-tags{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.tag,.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;color:#315f95;border:1px solid #dcecff;font-size:12px;font-weight:650}
.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}
.hero-visual{position:relative;margin:18px auto 0;max-width:250px;padding:12px;border-radius:30px;background:linear-gradient(180deg,rgba(70,139,223,.12),rgba(255,255,255,.68));box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.app-img{border-radius:26px;box-shadow:0 18px 34px rgba(32,79,142,.18)}
.section{margin-top:22px}
.section h2{font-size:22px;line-height:1.25;margin:0 0 12px;color:#142846;letter-spacing:-.2px}
.section p{margin:0 0 12px;color:#53677e}
.card{
    background:var(--card);
    border:1px solid rgba(220,233,247,.92);
    border-radius:var(--radius);
    padding:18px;
    box-shadow:var(--shadow);
}
.card.soft{background:var(--blue-card)}
.card h3{margin:0 0 8px;font-size:17px;color:#17375f}
.feature-grid{display:grid;grid-template-columns:1fr;gap:12px}
.feature-card{padding:16px;border-radius:20px;background:#fff;border:1px solid #deebf8;box-shadow:0 10px 24px rgba(70,139,223,.08)}
.feature-card .icon{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900;margin-bottom:10px}
.feature-card h3{font-size:16px;margin:0 0 6px;color:#18365d}
.feature-card p{font-size:14.5px;margin:0;color:#5d7087}
.steps{display:grid;gap:10px;counter-reset:step}
.step{counter-increment:step;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:#fff;border:1px solid #e0edf9}
.step:before{content:counter(step);width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-weight:800;font-size:13px}
.step strong{display:block;color:#1d3b64;margin-bottom:2px}
.step span{display:block;color:#62748a;font-size:14px}
.faq-item{background:#fff;border:1px solid #dfeaf6;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 10px 20px rgba(70,139,223,.06)}
.faq-item h3{margin:0 0 8px;font-size:16px;color:#18395f}
.faq-item p{margin:0;color:#5d7085;font-size:14.8px}
.download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--primary);color:#fff!important;font-weight:800;box-shadow:0 14px 26px rgba(70,139,223,.28);border:0;letter-spacing:.2px}
.download-btn:after{content:"›";font-size:20px;margin-left:8px;line-height:1}
.cta-row{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.page-hero{border-radius:26px;padding:24px 18px;background:linear-gradient(145deg,#fff,#eef7ff);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow)}
.page-kicker{display:inline-flex;margin-bottom:10px;color:var(--primary);font-size:13px;font-weight:800;background:#fff;border:1px solid #dcecff;border-radius:999px;padding:5px 10px}
.info-list{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}
.info-list li{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #e0edf9;color:#53677e}
.info-list strong{color:#18375e}
.data-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.data-block{padding:12px 8px;border-radius:18px;background:#fff;border:1px solid #deebf8;text-align:center}
.data-block strong{display:block;color:var(--primary);font-size:18px;line-height:1.2}
.data-block span{display:block;color:#65798e;font-size:11.5px;margin-top:4px}
.note{border-left:4px solid var(--primary);background:#f3f9ff;border-radius:18px;padding:15px;color:#4f647c}
.site-footer{padding:4px 16px 30px;max-width:520px;margin:0 auto}
.footer-card{border-radius:24px;background:linear-gradient(145deg,#eff7ff,#ffffff);border:1px solid #dceafa;padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}
.footer-card h2{font-size:18px;margin:0 0 8px;color:#18395f}.footer-card p{margin:0;color:#5a6f86;font-size:14.5px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.footer-links a{font-size:13px;color:#476078;background:#fff;border:1px solid #e1edf8;border-radius:999px;padding:7px 10px}
.copyright{font-size:12px;color:#8795a5;text-align:center;margin:14px 0 0}
.desktop-notice{display:none}
body.desktop-client{background:#f3f8fe}
body.desktop-client .desktop-notice{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(247,251,255,.82);backdrop-filter:blur(12px)}
body.desktop-client .notice-card{max-width:420px;border-radius:28px;background:#fff;border:1px solid #dceafa;padding:28px;box-shadow:0 24px 60px rgba(20,60,100,.16);text-align:center}
body.desktop-client .notice-dot{display:block;width:44px;height:44px;margin:0 auto 14px;border-radius:18px;background:var(--primary);box-shadow:0 12px 26px rgba(70,139,223,.28)}
body.desktop-client .notice-card strong{display:block;font-size:24px;color:#17365b;margin-bottom:8px}
body.desktop-client .notice-card p{margin:0;color:#60748a}
body.desktop-client .site-shell{opacity:.34;filter:saturate(.8);pointer-events:none}
body.desktop-client .download-btn{display:none!important}
@media (min-width:540px){.site-shell{border-left:1px solid #e2edf8;border-right:1px solid #e2edf8}.main-content{padding-left:20px;padding-right:20px}}