/* ==========================================================================
   移动端（H5）样式 —— m.9011.com.cn 独立设计，不依赖 PC 的 app.css
   ========================================================================== */
:root{
  --m-bg:#f2f4f9; --m-card:#fff; --m-line:#e6eaf3; --m-text:#1b2440; --m-muted:#7b87a3;
  --m-red:#d8232a; --m-blue:#2f6fed; --m-green:#0fa36b; --m-radius:12px;
  --m-tab-h:56px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body.m-body{
  margin:0;background:var(--m-bg);color:var(--m-text);
  font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Helvetica,Arial,sans-serif;
  padding-bottom:calc(var(--m-tab-h) + env(safe-area-inset-bottom,0px));
}
.m-body a{color:inherit;text-decoration:none}

/* ---------- 顶栏 ---------- */
.m-hd{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 1px 0 var(--m-line)}
.m-hd-in{display:flex;align-items:center;gap:10px;height:58px;padding:0 14px}
.m-brand{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:800;color:#16204a;min-width:0}
.m-brand img{height:38px;max-width:70vw;object-fit:contain;display:block}
.m-hd-r{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--m-muted)}
.m-hd-r .dot-btn{border:1px solid var(--m-line);border-radius:999px;padding:4px 12px;color:var(--m-text)}

.m-nav{display:flex;gap:6px;overflow-x:auto;padding:0 10px 9px;scrollbar-width:none}
.m-nav::-webkit-scrollbar{display:none}
.m-nav a{flex:0 0 auto;font-size:13.5px;color:#4a5677;padding:4px 11px;border-radius:999px;background:#f2f5fb;white-space:nowrap}
.m-nav a.on{background:#16204a;color:#fff}

/* ---------- 主体 ---------- */
.m-main{padding:12px 12px 4px}
.m-card{background:var(--m-card);border-radius:var(--m-radius);box-shadow:0 1px 2px rgba(24,40,80,.06);margin-bottom:12px;overflow:hidden}
.m-card-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 6px}
.m-card-hd h2{margin:0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:7px}
.m-card-hd h2::before{content:"";width:3px;height:15px;border-radius:2px;background:var(--m-red)}
.m-card-hd .more{font-size:12.5px;color:var(--m-blue);white-space:nowrap}
.m-card-bd{padding:0 14px 12px}

/* 开奖条目 */
.m-draw{padding:11px 0;border-bottom:1px solid #f0f3f9}
.m-draw:last-child{border-bottom:0;padding-bottom:4px}
.m-draw-top{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}
.m-draw-name{font-size:15px;font-weight:700;color:#16204a}
.m-draw-iss{font-size:12px;color:var(--m-muted);margin-left:auto;white-space:nowrap}
.m-balls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.m-ball{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:12.5px;font-weight:700;color:#fff;background:var(--m-red);line-height:1}
.m-ball.blue{background:var(--m-blue)}
.m-ball.green{background:var(--m-green)}
.m-draw-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px;font-size:12px;color:var(--m-muted)}
.m-draw-ft{display:flex;gap:8px;margin-top:9px}
.m-btn{flex:1;text-align:center;font-size:13px;padding:6px 0;border-radius:8px;background:#f2f5fb;color:#33405f}
.m-btn.primary{background:var(--m-red);color:#fff}

/* 文章列表 */
.m-news{padding:8px 0}
.m-news-item{display:flex;align-items:baseline;gap:8px;padding:7px 0}
.m-news-item .t{flex:1;min-width:0;font-size:15px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-news-item .t::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--m-blue);margin-right:7px;vertical-align:2px}
.m-news-item .time{flex:0 0 auto;font-size:12px;color:var(--m-muted);white-space:nowrap}
.m-cat-chip{display:inline-block;font-size:12px;color:var(--m-blue);background:#eef3ff;border-radius:4px;padding:1px 6px;margin-right:6px;vertical-align:1px}

/* 分类板块（首页） */
.m-cat-block{margin-bottom:12px}

/* 分页 */
.m-pager{display:flex;justify-content:center;gap:8px;padding:12px 0 4px;font-size:13px}
.m-pager a,.m-pager span{padding:6px 12px;border-radius:8px;background:#fff;border:1px solid var(--m-line)}
.m-pager .on{background:#16204a;color:#fff;border-color:#16204a}

/* 空态 */
.m-empty{text-align:center;color:var(--m-muted);font-size:13px;padding:26px 0}

/* 面包屑 */
.m-crumb{font-size:12.5px;color:var(--m-muted);padding:2px 2px 10px}
.m-crumb a{color:var(--m-blue)}
.m-crumb span{margin:0 5px}

/* 文章正文 */
.m-article-h1{font-size:19px;line-height:1.45;font-weight:800;margin:2px 0 8px;color:#16204a}
.m-article-meta{font-size:12.5px;color:var(--m-muted);margin-bottom:12px;display:flex;gap:10px;flex-wrap:wrap}
.m-article-body{font-size:16px;line-height:1.9;color:#28324d;word-break:break-word}
.m-article-body img{max-width:100%;height:auto;border-radius:8px}
.m-article-body p{margin:0 0 14px}
.m-article-body h2,.m-article-body h3{font-size:17px;margin:18px 0 10px}
.m-article-body a{color:var(--m-blue)}

/* 彩种页 tab */
.m-tabs{display:flex;gap:8px;margin-bottom:12px}
.m-tabs a{flex:1;text-align:center;font-size:14px;padding:8px 0;border-radius:9px;background:#fff;border:1px solid var(--m-line)}
.m-tabs a.on{background:#16204a;color:#fff;border-color:#16204a}

/* 号码统计（柱状图，移动端简化） */
.m-freq{display:flex;gap:3px;align-items:flex-end;height:120px;overflow-x:auto;padding-bottom:4px}
.m-freq .col{flex:0 0 auto;width:22px;display:flex;flex-direction:column;align-items:center;gap:3px}
.m-freq .bar{width:100%;background:linear-gradient(180deg,#ff7a5c,#d8232a);border-radius:3px 3px 0 0;min-height:3px}
.m-freq .n{font-size:10px;color:var(--m-muted)}

/* ---------- 底部 tabbar ---------- */
.m-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:calc(var(--m-tab-h) + env(safe-area-inset-bottom,0px));
  padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(255,255,255,.97);border-top:1px solid var(--m-line);
  display:flex;backdrop-filter:blur(8px)}
.m-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:#8792ad}
.m-tabbar a.on{color:var(--m-red);font-weight:600}
.m-tabbar svg{width:20px;height:20px}

/* 页脚 */
.m-ft{padding:16px 16px 22px;font-size:12px;line-height:1.8;color:#94a0b8}
.m-ft .ft-links{display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px}
.m-ft .ft-links a{color:#6b7899}
.m-ft .warn{color:#8a6d3b;background:#fdf8ec;border-radius:8px;padding:8px 10px;margin:0 0 8px}
.m-ft .cp{margin:6px 0 0;color:#a7b1c6}

/* 友情链接 */
.m-fl{display:flex;flex-wrap:wrap;gap:8px 16px}
.m-fl a{font-size:15px;color:#5a6785}
/* ---------- 右上角三杠按钮 ---------- */
.m-burger{width:38px;height:32px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;
  justify-content:center;gap:5px;cursor:pointer;margin-left:2px}
.m-burger span{display:block;height:2px;width:20px;margin:0 auto;border-radius:2px;background:#26314f;transition:.22s}
.m-burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.m-burger.on span:nth-child(2){opacity:0}
.m-burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- 遮罩 ---------- */
.m-mask{position:fixed;inset:0;background:rgba(16,24,48,.45);opacity:0;transition:opacity .22s;z-index:60}
.m-mask.show{opacity:1}
body.m-lock{overflow:hidden}

/* ---------- 侧滑分类菜单 ---------- */
.m-drawer{position:fixed;top:0;right:0;bottom:0;width:78%;max-width:308px;background:#fff;z-index:70;
  transform:translateX(100%);transition:transform .26s cubic-bezier(.32,.72,.28,1);
  display:flex;flex-direction:column;box-shadow:-6px 0 24px rgba(16,24,48,.16)}
.m-drawer.open{transform:translateX(0)}
.m-drawer-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--m-line)}
.m-drawer-hd span{font-size:16px;font-weight:700;color:#16204a}
.m-drawer-x{border:0;background:#f2f5fb;color:#5a6785;width:28px;height:28px;border-radius:50%;
  font-size:18px;line-height:1;cursor:pointer}
.m-drawer-nav{flex:1;overflow-y:auto;padding:6px 16px 22px;-webkit-overflow-scrolling:touch}
.m-drawer-title{font-size:12px;color:#96a1b8;margin:14px 0 8px;letter-spacing:.5px}
.m-drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.m-drawer-grid a{display:block;text-align:center;font-size:14px;padding:9px 4px;border-radius:9px;
  background:#f4f6fb;color:#33405f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-drawer-grid a.on{background:#16204a;color:#fff}
.m-drawer-home{display:block;text-align:center;font-size:15px;font-weight:600;padding:11px 0;border-radius:10px;
  background:#eef3ff;color:#2f6fed}
.m-drawer-home.on{background:#16204a;color:#fff}

/* ---------- PC 页面内容在移动端壳里的自适应 ---------- */
body.m-body .wrap{max-width:100%;padding:0 12px}
body.m-body .panel{padding:14px 14px 16px;border-radius:var(--m-radius);margin-bottom:12px}
body.m-body .panel h2{font-size:16px;margin-bottom:12px}
body.m-body .breadcrumb{margin:8px 0 12px;font-size:12.5px;color:var(--m-muted)}
body.m-body .tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.m-body .tbl-scroll table{min-width:620px}
body.m-body table{font-size:13px}
body.m-body .home-3col,body.m-body .news-layout,body.m-body .exp-hero{display:block}
body.m-body .home-col{margin-bottom:12px}
body.m-body .btn{padding:8px 12px;font-size:13.5px}
body.m-body .pager{flex-wrap:wrap}
body.m-body .exp-avatar-hero{width:64px;height:64px}
body.m-body .sec-t{font-size:14px}

/* ---------- 会员中心（移动版） ---------- */
.m-muted{color:var(--m-muted);font-size:12.5px}
.m-badge{display:inline-block;font-size:11px;font-weight:600;vertical-align:1px;
  padding:1px 7px;border-radius:999px;background:#eef3ff;color:var(--m-blue);margin-left:6px}
.m-badge.vip{background:#fff3d6;color:#b37700}

.mc-mine-hd{display:flex;align-items:center;gap:12px;padding:14px}
.mc-mine-av{flex:0 0 auto;width:56px;height:56px;border-radius:50%;overflow:hidden;display:flex;
  align-items:center;justify-content:center;background:#16204a;color:#fff;font-size:22px;font-weight:700}
.mc-mine-av img{width:100%;height:100%;object-fit:cover;display:block}
.mc-mine-id{min-width:0}
.mc-mine-id b{display:block;font-size:17px;color:#16204a;margin-bottom:3px}
.mc-mine-id .m-muted{display:block;line-height:1.5;word-break:break-all}

.mc-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--m-line);border-top:1px solid var(--m-line)}
.mc-tile{background:#fff;padding:12px 14px}
.mc-tile i{display:block;font-style:normal;font-size:12px;color:var(--m-muted);margin-bottom:3px}
.mc-tile b{display:block;font-size:21px;color:#16204a;font-variant-numeric:tabular-nums;line-height:1.2}
.mc-tile b small{font-size:12px;font-weight:400;color:var(--m-muted);margin-left:2px}
.mc-tile span{display:block;font-size:11.5px;color:var(--m-muted);margin-top:3px}
.mc-tile span a{color:var(--m-blue)}

.mc-acts{display:flex;gap:8px;padding:12px 14px}
.mc-acts form{margin:0;flex:1;display:flex}
.mc-acts .m-btn,.mc-acts button{border:0;font-family:inherit}
.mc-acts button.m-btn{width:100%;cursor:pointer}

.m-form{display:flex;flex-direction:column;gap:9px}
.m-input{width:100%;padding:11px 12px;border:1px solid #d5dae6;border-radius:10px;font-size:15px;
  font-family:inherit;color:var(--m-text);background:#fbfcff}
.m-input:focus{outline:none;border-color:var(--m-blue);background:#fff}
.m-submit{border:0;font-family:inherit;font-size:15px;padding:11px 0;cursor:pointer}
.m-notice{margin:0 0 10px;padding:9px 11px;border-radius:9px;font-size:13.5px}
.m-notice.ok{background:#e9f9f1;color:#0a7a51}
.m-notice.err{background:#fdecec;color:#b4231c}
.m-tip{margin:12px 0 0;font-size:12.5px;line-height:1.75;color:var(--m-muted)}

.m-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f3f9}
.m-row:last-child{border-bottom:0}
.m-row-main{flex:1;min-width:0}
.m-row-main b{display:block;font-size:14.5px;font-weight:600;color:#22304f;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-row-main .m-muted{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-row-time{flex:0 0 auto;font-size:12px;color:var(--m-muted)}

.mc-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mc-quick a{display:block;text-align:center;font-size:14px;padding:10px 4px;border-radius:9px;
  background:#f4f6fb;color:#33405f}

/* PC 版会员页（资料/解锁记录）在移动壳里的兜底 */
body.m-body .mc-head{gap:12px;padding:14px;border-radius:var(--m-radius)}
body.m-body .mc-id{min-width:0}
body.m-body .mc-name{font-size:17px;gap:6px}
body.m-body .mc-actions{width:100%}
body.m-body .mc-assets{grid-template-columns:repeat(2,1fr);gap:10px}
body.m-body .mc-asset{padding:12px 14px}
body.m-body .mc-asset b{font-size:20px}
body.m-body .mc-grid{grid-template-columns:1fr;gap:12px}
body.m-body .mc-side{gap:12px}
body.m-body .mc-recharge{flex-direction:column;align-items:stretch}
body.m-body .mc-recharge .pf{min-width:0}
body.m-body .mc-recharge .btn{width:100%}

/* ---------- 资讯列表（移动版，自动加载） ---------- */
.m-chips{display:flex;gap:7px;overflow-x:auto;padding:0 2px 10px;scrollbar-width:none}
.m-chips::-webkit-scrollbar{display:none}
.m-chips a{flex:0 0 auto;font-size:13.5px;color:#4a5677;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid var(--m-line);white-space:nowrap}
.m-chips a.on{background:#16204a;color:#fff;border-color:#16204a;font-weight:600}

.mn-list{display:flex;flex-direction:column;gap:10px}
.mn-card{display:flex;gap:11px;background:#fff;border-radius:var(--m-radius);padding:12px 13px;
  box-shadow:0 1px 2px rgba(24,40,80,.05)}
.mn-card:active{background:#fafbff}
.mn-thumb{flex:0 0 92px;width:92px;height:68px;border-radius:9px;overflow:hidden;background:#eef1f7}
.mn-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mn-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.mn-top{display:flex;align-items:center;gap:6px;min-height:16px}
.mn-cat{font-size:11.5px;color:var(--m-blue);background:#eef3ff;border-radius:5px;padding:1px 7px;white-space:nowrap}
.mn-flag{font-size:11.5px;color:#fff;background:var(--m-red);border-radius:5px;padding:1px 6px;white-space:nowrap}
.mn-title{font-size:15.5px;line-height:1.45;font-weight:600;color:#1b2440;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mn-excerpt{font-size:13px;line-height:1.6;color:#7b87a3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mn-meta{display:flex;gap:10px;font-size:11.5px;color:#9aa5bd;margin-top:1px}

.mn-more{text-align:center;font-size:13px;color:#96a1b8;padding:16px 0 8px}
.mn-more.end{color:#c2cad9}
.mn-more.err{color:var(--m-red)}

/* 区块小标题（不包白卡，与卡片列表同层） */
.m-sec-hd{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}
.m-sec-hd h2{margin:0;font-size:16px;font-weight:700;color:#16204a;display:flex;align-items:center;gap:7px}
.m-sec-hd h2::before{content:"";width:3px;height:15px;border-radius:2px;background:var(--m-red)}
.m-sec-hd .more{font-size:12.5px;color:var(--m-blue)}