:root{--blue:#246bff;--blue2:#4aa3ff;--ink:#0f1b35;--muted:#58657a;--line:#e8edf6;--soft:#f6f9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff}.header{height:88px;padding:0 8%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand strong{font-size:24px}nav a{margin-left:38px;text-decoration:none;color:#111827;font-weight:700}nav a.active{color:var(--blue)}.hero{min-height:820px;padding:70px 8% 80px;display:grid;grid-template-columns:1fr 460px;align-items:center;gap:70px;background:radial-gradient(circle at 78% 35%,rgba(182,152,255,.30),transparent 38%),radial-gradient(circle at 84% 70%,rgba(255,139,210,.25),transparent 30%),linear-gradient(135deg,#fff 0%,#f7fbff 60%,#fff3fb 100%)}h1{font-size:76px;line-height:1;letter-spacing:-3px;margin:0 0 30px}.copy h2{font-size:30px;font-weight:500;margin:0 0 24px}.copy p{max-width:650px;font-size:20px;line-height:1.8;color:var(--muted)}.icons{margin:44px 0 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:680px}.icons div{text-align:center}.icons span{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e8fff5);font-size:30px}.icons b{display:block;font-size:18px;margin-bottom:8px}.icons small{display:block;color:var(--muted);font-size:14px;line-height:1.6}.actions{display:flex;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 34px;border-radius:22px;text-decoration:none;font-size:18px;font-weight:900}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 18px 34px rgba(36,107,255,.26)}.ghost{color:#1d2939;background:#fff;border:1px solid #d9e2f0}.phone-wrap{display:grid;place-items:center}.phone{width:390px;border:12px solid #111;border-radius:46px;background:#111;overflow:hidden;box-shadow:0 28px 70px rgba(15,27,53,.28);position:relative}.phone:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:122px;height:30px;background:#111;border-radius:0 0 18px 18px;z-index:2}.phone img{display:block;width:100%}.qr-section{width:84%;margin:28px auto 0;padding:34px 9%;border-radius:24px;display:grid;grid-template-columns:260px 1fr;gap:80px;align-items:center;background:linear-gradient(135deg,#f8fbff,#eef5ff)}.qr-card{width:260px;height:260px;border-radius:32px;background:#fff;padding:18px;box-shadow:0 18px 44px rgba(15,27,53,.08)}.qr-card img{width:100%;height:100%;object-fit:contain}.qr-copy h2{font-size:34px;margin:0 0 16px}.qr-copy p{color:var(--muted);font-size:18px;margin-bottom:24px}.qr-copy ul{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 34px;padding:0;margin:0;list-style:none}.qr-copy li{color:#344054;font-weight:700}.qr-copy li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px}.section{padding:78px 8%}.section h2{text-align:center;font-size:34px;margin:0 0 40px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 14px 36px rgba(15,27,53,.06)}.grid b{font-size:22px}.grid p,.help p{color:var(--muted);line-height:1.8}.scene-section{background:var(--soft)}.scene-list{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.scene-list span{padding:14px 24px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:900;color:var(--blue)}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;align-items:start}figure{margin:0;text-align:center}.mini-phone{max-width:260px;margin:0 auto;border:8px solid #f0f2f5;border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 16px 34px rgba(15,27,53,.08)}.mini-phone img{display:block;width:100%}figcaption{margin-top:16px;font-weight:900}.help{max-width:900px;margin:0 auto;text-align:center}footer{padding:32px 8%;text-align:center;border-top:1px solid var(--line)}footer a{color:#344054;text-decoration:none}@media(max-width:980px){.header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:50px}h1{font-size:48px}.copy h2{font-size:24px}.icons,.grid,.screens,.qr-section{grid-template-columns:1fr}.icons{max-width:none}.phone{width:min(360px,88vw)}.qr-section{width:92%;gap:28px;text-align:center}.qr-card{margin:0 auto}.qr-copy ul{grid-template-columns:1fr;text-align:left}}