body{margin:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#f5f5f5;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));min-height:100vh;box-sizing:border-box}
.hd{background:linear-gradient(135deg,#722ed1,#9254de);color:#fff;padding:16px 16px 20px}
.hd a{color:#fff;font-size:13px;text-decoration:none}
.hd h1{margin:8px 0 0;font-size:18px;font-weight:600}
.card{background:#fff;margin:12px;border-radius:10px;padding:14px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.card h2{margin:0 0 10px;font-size:15px;color:#333}
.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px}
.row:last-child{border-bottom:none}
.err{color:#c00;font-size:13px}
.muted{color:#888;font-size:12px;line-height:1.5}
.btn{display:block;width:calc(100% - 24px);margin:12px auto;height:44px;border:none;border-radius:8px;background:#722ed1;color:#fff;font-size:15px;cursor:pointer}
.btn.secondary{background:#f0f0f0;color:#333}
.btn.orange{background:linear-gradient(90deg,#ff9800,#ffb74d)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cell{background:#faf5ff;border-radius:8px;padding:12px;text-align:center}
.cell .v{font-size:20px;font-weight:bold;color:#722ed1}
.cell .l{font-size:12px;color:#888;margin-top:4px}
.input{width:100%;box-sizing:border-box;height:40px;border:1px solid #ddd;border-radius:8px;padding:0 12px;font-size:14px;margin:8px 0}
.copy-box{background:#f9f9f9;border:1px dashed #ccc;border-radius:8px;padding:12px;word-break:break-all;font-size:13px;margin:8px 0}
#qrcode{display:flex;justify-content:center;padding:16px}
.list-item{padding:12px 0;border-bottom:1px solid #f0f0f0}
.list-item:last-child{border-bottom:none}
.list-item .name{font-weight:600;font-size:15px}
.list-item .sub{font-size:12px;color:#888;margin-top:4px}