/* 手机下单页：系统字体、零外链、320–428 宽都不横向滚动；会场暗光下用深底 */
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; background: #070C18; color: #EEF5FF; font: 16px/1.6 -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif; -webkit-text-size-adjust: 100%; }
header { display: flex; align-items: center; gap: 10px; padding: 14px 16px 8px; }
.logo { width: 92px; height: 32px; background: #00B4D8; -webkit-mask: url(/assets/logo-full.png) left center / contain no-repeat; mask: url(/assets/logo-full.png) left center / contain no-repeat; }
header .t { font-size: 20px; font-weight: 700; }
.free { margin: 0 16px; padding: 8px 12px; border-radius: 10px; background: rgba(0,180,216,.14); border: 1px solid rgba(0,180,216,.5); color: #9BE7F7; font-weight: 700; font-size: 15px; text-align: center; }
main { padding: 8px 16px 28px; max-width: 560px; margin: 0 auto; }
.lb { display: block; margin: 14px 0 6px; font-weight: 700; color: #D6E4F5; }
textarea, input[type=text], #tb { width: 100%; padding: 12px; border-radius: 12px; border: 1px solid #22324A; background: #0F1828; color: #EEF5FF; font: inherit; outline: none; }
textarea:focus, #tb:focus { border-color: #00B4D8; }
textarea { resize: none; }
.cnt { text-align: right; font-size: 13px; color: #7E8DA6; }
.ck { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; font-size: 14px; color: #D6E4F5; }
.ck input { width: 20px; height: 20px; margin: 2px 0 0; flex: none; accent-color: #00B4D8; }
button { width: 100%; margin-top: 18px; padding: 13px; border: 0; border-radius: 14px; background: #FD4D1D; color: #fff; font: inherit; font-size: 17px; font-weight: 700; }
button:disabled { opacity: .5; }
#res, #app { margin-top: 18px; padding: 14px; border-radius: 14px; background: #0F1828; border: 1px solid #22324A; }
.who { margin-top: 14px; padding: 8px 12px; border-radius: 10px; background: rgba(0,180,216,.12); color: #9EE7F5; font-size: 14px; word-break: break-all; } /* R9：App 扫码进来的用户 */
#res .st, #app .st { font-weight: 700; color: #FFC83D; margin-bottom: 6px; }
#res .rp { white-space: pre-wrap; word-break: break-all; }
#again { background: #22324A; }
a.btn { display: block; margin-top: 14px; padding: 13px; border-radius: 14px; background: #00B4D8; color: #04121C; font-size: 17px; font-weight: 700; text-align: center; text-decoration: none; }
.pv { margin-top: 22px; font-size: 12px; color: #7E8DA6; }
.ft { margin-top: 10px; font-size: 12px; color: #5B6B85; text-align: center; }
.hide { display: none !important; }
.two { display: flex; gap: 10px; margin-top: 12px; } .two button { flex: 1; margin-top: 0; }
button.sec { background: transparent; color: #EEF5FF; border: 1px solid #33445E; }
/* 缺信息补齐弹框（R8）：底部弹出；只动 transform / opacity，60 帧 */
.sheet { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 20; }
.sheet .sheet-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.55); opacity: 0; -webkit-transition: opacity .22s; transition: opacity .22s; }
.sheet .sheet-card { position: absolute; left: 0; right: 0; bottom: 0; max-height: 86%; overflow-y: auto; padding: 18px 16px 22px; border-radius: 18px 18px 0 0; background: #0F1828; border-top: 1px solid #22324A; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .26s cubic-bezier(.2,.8,.2,1); transition: transform .26s cubic-bezier(.2,.8,.2,1); will-change: transform; }
.sheet.on .sheet-bg { opacity: 1; } .sheet.on .sheet-card { -webkit-transform: translateY(0); transform: translateY(0); }
.sheet-t { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.fq { margin-top: 14px; } .fq .lb { margin: 0 0 8px; }
.chips { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -4px; }
.chips button { width: auto; margin: 4px; padding: 8px 14px; border-radius: 999px; background: #16223A; border: 1px solid #33445E; color: #D6E4F5; font-size: 15px; font-weight: 600; }
.chips button.on { background: #00B4D8; border-color: #00B4D8; color: #04121C; }
.fq input { width: 100%; margin-top: 8px; padding: 11px 12px; border-radius: 12px; border: 1px solid #22324A; background: #070C18; color: #EEF5FF; font: inherit; outline: none; }
.fq input:focus { border-color: #00B4D8; }
.sheet-err { min-height: 20px; margin-top: 10px; color: #FF9A85; font-size: 14px; }
#lastdl { display: block; margin: 8px 16px 0; color: #9BE7F7; font-size: 14px; text-align: right; }