@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--bg-page:#f2f3f7;--card-bg:#fff;--text-main:#212a3a;--text-sub:#5f6d83;--line:#e2e7f0;--blue-1:#0f7fa2;--blue-2:#3daac4;--warn:#ff9600;--shadow:0 8px 24px #182b4f1f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg-page);color:var(--text-main);font-family:Outfit,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}#app{min-height:100svh}.h5-cashier{opacity:1;width:min(100%,680px);min-height:100svh;margin:0 auto;padding-bottom:18px;transition:opacity .28s,transform .28s;position:relative;transform:translateY(10px)}.h5-cashier.ready{opacity:1;transform:translateY(0)}.h5-top{background:radial-gradient(120% 90% at 10% 0,#85f0ff42 0%,#85f0ff00 48%),radial-gradient(90% 80% at 92% 8%,#7fffec33 0%,#7fffec00 58%),linear-gradient(145deg,#0b5f92 0%,#0f7fa2 46%,#34a9c6 100%);border-radius:0 0 30px 30px;height:172px;position:relative;overflow:hidden}.top-wave{opacity:.72;background:linear-gradient(110deg,#ffffff21 6%,#0000 24%) 0 0/130% 100%,linear-gradient(#ffffff12,#ffffff12) 0 100%/100% 1px no-repeat,repeating-linear-gradient(90deg,#fff1 0 1px,#0000 2px 28px);position:absolute;inset:0}.top-channel{color:#fff;align-items:center;gap:8px;display:inline-flex;position:absolute;top:40px;left:50%;transform:translate(-50%)}.wx-icon{background:#29ba64;border:2px solid #fffc;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:700;display:inline-flex}.channel-name{white-space:nowrap;letter-spacing:.3px;font-size:24px;font-weight:700;line-height:1}.h5-main{z-index:3;gap:10px;margin-top:-58px;padding:0 14px;display:grid;position:relative}.card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid #e9edf5;border-radius:22px}.amount-card{padding:18px 16px 14px}.amount-value{text-align:center;color:#101826;font-size:51px;font-weight:800;line-height:1.1}.amount-note{color:var(--warn);justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:14px;display:flex}.note-icon{border:2px solid var(--warn);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;font-weight:700;display:inline-flex}.info-card{padding:16px 16px 14px}.card-title{align-items:center;gap:6px;margin-bottom:14px;font-size:24px;font-weight:800;display:flex}.card-title:before{content:"";background:repeating-linear-gradient(90deg,#0f1e38 0 3px,#0000 3px 6px),#fff;border:2px solid #0f1e38;border-radius:999px;width:18px;height:18px}.info-row{grid-template-columns:88px 1fr;align-items:center;gap:10px;min-height:34px;padding:4px 0;display:grid}.row-label{color:#4f5e75;font-size:14px}.row-value{color:#273349;justify-self:end;font-size:14px}.order-no{color:#3a72ed;word-break:break-all;text-align:right}.time-blocks{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.block{color:#fff;background:linear-gradient(#4cb7cf 0%,#2f8fb2 100%);border-radius:12px;justify-content:center;align-items:center;min-width:36px;height:38px;padding:0 10px;font-size:16px;font-weight:700;display:inline-flex}.split{color:#2f7d9f;font-size:20px;font-weight:700}.pay-zone{padding-top:4px;position:relative}.pay-btn{color:#fff;letter-spacing:.2px;background:linear-gradient(90deg, var(--blue-1), var(--blue-2));border:0;border-radius:999px;width:100%;height:54px;font-size:18px;font-weight:700;box-shadow:0 10px 18px #436ae24d}.copy-btn{color:#286f8b;background:#eef8fb;border:1px solid #b8d8e4;border-radius:24px;width:100%;height:46px;margin-top:8px;font-size:14px;font-weight:600}.qr-inline{background:#f8fbff;border:1px dashed #cfdbf2;border-radius:12px;justify-content:center;margin-top:10px;padding:10px;display:flex}.qr-inline img{width:96px;height:96px}.busy-mask{color:#fff;text-align:center;z-index:60;background:#051331db;border-radius:16px;width:216px;padding:16px 14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 22px #020d2673}.busy-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:55;background:#212c4347;position:fixed;inset:0}.busy-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:0 auto 8px;animation:.85s linear infinite spin}.busy-mask p{margin:0;font-size:14px}.notice-card{color:#9f6118;text-align:center;background:#fff7ef;border:1px solid #ffd6b0;border-radius:14px;margin:10px 14px 0;padding:10px 12px;font-size:13px}.notice-card.redirect{color:#1f5cae;background:#f0f7ff;border-color:#b8d8ff}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=460px){.h5-main{padding:0 18px}.notice-card{margin-left:18px;margin-right:18px}}@media (width>=760px){.h5-cashier{max-width:700px}.h5-main{padding:0 42px}.notice-card{margin-left:42px;margin-right:42px}.channel-name{font-size:26px}}