:root{--paper:#f4efe6;--surface:#fffaf2;--ink:#171b1a;--muted:#68716a;--line:#d8cec0;--accent:#cc4721;--teal:#1d5a4d;--lime:#dce76f;--sans:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--serif:'Noto Serif SC',Georgia,'Songti SC',serif;--mono:'IBM Plex Mono',Consolas,monospace}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(hsl(30 20% 20%/.08) .6px,transparent .7px);background-size:4px 4px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.top{max-width:840px;margin:0 auto;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:17px;font-weight:700}.brand img{width:34px;height:34px;border-radius:9px}.back{font-size:13px;color:var(--muted)}.back:hover{color:var(--ink)}
main{width:min(760px,calc(100% - 32px));margin:26px auto 60px}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:46px 42px;box-shadow:0 24px 60px -38px #1b241f88;position:relative;overflow:hidden}.card::before{content:'';position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--accent),var(--lime),var(--teal))}.icon{width:74px;height:74px;border-radius:18px;box-shadow:0 12px 28px -14px #0008;margin-bottom:22px}.kicker{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase}h1{font-family:var(--serif);font-size:clamp(30px,5vw,42px);line-height:1.2;margin:9px 0 10px;letter-spacing:.02em}.lead{color:var(--muted);font-size:14px;line-height:1.9;margin:0;max-width:520px}
.stores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 18px}.store{display:flex;align-items:center;gap:12px;border-radius:14px;padding:14px 16px;border:1px solid var(--line);background:#fffdf8;transition:transform .18s,box-shadow .18s,border-color .18s}.store:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:0 14px 28px -24px #1b241f}.store.android{background:var(--teal);border-color:var(--teal);color:#fff}.store.android:hover{border-color:var(--teal);box-shadow:0 16px 30px -20px #1d5a4d}.store-icon{width:27px;height:27px;flex:0 0 27px;fill:currentColor}.store-text{display:flex;flex-direction:column;min-width:0}.store-text small{font-family:var(--mono);font-size:9px;letter-spacing:.06em;opacity:.7;margin-bottom:2px}.store-text strong{font-size:14px;font-weight:700;white-space:nowrap}.store.android .store-text small{color:#cfe6dd;opacity:1}
.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;color:var(--muted);margin:14px 0 0}.dot{width:3px;height:3px;border-radius:50%;background:var(--line)}.note{font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0 0}
.divider{height:1px;background:var(--line);margin:30px 0}.qr-row{display:flex;align-items:center;gap:18px}.qr{width:104px;height:104px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;flex:0 0 104px}.qr img{width:100%;height:100%;object-fit:contain}.qr-copy strong{display:block;font-family:var(--serif);font-size:16px;margin-bottom:4px}.qr-copy span{display:block;font-size:12px;color:var(--muted);line-height:1.7}
.wechat-guide{display:none;margin:0 0 16px;padding:11px 14px;border:1px solid #ecd39a;border-radius:12px;background:#fff7e8;color:#6d531f;font-size:12px;line-height:1.7}.wechat-guide b{font-weight:700}.wechat-tip{font-size:12px;color:#8a6422;line-height:1.7;margin:10px 0 0}
details{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);font-weight:600}details ol{padding-left:18px;line-height:1.9;margin:10px 0 0}.footer{width:min(760px,calc(100% - 32px));margin:0 auto 40px;color:var(--muted);font-family:var(--mono);font-size:10px;line-height:1.9;text-align:center}.footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:620px){.top{padding:16px}.card{padding:30px 22px;border-radius:18px}main{margin-top:10px}.stores{grid-template-columns:1fr;margin-top:24px}.store-text strong{white-space:normal}.qr-row{gap:14px}.qr{width:88px;height:88px;flex-basis:88px}.icon{width:64px;height:64px;border-radius:15px}h1{font-size:32px}}