/* neo-vp-cashier 统一收银台样式；data-skin 只换主色，与各平台旧模板的配色对应 */
:root{--main:#fb8350;--bg:#fdf5ee;--text:#333}
body[data-skin="vitepay_pay"]{--main:#1e88e5;--bg:#eef5fd}
body[data-skin="otc2c_pay"]{--main:#26a69a;--bg:#eaf7f5}
body[data-skin="lelimex_pay"]{--main:#7e57c2;--bg:#f3eefb}
body[data-skin="pay"]{--main:#e53935;--bg:#fdeeee}
*{box-sizing:border-box}body{margin:0;font:14px/1.6 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:#f5f5f5}
.main{max-width:520px;margin:0 auto;background:#fff;min-height:100vh}
.head{background:var(--main);color:#fff;padding:14px 16px}
.head .title{font-size:16px;margin:6px 0}
.row{display:flex;justify-content:space-between;padding:4px 0}
.label{opacity:.9}.value b{font-size:22px}
.red{color:#ffe066}.box .red{color:#e53935}
.tips.warn{color:#ffeb3b;text-align:center;font-weight:bold}
.box .tips.warn{color:#e53935}
.paymethod{list-style:none;margin:0;padding:10px 16px;display:flex;gap:8px;flex-wrap:wrap}
.paymethod li{border:1px solid #ddd;border-radius:6px;padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:6px}
.paymethod li.active{border-color:var(--main);color:var(--main)}
.paymethod img{height:20px}
.box{margin:10px 16px;padding:12px;background:var(--bg);border-radius:8px}
.box img{height:22px;vertical-align:middle}
.field{display:flex;align-items:center;margin:8px 0}
.field span{width:64px;background:var(--main);color:#fff;text-align:center;padding:8px 0;border-radius:6px 0 0 6px;font-size:13px}
.field input{flex:1;border:1px solid var(--main);border-left:0;padding:8px;font-size:14px;background:#fff;min-width:0}
.field a.copy{background:var(--main);color:#fff;padding:8px 10px;border-radius:0 6px 6px 0;cursor:pointer;font-size:13px}
.qr{text-align:center;margin:8px 0}.qr img{height:auto;width:220px;max-width:100%}
.preview{position:relative;height:180px;border:1px dashed var(--main);background:#fff;text-align:center;line-height:180px;overflow:hidden;border-radius:6px}
.preview input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.preview img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;display:none}
.notes{font-size:13px;color:#555}
.btns{padding:10px 16px 30px}
.paybutton{display:block;width:100%;border:0;background:var(--main);color:#fff;font-size:16px;padding:12px;border-radius:8px;cursor:pointer}
.paybutton.gray{background:#999}
.f14{font-size:14px}.f12{font-size:12px;color:#666;text-align:center}.b{font-weight:bold}
.dlg{padding:16px}.dlg video{display:block;margin:8px auto;background:#000;border-radius:6px}