:root { color-scheme: light; --ink:#1d211e; --muted:#737871; --line:#dfe2dc; --green:#476a5a; }
* { box-sizing: border-box; }
body { margin:0; min-width:320px; min-height:100vh; padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom); background:radial-gradient(circle at 50% -15%,#fff 0,#f4f4f0 40%,#eceee9 100%); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
.page { width:min(100%,560px); margin:auto; padding:24px 0 36px; }
.brand { display:flex; align-items:center; gap:10px; color:#53665b; font-size:12px; font-weight:800; letter-spacing:.08em; }.brand img { width:36px; height:36px; border-radius:10px; }
.hero { margin-top:18px; padding:32px 24px 25px; overflow:hidden; border:1px solid rgba(218,221,214,.9); border-radius:26px; background:rgba(255,255,255,.92); box-shadow:0 26px 80px rgba(25,31,26,.1); }.hero-icon { width:92px; height:92px; display:block; margin:0 auto 25px; border-radius:24px; box-shadow:0 14px 36px rgba(0,0,0,.18); }.eyebrow { display:block; color:var(--green); text-align:center; font-size:10px; font-weight:800; letter-spacing:.15em; }.hero h1 { margin:11px 0 9px; text-align:center; font-family:"Songti SC",serif; font-size:31px; line-height:1.25; }.hero > p { margin:0 auto; max-width:420px; color:var(--muted); text-align:center; font-size:14px; line-height:1.75; }
.primary { width:100%; min-height:52px; margin-top:25px; display:flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:13px; background:#20241f; color:#fff; text-decoration:none; font-size:15px; font-weight:750; box-shadow:0 10px 25px rgba(28,34,28,.16); }.primary.blue { background:#2477ed; }.primary svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.meta { margin-top:11px; display:flex; justify-content:center; gap:13px; color:#8b8f88; font-size:10px; }.meta span + span::before { content:'·'; margin-right:13px; }
.benefits { margin-top:15px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.benefit { padding:14px 8px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.72); text-align:center; }.benefit b { display:block; font-size:12px; }.benefit span { display:block; margin-top:4px; color:#8a8e87; font-size:9px; line-height:1.4; }
.section { margin-top:15px; padding:22px 20px; border:1px solid var(--line); border-radius:19px; background:rgba(255,255,255,.78); }.section h2 { margin:0 0 17px; font-size:17px; }.steps { margin:0; padding:0; list-style:none; display:grid; gap:15px; }.steps li { display:grid; grid-template-columns:31px 1fr; gap:11px; align-items:start; }.steps i { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:#e6ebe6; color:#416152; font-size:11px; font-style:normal; font-weight:800; }.steps b { display:block; font-size:13px; }.steps p { margin:4px 0 0; color:var(--muted); font-size:11px; line-height:1.55; }
.ios-share { display:inline-grid; place-items:center; width:23px; height:23px; margin:0 2px; border:1px solid #cfd4cd; border-radius:6px; color:#2072e8; vertical-align:middle; font-size:13px; font-weight:700; }
.notice { margin-top:14px; padding:14px 15px; border-radius:12px; background:#f2efe7; color:#756a50; font-size:10px; line-height:1.65; }.hash { margin-top:12px; color:#a0a39d; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:8px; line-height:1.55; overflow-wrap:anywhere; }
.footer { padding:24px 0 0; text-align:center; color:#969a93; font-size:10px; }.footer a { color:#64776b; }
@media(max-width:420px){.page{padding-top:16px}.hero{padding:27px 18px 22px;border-radius:22px}.hero h1{font-size:28px}.benefits{grid-template-columns:1fr}.benefit{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;text-align:left}.benefit span{margin:0}}