* { box-sizing: border-box; margin: 0; padding: 0; }
body { font: 15px/1.7 -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; background: #f8f7f3; color: #1f1d1a; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
.box { width: 100%; max-width: 420px; background: #fffefb; border: 1px solid #e3ded3; border-radius: 16px; padding: 32px 26px; text-align: center; }
h1 { font: 600 22px/1.4 "Songti SC", "STSong", "Noto Serif SC", serif; margin-bottom: 6px; }
.sub { color: #8a857b; font-size: 13.5px; }
.qr { width: 220px; height: 220px; margin: 22px auto 14px; display: block; border-radius: 10px; }
.tip { font-size: 14.5px; color: #4a4741; }
.tip b { color: #1f1d1a; }
.step { text-align: left; background: #efebe2; border-radius: 12px; padding: 14px 16px; margin-top: 18px; font-size: 14.5px; }
.step li { margin: 4px 0 4px 18px; }
.link { margin-top: 16px; font: 13px Menlo, Consolas, monospace; color: #4a4741; word-break: break-all; background: #f8f7f3; border: 1px dashed #d8d2c4; border-radius: 8px; padding: 8px 10px; }
.btn { margin-top: 12px; font: 15px -apple-system, "PingFang SC", sans-serif; background: #d2693f; color: #fff; border: 0; border-radius: 10px; padding: 10px 22px; cursor: pointer; }
.arrow { position: fixed; top: 10px; right: 18px; width: 92px; height: 92px; }
.toast { position: fixed; left: 50%; bottom: 40px; transform: translateX(-50%); background: #1f1d1a; color: #fff; padding: 9px 18px; border-radius: 99px; font-size: 14px; opacity: 0; transition: opacity .2s; pointer-events: none; }
.toast.on { opacity: 1; }