:root{--bg:#fff6dd;--card:#fffdf7;--ink:#1f1f1f;--accent:#ef6c2f;--deep:#8d3b16;--line:#ead8b2;--green:#4c9c57}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Segoe UI",sans-serif;background:linear-gradient(180deg,#fff5d9,#fffaf0);color:var(--ink)}
main{max-width:820px;margin:auto;padding:28px 18px 60px}.hero{text-align:center;padding:30px 18px}.badge{display:inline-block;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;color:var(--deep)}
h1{font-size:2.2rem;margin:14px 0 8px}.sub{font-size:1.06rem;color:#595959}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;margin:16px 0;box-shadow:0 10px 25px rgba(70,40,10,.06)}
.btn{display:block;width:100%;padding:16px 18px;border:0;border-radius:15px;background:var(--accent);color:white;font-size:1.08rem;font-weight:800;text-align:center;text-decoration:none;margin:10px 0;cursor:pointer}.btn.alt{background:#252525}.btn.soft{background:#fff;color:var(--deep);border:1px solid var(--line)}
.qr{display:block;max-width:320px;width:78%;margin:18px auto}.url{word-break:break-all;text-align:center;font-weight:700}.steps{line-height:1.8}.note{font-size:.92rem;color:#666;line-height:1.7}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 150px}
.status{padding:12px;border-radius:14px;background:#fff;border:1px solid var(--line);margin:10px 0}.meter{height:16px;background:#eee;border-radius:999px;overflow:hidden}.meter>i{display:block;height:100%;width:0;background:var(--green);transition:.2s}
select{width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);background:white;font-size:1rem}
.bigtime{font-size:3rem;font-variant-numeric:tabular-nums;text-align:center;font-weight:800;color:var(--deep)}canvas{width:100%;height:180px;background:#fff;border-radius:15px;border:1px solid var(--line)}