/* ============================================================
   HK 彩票 移动端样式（参照「彩票站源码」手机自适应风格重写）
   rem 基准：1rem = 100px（750 设计稿），全站移动自适应
   ============================================================ */
:root{
  --green:#8a3bf6;
  --green-d:#6d1fd8;
  --ok:#1fa67a;
  --purple-d:#5a1fc0;
  --red:#e33b3b;
  --red-2:#fb6b6b;
  --blue:#2f6fd0;
  --gold:#e79811;
  --bg:#f5f5f9;
  --purple:#8a3bf6;
  --card:#fff;
  --text:#333;
  --muted:#999;
  --line:#f0f1f6;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{font-size:100px;-webkit-text-size-adjust:100%;background:#e9ebf0;}
body{
  max-width:750px;margin:0 auto;position:relative;min-height:100vh;
  background:var(--bg);color:var(--text);
  font-size:.14rem;line-height:1.45;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,p{margin:0;}
input,button,select,textarea{font-family:inherit;}

/* ---------- 顶部导航 ---------- */
.app-header,.m-header{
  position:sticky;top:0;z-index:100;height:.45rem;
  display:flex;align-items:center;padding:0 .12rem;
  background:linear-gradient(135deg,#7a34ea 0%,#9b4ef5 60%,#b95bf7 100%);
  border-bottom:.02rem solid rgba(247,201,72,.55);
  color:#fff;
}
.app-header .back{
  width:.5rem;height:.45rem;line-height:.45rem;font-size:.14rem;
  color:#fff;flex:0 0 auto;text-decoration:none;
}
.app-header .ttl{flex:1;text-align:center;font-size:.17rem;font-weight:600;}
.app-header .right{flex:0 0 auto;min-width:.9rem;text-align:right;font-size:.12rem;color:rgba(255,255,255,.92);}
.app-header .balance{
  display:inline-block;padding:.03rem .1rem;border-radius:.14rem;
  background:rgba(255,255,255,.16);color:#fff;font-size:.12rem;
}
.m-header{justify-content:center;}
.m-header .m-title{font-size:.18rem;font-weight:600;letter-spacing:.01rem;}
.m-header .m-right{
  position:absolute;right:.12rem;top:0;height:.45rem;line-height:.45rem;
  font-size:.13rem;color:rgba(255,255,255,.9);
}

/* ---------- 首页 ---------- */
.banner{
  margin:0;padding:0;
  color:#fff;position:relative;overflow:hidden;
  min-height:1.2rem;
}
.banner .bn-view{display:flex;transition:transform .5s ease;}
.banner .bn-slide{flex:0 0 100%;width:100%;position:relative;}
.banner .bn-slide img{width:100%;display:block;}
.banner .bn-slide.bn-default{background:linear-gradient(135deg,#7a34ea 0%,#b95bf7 60%,#f7b733 130%);min-height:1.36rem;}
.banner .bn-body{position:absolute;left:0;top:0;z-index:2;padding:.14rem .16rem 0;text-shadow:0 1px 4px rgba(0,0,0,.35);}
.banner .bn-dots{position:absolute;right:.12rem;bottom:.1rem;z-index:3;display:flex;gap:.05rem;}
.banner .bn-dots span{width:.06rem;height:.06rem;border-radius:50%;background:rgba(255,255,255,.45);}
.banner .bn-dots span.on{background:#fff;}
.banner .b-t1{font-size:.22rem;font-weight:700;letter-spacing:.02rem;}
.banner .b-t2{font-size:.13rem;opacity:.9;margin-top:.06rem;}
.banner .b-tag{
  display:inline-block;margin-top:.12rem;padding:.03rem .12rem;border-radius:.14rem;
  background:rgba(255,255,255,.18);font-size:.12rem;
}
.notice-bar{
  display:flex;align-items:center;height:.38rem;padding:0 .12rem;
  background:#fff;overflow:hidden;
}
.notice-bar .ic{color:var(--red-2);font-size:.15rem;flex:0 0 auto;margin-right:.06rem;}
.notice-bar .marquee{flex:1;overflow:hidden;white-space:nowrap;color:#666;font-size:.13rem;}
.notice-bar .marquee span{display:inline-block;padding-left:100%;animation:marq 16s linear infinite;}
@keyframes marq{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

.quick-row{
  display:flex;background:#fff;margin:.12rem;border-radius:.12rem;padding:.14rem .04rem;
  box-shadow:0 .02rem .1rem rgba(0,0,0,.04);
}
.quick-row a{flex:1;text-align:center;}
.quick-row .qi{
  width:.46rem;height:.46rem;border-radius:50%;margin:0 auto .08rem;
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.quick-row .qi svg{width:.24rem;height:.24rem;}
.quick-row .qi.q1{background:linear-gradient(135deg,#f3a13b,#e79811);}
.quick-row .qi.q2{background:linear-gradient(135deg,#3ac0f0,#1cc3f3);}
.quick-row .qi.q3{background:linear-gradient(135deg,#a45cf7,#8a3bf6);}
.quick-row .qi.q4{background:linear-gradient(135deg,#fb7a95,#fb6387);}
.quick-row .qt{font-size:.13rem;color:#444;}

.wallet-card{
  margin:.12rem;border-radius:.12rem;padding:.16rem;
  background:linear-gradient(135deg,#7a34ea,#b95bf7);color:#fff;
  box-shadow:0 .04rem .14rem rgba(138,59,246,.28);
}
.wallet-card .wl-top{display:flex;justify-content:space-between;align-items:center;font-size:.12rem;opacity:.9;}
.wallet-card .wl-bal{font-size:.34rem;font-weight:700;letter-spacing:.02rem;margin:.04rem 0 .12rem;}
.wallet-card .wl-stats{display:flex;padding-top:.1rem;border-top:1px solid rgba(255,255,255,.18);}
.wallet-card .wl-stats div{flex:1;text-align:center;}
.wallet-card .wl-stats b{display:block;font-size:.17rem;font-weight:600;}
.wallet-card .wl-stats span{font-size:.11rem;opacity:.85;}
.wallet-card .wl-auth{margin-top:.12rem;display:flex;gap:.1rem;}
.wallet-card .wl-auth .btn{flex:1;padding:.08rem 0;font-size:.14rem;text-align:center;}

.hot-list{background:transparent;}
.sec-title{
  position:relative;padding-left:.14rem;margin:.16rem .12rem .06rem;
  font-size:.15rem;font-weight:600;color:#2f2a45;
}
.sec-title::before{
  content:"";position:absolute;left:0;top:50%;width:.04rem;height:.15rem;margin-top:-.075rem;
  border-radius:.02rem;background:linear-gradient(180deg,#f7c948,#e79811);
}
.grid-lott{
  display:flex;flex-wrap:wrap;background:#fff;margin:.1rem .12rem;
  border-radius:.12rem;overflow:hidden;box-shadow:0 .02rem .1rem rgba(0,0,0,.04);
}
.lott-item{
  width:50%;height:.7rem;display:flex;align-items:center;
  padding:0 .1rem;position:relative;border-bottom:1px solid #f5f5f5;
}
.lott-item:nth-child(odd){border-right:1px solid #f5f5f5;}
.lott-item .txt{flex:1;min-width:0;}
.lott-item .nm{font-size:.16rem;font-weight:600;color:#2f2a45;padding-bottom:.04rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lott-item .ds{font-size:.12rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lott-item .ico{
  width:.52rem;height:.52rem;margin-left:.06rem;border-radius:.1rem;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:#f5effe;color:var(--green);font-size:.16rem;font-weight:700;
}
.lott-item .ico img{width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.lott-item .go{display:none;}

/* ---------- 个人中心 / 代理头部 ---------- */
.home-top{
  background:linear-gradient(135deg,#7a34ea 0%,#b95bf7 100%);
  color:#fff;padding:.22rem .16rem .16rem;
}
.home-top .who{font-size:.13rem;color:rgba(255,255,255,.9);}
.home-top .bal{font-size:.32rem;font-weight:700;margin-top:.06rem;letter-spacing:.01rem;}
.home-top .bal small{font-size:.11rem;font-weight:400;opacity:.85;margin-right:.06rem;}
.home-stats{
  display:flex;background:#fff;border-radius:.12rem;margin:-.16rem .12rem .12rem;
  padding:.14rem 0;position:relative;z-index:5;box-shadow:0 .02rem .12rem rgba(0,0,0,.06);
}
.home-stats .item{flex:1;text-align:center;border-right:1px solid #f2f3f5;}
.home-stats .item:last-child{border-right:0;}
.home-stats .n{font-size:.18rem;font-weight:700;color:#2f2a45;}
.home-stats .t{font-size:.11rem;color:#999;margin-top:.03rem;}

/* ---------- 通用卡片 ---------- */
.card{
  background:#fff;border-radius:.12rem;margin:.12rem;padding:.12rem;
  box-shadow:0 .02rem .1rem rgba(0,0,0,.04);
}
.card-title{font-size:.15rem;font-weight:600;margin-bottom:.1rem;padding-left:.08rem;border-left:.03rem solid var(--green);}
.row{display:flex;align-items:center;}
.row-between{display:flex;align-items:center;justify-content:space-between;}
.muted{color:var(--muted);font-size:.12rem;}
.small{font-size:.12rem;}
.mt6{margin-top:.06rem}.mt10{margin-top:.1rem}.mt16{margin-top:.16rem}
.center{text-align:center}
.red{color:var(--red)}.green{color:var(--ok)}.gold{color:var(--gold)}
.divider{height:1px;background:#f2f3f5;margin:.1rem 0;}

/* ---------- 按钮 / 表单 ---------- */
.btn{
  display:inline-block;border:0;border-radius:.3rem;padding:.09rem .2rem;
  font-size:.14rem;background:var(--green);color:#fff;cursor:pointer;line-height:1.2;
}
.btn:active{opacity:.85;}
.btn-block{display:block;width:100%;text-align:center;}
.btn-ghost{background:#fff;color:var(--green);border:1px solid var(--green);}
.btn-gray{background:#e9eaec;color:#555;}
.btn-sm{padding:.05rem .14rem;font-size:.12rem;border-radius:.16rem;}
.form-item{margin-bottom:.14rem;}
.form-item label{display:block;font-size:.13rem;color:#555;margin-bottom:.06rem;}
.input,select.input,textarea.input{
  width:100%;border:1px solid #e6e8ee;border-radius:.1rem;padding:.1rem .12rem;
  font-size:.14rem;background:#f7f8fa;outline:none;
}
.input:focus{border-color:var(--green);background:#fff;}

/* ---------- 开奖大厅 ---------- */
.draw-card{background:#fff;border-radius:.12rem;margin:.12rem;padding:.12rem;box-shadow:0 .02rem .1rem rgba(0,0,0,.04);}
.draw-issue{font-size:.13rem;color:#555;}
.balls{display:flex;gap:.06rem;flex-wrap:wrap;margin-top:.08rem;align-items:center;}
.ball{
  width:.34rem;height:.34rem;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  font-size:.14rem;font-weight:700;color:#fff;background:#999;
}
.ball.red{background:linear-gradient(145deg,#f05b52,#d42f28);}
.ball.green{background:linear-gradient(145deg,#3fbe8f,#16855f);}
.ball.blue{background:linear-gradient(145deg,#4f9bf0,#2465b5);}
.ball.small{width:.28rem;height:.28rem;font-size:.12rem;}
.ball.mini{width:.23rem;height:.23rem;font-size:.105rem;}
/* PK10 按号码配色（官方车色，圆角方块+斜体） */
.ball.pk10n{border-radius:24%;font-style:italic;}
.pk10n-1{background:#f6c818;color:#fff;}
.pk10n-2{background:#2e86ff;color:#fff;}
.pk10n-3{background:#4b4b4b;color:#fff;}
.pk10n-4{background:#ff7a21;color:#fff;}
.pk10n-5{background:#17d5d5;color:#fff;}
.pk10n-6{background:#5f2eea;color:#fff;}
.pk10n-7{background:#bfbfbf;color:#fff;}
.pk10n-8{background:#f13030;color:#fff;}
.pk10n-9{background:#7a1010;color:#fff;}
.pk10n-10{background:#22ac38;color:#fff;}
.ball.empty{background:#eee;color:#bbb;}

/* 快三官方骰子：白色圆角，1点和4点红色，其余黑色 */
.k3dice{
  width:.34rem;height:.34rem;border-radius:.08rem;flex:0 0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);
  padding:.045rem;box-sizing:border-box;
  background:linear-gradient(145deg,#ffffff,#f0f0f0);
  border:1px solid #d8d8d8;box-shadow:0 .02rem .04rem rgba(0,0,0,.18), inset 0 .01rem .02rem rgba(255,255,255,.9);
}
.k3dice i{display:flex;align-items:center;justify-content:center;}
.k3dice i::before{content:'';display:block;width:0;height:0;border-radius:50%;}
.k3dice i.bk::before,.k3dice i.rd::before{width:.055rem;height:.055rem;}
.k3dice i.bk::before{background:radial-gradient(circle at 35% 30%,#666,#111);}
.k3dice i.rd::before{background:radial-gradient(circle at 35% 30%,#ff6b63,#c2100f);}
.k3dice.mini{width:.23rem;height:.23rem;border-radius:.06rem;padding:.032rem;}
.k3dice.mini i.bk::before,.k3dice.mini i.rd::before{width:.038rem;height:.038rem;}
.k3dice.empty{background:#eee;color:#bbb;display:flex;align-items:center;justify-content:center;font-size:.14rem;font-weight:700;}

/* 时时彩官方号码球：红色圆球白字 */
.ball.sscn{background:radial-gradient(circle at 32% 28%,#ff8a80,#e53935 55%,#b71c1c);color:#fff;box-shadow:0 .02rem .04rem rgba(183,28,28,.35), inset 0 .01rem .02rem rgba(255,255,255,.45);}

/* PC28 官方号码球：红/绿/蓝三色圆球白字 */
.ball.pc28-rd{background:radial-gradient(circle at 32% 28%,#ff8a80,#e53935 55%,#b71c1c);color:#fff;box-shadow:0 .02rem .04rem rgba(183,28,28,.3), inset 0 .01rem .02rem rgba(255,255,255,.45);}
.ball.pc28-gn{background:radial-gradient(circle at 32% 28%,#80e8a0,#2ea44f 55%,#1b6e35);color:#fff;box-shadow:0 .02rem .04rem rgba(27,110,53,.3), inset 0 .01rem .02rem rgba(255,255,255,.45);}
.ball.pc28-bl{background:radial-gradient(circle at 32% 28%,#8ec5ff,#1e88e5 55%,#0d47a1);color:#fff;box-shadow:0 .02rem .04rem rgba(13,71,161,.3), inset 0 .01rem .02rem rgba(255,255,255,.45);}

/* ---------- 投注页 ---------- */
.game-head{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 .02rem .08rem rgba(0,0,0,.06);}
.game-head .line1{
  display:flex;align-items:center;gap:.08rem;padding:0 .12rem;
  background:linear-gradient(135deg,#7a34ea 0%,#9b4ef5 60%,#b95bf7 100%);
  border-bottom:.02rem solid rgba(247,201,72,.55);
  color:#fff;height:.45rem;font-size:.12rem;
}
.game-head .line1 .gh-back{color:#fff;font-size:.13rem;flex:0 0 auto;}
.game-head .line1 .lot{flex:1;text-align:center;font-size:.16rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.game-head .line1 .expect{flex:0 0 auto;opacity:.95;white-space:nowrap;}
.game-head .line1 .cd{color:#ffe08a;font-weight:700;}
.game-head .line2{display:flex;align-items:center;gap:.08rem;padding:.08rem .12rem;font-size:.12rem;color:#555;}
.game-head .line2 .money{color:var(--red);font-weight:700;font-size:.15rem;}
.game-head .line2 .badge{margin-left:auto;}

.issue-card{
  display:flex;align-items:center;gap:.1rem;background:#fff;
  margin:.12rem;border-radius:.12rem;padding:.12rem;box-shadow:0 .02rem .1rem rgba(0,0,0,.04);
}
.issue-card .ic-part{flex:1;text-align:center;min-width:0;}
.issue-card .ic-t{font-size:.12rem;color:#666;margin-bottom:.04rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.issue-card .ic-time{font-size:.19rem;font-weight:700;color:var(--red);letter-spacing:.01rem;}
.issue-card .ic-num{font-size:.13rem;color:var(--green);font-weight:600;}
.issue-card .ic-balls{display:flex;gap:.03rem;justify-content:center;flex-wrap:wrap;}
.issue-card .ic-balls .ball{width:.22rem;height:.22rem;font-size:.1rem;font-weight:600;}

.play-tabs{
  display:flex;overflow-x:auto;background:#fff;padding:.08rem .1rem;gap:.08rem;
  position:sticky;top:.78rem;z-index:90;border-bottom:1px solid #f4f5f7;
  -webkit-overflow-scrolling:touch;
}
.play-tabs::-webkit-scrollbar{display:none;}
.play-tabs a{
  flex:0 0 auto;padding:.05rem .14rem;font-size:.13rem;color:#555;
  border-radius:.16rem;background:#f4f5f7;white-space:nowrap;
}
.play-tabs a.on{background:var(--green);color:#fff;font-weight:600;}
.play-panel{padding:.1rem;}
.play-sub{display:flex;gap:.08rem;overflow-x:auto;margin-bottom:.1rem;padding-bottom:.02rem;}
.play-sub::-webkit-scrollbar{display:none;}
.play-sub a{
  flex:0 0 auto;padding:.05rem .12rem;border-radius:.14rem;background:#fff;
  font-size:.12rem;color:#555;border:1px solid #eceef2;white-space:nowrap;
}
.play-sub a.on{background:#f3eafe;color:var(--green);border-color:var(--green);font-weight:600;}

.num-grid{
  display:grid;grid-template-columns:repeat(7,1fr);gap:.07rem;
  background:#fff;border-radius:.12rem;padding:.1rem;
}
.num-grid .num,.num-grid .opt{
  position:relative;border-radius:.09rem;padding:.09rem 0;text-align:center;
  font-size:.14rem;font-weight:600;color:#fff;cursor:pointer;user-select:none;
}
.num-grid .opt{background:#f4f5f7;color:#444;font-weight:500;}
.num-grid .num.red{background:linear-gradient(145deg,#f05b52,#d42f28);}
.num-grid .num.green{background:linear-gradient(145deg,#3fbe8f,#16855f);}
.num-grid .num.blue{background:linear-gradient(145deg,#4f9bf0,#2465b5);}
.num-grid .num.on,.num-grid .opt.on{outline:.03rem solid #ffd15c;transform:scale(1.03);box-shadow:0 .02rem .08rem rgba(0,0,0,.18);}
.num-grid .num .zx{position:absolute;top:.01rem;right:.03rem;font-size:.09rem;opacity:.8;font-weight:400;}
.num-grid .num .od{position:absolute;left:0;right:0;bottom:.01rem;font-size:.09rem;opacity:.85;font-weight:400;}
.num-grid .num{padding:.12rem 0 .14rem;}
.opt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.08rem;background:#fff;border-radius:.12rem;padding:.1rem;}
.opt-grid .opt{
  background:#f4f5f7;border-radius:.09rem;text-align:center;padding:.1rem .04rem;
  font-size:.14rem;cursor:pointer;user-select:none;color:#444;
}
.opt-grid .opt.on{background:var(--green);color:#fff;}

/* ---------- 下注栏 ---------- */
.betbar{
  position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:750px;z-index:120;
  background:#fff;box-shadow:0 -.02rem .12rem rgba(0,0,0,.1);
  padding:.08rem .12rem calc(.08rem + env(safe-area-inset-bottom));
}
.betbar .sum{display:flex;align-items:center;justify-content:space-between;font-size:.12rem;color:#666;margin-bottom:.07rem;}
.betbar .sum b{color:var(--red);font-size:.16rem;}
.betbar .ops{display:flex;gap:.08rem;align-items:center;}
.betbar .ops .input{flex:0 0 .92rem;padding:.07rem .1rem;font-size:.13rem;}
.betbar .ops .btn{flex:1;padding:.11rem 0;border-radius:.08rem;font-size:.15rem;}
.chips{display:flex;gap:.06rem;margin-bottom:.07rem;overflow-x:auto;}
.chips a{flex:0 0 auto;padding:.03rem .12rem;border-radius:.12rem;background:#f4f5f7;font-size:.12rem;color:#555;}
.chips a.on{background:var(--green);color:#fff;}
.bet-list{max-height:34vh;overflow-y:auto;margin-bottom:.08rem;}
.bet-line{display:flex;align-items:center;gap:.08rem;font-size:.12rem;padding:.05rem 0;border-bottom:1px dashed #eceef2;}
.bet-line .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bet-line .del{color:#bbb;padding:0 .04rem;font-size:.16rem;}
.empty-tip{text-align:center;color:#aaa;font-size:.12rem;padding:.16rem 0;}
.pager{display:flex;gap:.06rem;justify-content:center;margin-top:.12rem;flex-wrap:wrap;}
.pager a{min-width:.3rem;height:.3rem;line-height:.3rem;text-align:center;background:#fff;border:1px solid #e9e4f5;border-radius:.06rem;font-size:.12rem;color:#666;padding:0 .06rem;}
.pager a.active{background:var(--purple);border-color:var(--purple);color:#fff;}

/* ---------- 投注记录 ---------- */
.rec-item{background:#fff;border-radius:.12rem;margin:.12rem;padding:.12rem;box-shadow:0 .02rem .1rem rgba(0,0,0,.04);}
.rec-item .top{display:flex;justify-content:space-between;font-size:.12rem;color:var(--muted);}
.rec-item .mid{font-size:.15rem;font-weight:600;margin:.06rem 0;}
.badge{font-size:.11rem;padding:.02rem .08rem;border-radius:.1rem;background:#eee;color:#666;}
.badge.win{background:#fff1ef;color:var(--red);}
.badge.lose{background:#f2f3f5;color:#888;}
.badge.wait{background:#fff7e6;color:#d48806;}

/* ---------- 代理 ---------- */
.teams{display:flex;gap:.1rem;}
.teams .t{
  flex:1;background:linear-gradient(135deg,#f7f2ff,#fff);border:1px solid #e9dbf9;
  border-radius:.12rem;padding:.1rem;text-align:center;
}
.teams .t .n{font-size:.2rem;font-weight:700;color:var(--green);}
.teams .t .l{font-size:.11rem;color:#999;margin-top:.02rem;}
.table-wrap{overflow-x:auto;}
table.tb{width:100%;border-collapse:collapse;font-size:.12rem;background:#fff;}
table.tb th,table.tb td{padding:.08rem;border-bottom:1px solid #f2f3f5;text-align:left;white-space:nowrap;}
table.tb th{background:#fafbfc;color:#666;font-weight:500;}

/* ---------- 底部导航 ---------- */
.tabbar{
  position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:750px;
  display:flex;background:#FAFAFA;border-top:1px solid #eceef2;z-index:130;height:.55rem;
  padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -.02rem .1rem rgba(0,0,0,.04);
}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.12rem;color:#9a9aa5;line-height:1.2;}
.tabbar a svg{display:block;width:.25rem;height:.25rem;margin-bottom:.02rem;color:#9a9aa5;}
.tabbar a.on{color:var(--purple);font-weight:600;}
.tabbar a.on svg{color:var(--purple);}
.has-tabbar{padding-bottom:.75rem;}
.has-betbar{padding-bottom:1.5rem;}

/* ---------- 我的 · 紫金主题（移植） ---------- */
.me-page{font-size:.14rem;color:#333;padding-bottom:.8rem;}
.me-page a{text-decoration:none;color:inherit;}
.me-hero{position:relative;padding:.18rem .14rem .16rem;color:#fff;
  background:linear-gradient(135deg,#7a34ea 0%,#b95bf7 55%,#ff8ad0 100%);}
.me-hero-row{position:relative;z-index:1;display:flex;align-items:center;}
.me-avatar{width:.58rem;height:.58rem;border-radius:50%;flex:none;margin-right:.12rem;overflow:hidden;
  border:2px solid rgba(255,255,255,.55);
  background:linear-gradient(150deg,#8c4cf5,#f07fd0);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:.24rem;font-weight:700;}
.me-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.me-hero-txt{flex:1;min-width:0;}
.me-hero-name{font-size:.17rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.me-hero-sub{margin-top:.04rem;font-size:.12rem;opacity:.85;}
.me-hero-more{flex:none;font-size:.18rem;color:#fff;opacity:.9;padding:.06rem;}
.me-asset{position:relative;z-index:1;margin-top:.14rem;border-radius:.14rem;padding:.14rem .16rem;color:#fff;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);
  box-shadow:0 6px 16px rgba(106,47,240,.2);}
.me-asset-top{display:flex;align-items:center;justify-content:space-between;}
.me-asset-top>span:first-child{font-size:.13rem;opacity:.92;}
.me-asset-val{font-size:.2rem;font-weight:700;letter-spacing:.5px;}
.me-asset-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.12rem;font-size:.12rem;}
.me-asset-wallet{display:inline-flex;align-items:center;gap:.03rem;background:rgba(255,255,255,.18);
  padding:.03rem .1rem;border-radius:.12rem;color:#fff;}
.me-asset-refresh{padding:.03rem .1rem;border-radius:.12rem;background:rgba(255,255,255,.9);color:#8a3bf6;font-weight:600;cursor:pointer;}
.me-cards{display:flex;gap:.1rem;margin:.12rem;}
.me-card{flex:1;display:flex;align-items:center;background:#fff;border-radius:.12rem;padding:.12rem;
  box-shadow:0 2px 10px rgba(0,0,0,.05);}
.me-card .mc-ico{width:.34rem;height:.34rem;border-radius:50%;flex:none;margin-right:.09rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.18rem;}
.me-card .mc-ico.i1{background:linear-gradient(150deg,#ffd76e,#ffb733);}
.me-card .mc-ico.i2{background:linear-gradient(150deg,#ffa4c6,#ff7ba8);}
.me-card-t{font-size:.14rem;font-weight:600;}
.me-card-s{font-size:.1rem;color:#b3adc2;letter-spacing:1px;margin-top:.02rem;}
.me-grid{display:flex;background:#fff;margin:0 .12rem .12rem;border-radius:.12rem;padding:.16rem .04rem;
  box-shadow:0 2px 10px rgba(0,0,0,.05);}
.me-grid>a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;}
.me-grid em{font-style:normal;font-size:.12rem;margin-top:.08rem;white-space:nowrap;color:#4a4560;}
.me-tile{display:flex;align-items:center;justify-content:center;width:.46rem;height:.46rem;border-radius:50%;
  background:#f7f3fe;color:#fff;font-size:.2rem;box-shadow:0 4px 10px rgba(138,59,246,.12);border:1px solid #efe7fc;}
.me-list{margin:0 .12rem;background:#fff;border-radius:.12rem;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);}
.me-row{display:flex;align-items:center;padding:.13rem .14rem;border-bottom:1px solid #f2f0f7;}
.me-row:last-child{border-bottom:0;}
.me-row .mr-ico{width:.24rem;flex:none;margin-right:.12rem;font-size:.17rem;color:#8a3bf6;text-align:center;font-style:normal;}
.me-row .mr-ico img{width:.22rem;height:.22rem;display:block;margin:0 auto;}
.me-tile img{width:.24rem;height:.24rem;display:block;}
.me-row-t{flex:1 1 auto;min-width:0;font-size:.14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.me-row-s{flex:none;margin-left:.08rem;font-size:.12rem;color:#a9a4bb;max-width:52%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.me-row .chev{flex:none;margin-left:.06rem;font-size:.13rem;color:#c8c3d6;}
.me-row-out{justify-content:center;color:#8a3bf6;font-weight:600;}

/* ---------- 登录注册 ---------- */
.auth-wrap{padding:.36rem .22rem;}
.auth-logo{text-align:center;margin-bottom:.26rem;}
.auth-logo .lg{font-size:.32rem;font-weight:800;color:var(--green);letter-spacing:.02rem;}
.auth-logo .sl{font-size:.12rem;color:#999;margin-top:.04rem;letter-spacing:.04rem;}
.auth-links{text-align:center;margin-top:.18rem;font-size:.13rem;color:#888;}
.auth-links a{color:var(--green);}

/* ---------- 弹层 ---------- */
.mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;display:none;}
.mask.on{display:block;}
.sheet{
  position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:750px;
  background:#fff;border-radius:.16rem .16rem 0 0;padding:.16rem;z-index:210;
  max-height:80vh;overflow:auto;display:none;
}
.sheet.on{display:block;}
.sheet .st{font-size:.16rem;font-weight:600;margin-bottom:.12rem;}

/* 桌面预览：手机版式居中，不拉伸 */
@media(min-width:760px){
  body{box-shadow:0 0 .3rem rgba(0,0,0,.1);}
}

/* 极速彩投注页折叠菜单 */
.gmenu{position:relative;}
.gm-btn{border:1px solid #eee;background:#fff;border-radius:.08rem;padding:.03rem .12rem;font-size:.15rem;color:#e33b3b;line-height:1.5;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer;}
.gm-pop{display:none;position:absolute;right:0;top:108%;background:#fff;border-radius:.08rem;box-shadow:0 4px 16px rgba(0,0,0,.16);min-width:1.1rem;z-index:60;overflow:hidden;}
.gmenu.open .gm-pop{display:block;}
.gm-pop a{display:block;padding:.1rem .14rem;font-size:.12rem;color:#1d2129;border-bottom:1px solid #f5f5f5;white-space:nowrap;text-align:center;}
.gm-pop a:last-child{border-bottom:none;}
.gm-pop a:active{background:#f8f8f8;}

/* 统计页（冷热/遗漏/走势） */
.stat-card{background:#fff;border-radius:.1rem;padding:.12rem;}
.stat-tabs{display:flex;gap:.08rem;margin-bottom:.12rem;}
.stat-tabs a{flex:1;text-align:center;padding:.08rem 0;background:#fff;border-radius:.08rem;font-size:.12rem;color:#666;}
.stat-tabs a.on{background:#e33b3b;color:#fff;font-weight:700;}
.stat-row{display:flex;align-items:center;gap:.08rem;padding:.06rem 0;border-bottom:1px solid #f5f5f5;font-size:.12rem;}
.stat-row:last-child{border-bottom:none;}
.stat-bar{flex:1;height:.1rem;background:#f0f0f0;border-radius:.05rem;overflow:hidden;}
.stat-bar i{display:block;height:100%;background:linear-gradient(90deg,#ff7a59,#e33b3b);border-radius:.05rem;}
.stat-num{width:.55rem;text-align:right;color:#999;font-size:.11rem;}
.trend-scroll{overflow-x:auto;}
.trend-tb{width:100%;border-collapse:collapse;font-size:.105rem;background:#fff;}
.trend-tb th,.trend-tb td{border:1px solid #f0f0f0;text-align:center;padding:.04rem 0;color:#bbb;min-width:.26rem;}
.trend-tb th{background:#fafafa;color:#666;font-weight:600;}
.trend-tb td.hit{padding:.02rem 0;}
.pos-tabs{flex-wrap:wrap;}
.pos-tabs a{flex:0 0 18%;padding:.06rem 0;font-size:.105rem;}