:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#172b50;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#e2edff,transparent 58%);min-height:100vh}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #0b6cd8;outline-offset:5px}.top{max-width:1180px;margin:auto;padding:26px 30px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:750}.brand img{width:38px;height:38px}.home{font-size:14px;color:#52627b}main{max-width:1180px;padding:0 30px;margin:auto}.intro{text-align:center;padding:40px 0 42px}.eyebrow{color:#426799;font-size:13px;font-weight:700;letter-spacing:3px}h1{font-size:46px;letter-spacing:-1px;line-height:1.25;margin:17px 0} .intro p{font-size:16px;line-height:1.8;color:#65748b;margin:0 0 20px}.android{display:inline-block;font-size:12px;border:1px solid #ccd9ec;border-radius:999px;padding:7px 14px;color:#426799}.mobile-break{display:none}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #e2e8f2;border-radius:24px;padding:27px;box-shadow:0 12px 36px #193d6c08}.card-top{display:flex;align-items:center;justify-content:space-between}.icon{width:62px;height:62px;object-fit:contain;border-radius:16px}.tag{font-size:11px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,white);border-radius:999px;padding:6px 10px}h2{font-size:24px;margin:19px 0 10px}.description{font-size:13px;line-height:1.8;color:#6b7890;min-height:47px;margin:0}.qr{margin:20px auto 0;max-width:240px;background:white}.qr img{display:block;width:100%;height:auto}.scan{text-align:center;color:#708099;font-size:12px;margin:7px 0 23px}.button{display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:#fff;border-radius:12px;padding:15px 17px;font-size:14px;font-weight:650;transition:filter .15s}.button:hover{filter:brightness(1.1)}.save{display:block;text-align:center;font-size:12px;color:#687a94;margin-top:17px}.save:hover{text-decoration:underline}.help{margin:30px 0 0;padding:23px 26px;border:1px solid #dfe6f1;border-radius:18px;background:#ffffff80}.help strong{font-size:14px}.help p{font-size:13px;line-height:1.8;color:#6b7890;margin:9px 0 0}footer{text-align:center;color:#8390a3;font-size:12px;padding:30px} @media(max-width:850px){.cards{gap:13px}.card{padding:20px}.intro h1{font-size:38px}}@media(max-width:650px){.top{padding:20px}.home{font-size:12px}main{padding:0 20px}.intro{padding:25px 0 30px}.intro h1{font-size:34px}.intro p{font-size:14px}.mobile-break{display:block}.cards{grid-template-columns:1fr;gap:18px;max-width:430px;margin:auto}.card{padding:25px}.description{min-height:0}.help{max-width:430px;margin:22px auto 0}.qr{max-width:230px}}