*{margin:0;padding:0;box-sizing:border-box}
body{background:#eef0f5;font:14px/1.5 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#333}
.wrap{max-width:480px;margin:0 auto;padding-bottom:20px}
.top{height:50px;line-height:50px;text-align:center;font-size:17px;background:#f7f7f7;border-bottom:1px solid #e3e3e3;box-shadow:0 2px 4px rgba(0,0,0,.05)}
.card{background:#fff;margin:6px 10px;display:flex;align-items:center;justify-content:center}
.red{color:#e60012;font-weight:normal}

/* 最新期 */
.latest{height:70px;gap:10px;font-size:15px}
.flag{width:48px;height:48px;border-radius:50%;border:1px solid #eee;display:flex;align-items:center;justify-content:center;font-size:28px;color:#e60012;background:#fff}
.btn-mi{border:0;color:#fff;font-size:16px;padding:7px 18px;border-radius:20px;cursor:pointer;
  background:linear-gradient(#f0463c,#c8201a);box-shadow:0 4px 0 #8f1410,0 5px 8px rgba(0,0,0,.25)}
.btn-mi:active{transform:translateY(3px);box-shadow:0 1px 0 #8f1410}

/* 倒计时 */
.count{height:66px;font-size:16px;gap:4px}
.count i{font-style:normal;background:#f00;color:#fff;font-size:34px;line-height:46px;min-width:46px;padding:0 4px;text-align:center}

/* 号码 */
.balls{height:66px}
.nums{display:flex;align-items:center;gap:6px;font-weight:bold;padding-right:14px;border-right:1px solid #e5e5e5}
.nums em,.sc-result em{font-style:normal;display:inline-block;width:38px;height:38px;line-height:38px;text-align:center;color:#fff;background:#18b3a8;font-size:17px;font-weight:normal}
.nums em.sum,.sc-result em.sum{background:#5163b7}
.tags{display:flex;gap:6px;padding-left:14px}
.tags span{width:28px;height:28px;line-height:28px;border-radius:50%;background:#777;color:#fff;text-align:center;font-size:13px}

/* tab + 列表 */
.tabs{margin:6px 10px 0;display:flex;background:#666;border:2px solid #555}
.tabs a{flex:1;text-align:center;color:#fff;line-height:26px}
.tabs a.on{background:#e60012}
.list{width:calc(100% - 20px);margin:0 10px;border-collapse:collapse;background:#fff;text-align:center}
.list th{height:38px;font-weight:bold;border-bottom:2px solid #ddd}
.list td{height:37px;border-bottom:1px solid #e8e8e8}
.list tbody tr:nth-child(even){background:#fafafa}
.list tr.new{animation:flash 1.5s}
@keyframes flash{from{background:#ffe9a8}}

/* ===== 咪牌 / 刮刮卡 ===== */
.mask{position:fixed;inset:0;background:#000;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:99}
.mask.show{display:flex}
.scratch{width:100%;max-width:480px}
.sc-head{height:140px;position:relative;background:
  radial-gradient(circle at 15% 30%,#ffe8c4 0 22px,transparent 23px),
  radial-gradient(circle at 85% 20%,#fff1dc 0 18px,transparent 19px),
  linear-gradient(#ffcf6b 0 38%,#ff4444 38%);text-align:center;overflow:hidden}
.sc-title{padding-top:22px;font-size:30px;font-weight:bold;letter-spacing:6px;color:#fff;text-shadow:0 2px 0 #d1621b,0 0 8px #e86b1d}
.sc-sub{display:inline-block;margin-top:10px;padding:5px 34px;color:#fff;font-size:17px;border-radius:6px;
  background:#d82c2c;border:1px solid #f7b26a;box-shadow:inset 0 0 8px rgba(0,0,0,.25)}
.sc-sub b,.sc-foot b{color:#ffd23c;font-weight:normal}
.sc-body{position:relative;height:200px;background:#fff}
.sc-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:34px;color:#222;background:#fff}
.sc-result em,.sc-result em.sum{width:70px;height:70px;line-height:66px;border-radius:50%;background:#fff;border:1px solid #d5d5d5;color:#222;font-size:44px;font-weight:600}
.sc-result{font-weight:600}
/* 禁止双击放大 */
html,body,.mask,.mask *{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
#scCanvas{touch-action:none}
#scCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:pointer;transition:opacity .4s}
.sc-foot{height:72px;background:#ff4444;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#fff;font-size:16px;
  outline:1px solid #ffd27a;outline-offset:-8px}
.sc-foot button{border:0;background:linear-gradient(#fff,#ffe0e0);color:#e94848;padding:6px 26px;border-radius:16px;font-size:15px;cursor:pointer}
.sc-close{margin-top:22px;width:40px;height:40px;border-radius:50%;border:3px solid #4a90e2;background:transparent;color:#4a90e2;font-size:20px;font-weight:bold;cursor:pointer}