:root{--ink:#172238;--muted:#69768b;--blue:#3d6aa8;--blue2:#eaf3ff;--cyan:#dff7f6;--line:#d7e4f0;--dark:#15243a}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);line-height:1.85}img{display:block;max-width:100%;height:auto}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}.header-grid{min-height:68px;display:grid;grid-template-columns:190px 1fr auto;align-items:center}.brand img{height:32px;max-width:160px}.header-label{text-align:center;color:#738096;font-size:12px}.header-cta{display:inline-flex;min-height:44px;align-items:center;padding:0 18px;background:var(--dark);color:#fff;text-decoration:none;border-radius:999px;font-weight:900}.hero{padding:78px 0;background:linear-gradient(135deg,var(--blue2),#fff 55%,var(--cyan))}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}.eyebrow,.mobile-intro span,.platforms article>span,.mobile-view span,.mobile-context span,.section-title>span,.download-band span,.faq-layout>div>span,.final span{font-size:10px;letter-spacing:.17em;font-weight:900;color:#3970a8}.hero h1,.mobile-intro h2,.platforms h2,.mobile-view h2,.mobile-context h2,.section-title h2,.download-band h2,.faq h2,.final h2{margin:7px 0;font-size:clamp(34px,4.8vw,62px);line-height:1.04;letter-spacing:-.045em}.lead{font-size:18px;color:#5f6f84}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-actions a{display:inline-flex;min-height:50px;align-items:center;padding:0 20px;text-decoration:none;border-radius:999px;font-weight:900}.primary{background:var(--dark);color:#fff}.secondary{background:#fff;border:1px solid #b9cde3}.phone-stage{position:relative;min-height:500px}.phone-stage img{position:absolute;object-fit:contain}.phone-main{height:480px;left:8%;top:0}.phone-small{height:380px;right:6%;bottom:0;transform:rotate(5deg);filter:drop-shadow(0 16px 25px rgba(21,36,58,.18))}.screen-ribbon{padding:24px 0 82px}.ribbon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ribbon-grid figure{margin:0;padding:13px;background:#f7faff;border:1px solid var(--line)}.ribbon-grid img{width:100%;height:320px;object-fit:contain}.ribbon-grid figcaption{font-size:13px;color:var(--muted);padding-top:9px}.mobile-intro,.mobile-context{padding:84px 0;background:#f7faff}.intro-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.mobile-intro h2,.platforms h2,.mobile-view h2,.mobile-context h2,.section-title h2,.download-band h2,.faq h2,.final h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15}.mobile-intro p,.platforms p,.mobile-view p,.mobile-context p,.download-band p{color:var(--muted);font-size:17px}.platforms{padding:92px 0}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.platforms article{padding:28px;border:1px solid var(--line)}.android{background:#f1f7ef}.ios{background:#f3f5fa}.platforms img{width:100%;height:380px;object-fit:contain;background:#fff;margin:20px 0}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.buttons a{display:flex;min-height:48px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--dark);text-decoration:none;font-weight:900}.buttons a:last-child{background:var(--dark);color:#fff}.mobile-view{padding:92px 0;background:var(--blue2)}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.view-grid figure{margin:0;background:#fff;padding:15px}.view-grid img{width:100%;max-height:470px;object-fit:contain}.mobile-context{background:#fff}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.context-grid>div{padding:30px;border-top:3px solid var(--blue);background:#f7faff}.checks{padding:82px 0}.section-title{max-width:800px;margin-bottom:28px}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.check-grid>div{padding:22px;border-top:3px solid var(--blue);background:#f7faff}.check-grid b{color:#3970a8}.check-grid strong{display:block;font-size:18px;margin-top:18px}.check-grid p{font-size:14px;color:var(--muted)}.download-band{padding:66px 0;background:var(--dark);color:#fff}.download-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.download-band p{color:#c7d4e2}.download-grid>div:last-child{display:grid;gap:10px}.download-grid a{display:flex;min-width:230px;min-height:50px;align-items:center;justify-content:center;border:1px solid #8da7c4;text-decoration:none;font-weight:900}.download-grid a:first-child{background:#fff;color:var(--dark)}.faq{padding:88px 0;background:#f7faff}.faq-layout{display:grid;grid-template-columns:.58fr 1.42fr;gap:60px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:20px 2px;font-size:18px;font-weight:900}.faq-list p{margin:-3px 0 22px;color:var(--muted)}.final{padding:82px 0;text-align:center;background:linear-gradient(135deg,#dff7f6,#eaf3ff)}.final-inner{max-width:760px}.final p{color:var(--muted)}.final a{display:inline-flex;margin-top:20px;min-height:52px;align-items:center;padding:0 22px;background:var(--dark);color:#fff;text-decoration:none;border-radius:999px;font-weight:900}.footer{padding:48px 0 84px;background:#0e1827;color:#e2e9f1}.footer-grid{display:grid;grid-template-columns:1fr auto}.footer img{height:31px;max-width:155px}.footer p{font-size:13px;color:#98a8ba}.footer nav{display:flex;gap:18px}.footer nav a{text-decoration:none;color:#e2e9f1;font-size:14px}.mobile-bar{display:none}@media(max-width:900px){.header-grid{grid-template-columns:1fr auto}.header-label{display:none}.hero-grid,.intro-grid,.view-grid,.download-grid,.faq-layout{grid-template-columns:1fr}.phone-stage{min-height:430px}.platform-grid,.ribbon-grid,.check-grid,.context-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){body{font-size:15px;padding-bottom:62px}.shell{width:min(100% - 28px,1180px)}.header-grid{min-height:62px}.brand img{height:28px}.header-cta{font-size:12px;padding:0 12px}.hero{padding:54px 0}.hero h1{font-size:clamp(42px,14vw,58px)}.lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions a{width:100%;justify-content:center}.phone-stage{min-height:360px}.phone-main{height:340px}.phone-small{height:270px}.ribbon-grid,.platform-grid,.check-grid,.context-grid{grid-template-columns:1fr}.screen-ribbon,.mobile-intro,.platforms,.mobile-view,.mobile-context,.checks,.faq{padding:62px 0}.ribbon-grid img,.platforms img{height:auto;max-height:300px}.buttons{grid-template-columns:1fr}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;min-height:60px;align-items:center;justify-content:space-between;padding:8px 14px;background:#0e1827;color:#fff}.mobile-bar a{display:inline-flex;min-width:100px;min-height:40px;align-items:center;justify-content:center;background:#fff;color:#15243a;text-decoration:none;border-radius:999px;font-weight:900}}