/* 移动端首页：严格对齐 macaujc.com（rem 基准 = clientWidth/10，仅 .hm 作用域）
   数值来源：目标站 app.css 中 rem 版组件规则 */

/* ---------- 基础 ---------- */
html, body { margin: 0; padding: 0; }
body.hm {
    background: #f0f0f0;
    font-family: "Microsoft JhengHei", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
}
.hm .main { width: 100%; box-sizing: border-box; }
.hm #app { padding-bottom: 2.6rem; }

/* ---------- 顶部 logo（目标 d00bad0e：2.24rem×1.253rem；switch_style .347rem） ---------- */
.hm .logo-box {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: .267rem;
    padding-bottom: .133rem;
}
.hm .logo-img { width: 2.24rem; height: 1.253rem; border: none; }
.hm .switch_style {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    border-radius: .107rem;
    margin: 0 .107rem 0 .3rem;
    padding: .107rem .16rem;
    color: #fff;
    background: #1a3d96;
    font-size: .347rem;
    text-align: center;
    line-height: 1;
    min-height: .64rem;
    cursor: pointer;
    white-space: nowrap;
}

/* ---------- 彩种切换（目标 frequency-box：grid 3 列 gap .187rem） ---------- */
.hm .game-tabs-m {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .187rem;
    padding: .107rem;
    margin-bottom: .213rem;
    background: #fff;
}
.hm .game-tabs-m a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .213rem .1rem;
    background: #ded9d9;
    border-radius: .107rem;
    color: #000;
    font-size: .4rem;
    font-weight: bolder;
    text-decoration: none;
    box-sizing: border-box;
}
.hm .game-tabs-m a.on {
    color: #fff !important;
    background-color: #1a3d96 !important;
}

/* ---------- 轮播（目标 bc5eddf0：padding 0 .107rem，高 3.36rem，img 圆角 .213rem） ---------- */
.hm .lunbo { margin: 0 .107rem; border-radius: .213rem; overflow: hidden; height: 3.36rem; }
.hm .lunbo img { width: 100%; height: 3.36rem; object-fit: cover; border-radius: .213rem; }

/* ---------- 开奖卡 ---------- */
.hm .gt-card.gt-sec { background: #fff; margin-top: .267rem; padding: .213rem .107rem .267rem; }
/* 标题条：目标 title-info：高 1.28rem，边框 .027rem #1a3d96，圆角 .107rem */
.hm .gt-title {
    display: flex; justify-content: space-between; align-items: center;
    border: .027rem solid #1a3d96; border-radius: .107rem; background: #fff;
    min-height: 1.28rem; box-sizing: border-box;
    padding: .133rem .213rem; margin: .107rem 0;
}
.hm .gt-title .gt-name { color: #1a3d96; font-size: .533rem; font-weight: bolder; }
.hm .gt-title .gt-info {
    color: #1a3d96; font-size: .36rem; text-align: right; white-space: nowrap;
    display: flex; flex-direction: column; justify-content: center; line-height: 1.5;
}
.hm .gt-title .gt-name { flex: 0 0 auto; margin-right: .16rem; }
.hm .gt-cdrow { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: .213rem 0; flex-wrap: nowrap; }
/* 读秒：目标 4c340a6a：item 宽 1.067rem 高 1.3rem 字 .96rem，边框 .003rem #8c8585，圆角 .053rem */
.hm .countdown { margin-left: 0; display: flex; align-items: center; width: 80%; }
.hm .countdown-number {
    width: 1.067rem; height: 1.3rem; line-height: 1.3rem; box-sizing: border-box;
    padding: 0 .213rem; font-size: .96rem; font-weight: 700;
    color: #000; background: #fff;
    border: .003rem solid #8c8585; border-radius: .053rem;
    margin-left: .107rem; text-align: center;
}
.hm .countdown span:not(.countdown-number) { font-size: .853rem !important; font-weight: 700; line-height: 1.3rem; }
.hm .gt-gua { color: #1a3d96; font-size: .453rem; font-weight: 700; margin-left: .267rem; cursor: pointer; white-space: nowrap; }
.hm .gt-eye { width: .427rem; height: .427rem; margin-left: .053rem; vertical-align: -1px; }

/* 号码球：主球对齐目标站 055ae904：1.2rem×1.28rem（390 屏≈47×50px），明显大于历史行 .907rem */
.hm .gt-res { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: .213rem .107rem .107rem; }
.hm .gt-ball { width: 1.3rem; display: flex; flex-direction: column; align-items: center; margin-bottom: .107rem; }
.hm .gt-ball i { width: 1.3rem; height: 1.4rem; font-size: 1.04rem; font-weight: 700; border-radius: 0; display: flex; align-items: center; justify-content: center; }
.hm .gt-ball u { font-size: .427rem; font-weight: 700; color: #000; margin-top: .053rem; text-decoration: none; }
.hm .gt-op { font-size: .427rem; font-weight: bolder; color: #da0f1f; height: 1.3rem; line-height: 1.3rem; align-self: flex-start; padding: 0 .02rem; }
/* 快三骰子：白色圆点方块（SVG 自绘），对齐目标站 */
.hm .gt-ball i.dice { background: none !important; border: none !important; padding: 0; overflow: hidden; }
.hm .dice-svg { width: 100%; height: 100%; display: block; }
/* 多球彩种首页尺寸覆盖：防止 .hm 主球规则导致 PK10/生肖换行 */
.hm .gt-macaupk10 .gt-ball, .hm .gt-macau12sx .gt-ball { width: .72rem; }
.hm .gt-macaupk10 .gt-ball i, .hm .gt-macau12sx .gt-ball i { width: .72rem; height: .72rem; font-size: .45rem; }
.hm .gt-macau12sx .gt-ball u { font-size: .3rem; }
.hm .gt-macauttc .gt-ball { width: .907rem; }
.hm .gt-macauttc .gt-ball i { width: .907rem; height: .907rem; font-size: .427rem; }
.hm .gt-macauttc .gt-res { justify-content: center; gap: .053rem; }
.hm .gt-macauks3 .gt-ball { width: .907rem; }
.hm .gt-macauks3 .gt-ball i { width: .907rem; height: .907rem; }
.hm .gt-macauks3 .gt-res, .hm .gt-macau28 .gt-res { justify-content: center; gap: .053rem; }
.hm .gt-macau28 .gt-ball { width: .907rem; }
.hm .gt-macau28 .gt-ball i { width: .907rem; height: .907rem; font-size: .427rem; }
.hm .gt-macaujc3 .gt-res { justify-content: center; gap: .107rem; }
/* 六合彩/新澳门：7 球+特码强制同一行、球间留缝（目标站），防止第 7 个换行 */
.hm .gt-macaujc .gt-res, .hm .gt-macaujc2 .gt-res { flex-wrap: nowrap; justify-content: center; gap: .107rem; align-items: flex-start; }
.hm .gt-macaujc .gt-ball, .hm .gt-macaujc2 .gt-ball, .hm .gt-macaujc3 .gt-ball { width: .95rem; margin-bottom: 0; }
.hm .gt-macaujc .gt-ball i, .hm .gt-macaujc2 .gt-ball i, .hm .gt-macaujc3 .gt-ball i { width: .95rem; height: 1rem; font-size: .62rem; }
.hm .gt-macaujc .gt-ball u, .hm .gt-macaujc2 .gt-ball u, .hm .gt-macaujc3 .gt-ball u { font-size: .32rem; }
.hm .gt-macaujc .gt-op, .hm .gt-macaujc2 .gt-op, .hm .gt-macaujc3 .gt-op { height: 1rem; line-height: 1rem; padding: 0 .03rem; }
/* 3分等其他 6 彩种 GT 卡：标题条（名称+期数/日期框）整体缩小 */
.hm .gt-card.gt-two .gt-title { min-height: 1rem; padding: .107rem .16rem; }
.hm .gt-card.gt-two .gt-title .gt-name { font-size: .453rem; }
.hm .gt-card.gt-two .gt-title .gt-info { font-size: .3rem; line-height: 1.45; }
/* 彩种tab折叠：默认只显 6 个 + ➕，展开 8 个 + ➖（修正 .hm 特异性覆盖） */
.hm .game-tabs-m a.gt-hidden { display: none; }
.hm .game-tabs-m.expanded a.gt-hidden { display: flex; }
.hm .game-tabs-m .gt-cell { display: flex; gap: .187rem; min-height: .44rem; }
.hm .game-tabs-m .gt-cell a { flex: 1 1 0; }
.hm .game-tabs-m button.gt-more {
    flex: 0 0 .44rem; min-height: .44rem; background: #ded9d9; border: none; border-radius: .107rem;
    font-size: .533rem; font-weight: 700; color: #111; cursor: pointer;
    display: flex; align-items: center; justify-content: center; box-sizing: border-box;
}
/* 刮奖画布挂在 .gt-card 内 */
.hm .gt-card { position: relative; }
.hm canvas.gt-sc { position: absolute; left: 0; z-index: 60; touch-action: none; border-radius: 6px; cursor: crosshair; }
/* 刮奖未开时模糊遮挡第一期历史（对齐目标站 .hide:after backdrop-blur） */
.hm .his-wrapper.scratched .his-row:first-child { position: relative; }
.hm .his-wrapper.scratched .his-row:first-child:after {
    content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    z-index: 10; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px);
}
/* GT 卡（3分等）堆叠历史同样强遮挡 */
.hm .gt-his-wrap.scratched .his-wrapper .his-row:first-child { position: relative; }
.hm .gt-his-wrap.scratched .his-wrapper .his-row:first-child:after {
    content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    z-index: 10; -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px);
}

/* ---------- 歷史開獎列表（目标站移动端 history_list：堆叠行） ---------- */
.hm .his-wrapper { background: #fff; border: 1px solid #d4d4d4; margin: .32rem .107rem .213rem; position: relative; }
/* 每条记录一个块：底部 .027rem #a19999 分隔（目标 66c5d16c） */
.hm .his-row { padding: .213rem .107rem 0; border-bottom: .027rem solid #a19999; position: relative; }
.hm .his-row:last-of-type { border-bottom: 0; }
.hm .his-line { display: flex; margin-bottom: .107rem; }
.hm .his-k {
    font-weight: 700; color: #1a3d96; font-size: .32rem; text-align: right;
    width: 16%; display: flex; justify-content: flex-end; align-items: center;
}
.hm .his-v {
    font-weight: 700; font-size: .347rem; text-align: left; flex: 1;
    display: flex; margin-left: .16rem; align-items: center; flex-wrap: wrap; color: #7e7c7c;
}
.hm .his-v i { font-style: normal; }
.hm .his-time-v { color: #7e7c7c; }
/* 直播胶囊（目标 btn_video） */
.hm .btn_video {
    font-style: normal; border-radius: .213rem; padding: 0 .187rem;
    color: #fff; background: #1a3d96; font-size: .213rem; text-align: center;
    height: .427rem; line-height: .427rem; margin-left: .107rem; cursor: pointer;
}
/* 号码行 */
.hm .his-line-balls { margin-bottom: .107rem; align-items: flex-start; }
.hm .his-balls { align-items: flex-start; }
.hm .his-code-item { display: flex; flex-direction: column; align-items: center; margin: 0 2px; }
/* 球：目标 hisCode 移动端复用 eh 组件（267a0e32）：.907rem 方块字 .427rem，生肖 .373rem */
.hm .his-code-item { display: flex; flex-direction: column; align-items: center; margin: 0 .026rem; }
.hm .his-code-number {
    width: 1rem; height: 1rem; border-radius: 0;
    color: #fff; font-size: .5rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    box-sizing: border-box;
}
.hm .his-code-zodiac { width: 1rem; font-size: .373rem; font-weight: bolder; color: #000; line-height: 1.3; text-align: center; }
.hm .his-code-plus {
    width: .4rem; height: 1rem;
    color: #da0f1f; font-size: .427rem; font-weight: bolder;
    display: flex; align-items: center; justify-content: center;
}

/* 分页：目标移动端 PaginationMobile（3ab54bbe）：加載更多蓝钮 / 沒有更多了~ */
.hm .his-pagination { display: flex; justify-content: center; padding: .4rem 0; }
.hm .his-pagination .loading-more {
    background-color: #1a3d96; border-radius: 4px; text-align: center;
    color: #fff; font-size: .36rem; line-height: .36rem; padding: .2rem .3rem;
    cursor: pointer;
}
.hm .his-pagination .no-more { font-size: .46rem; color: #1a3d96; font-weight: 700; }

/* ---------- 文章区微调 ---------- */
.hm .article { width: 96%; }
.hm .touma { font-size: .533rem; height: 1.2rem; line-height: 1.2rem; }

/* ---------- 底部导航（目标底栏：高 2.133rem） ---------- */
.hm .bottom_navi {
    width: 100%; height: 2.133rem; position: fixed; bottom: 0;
    background-color: #fff; box-shadow: 0 0 .16rem rgba(0, 0, 0, .1);
    display: flex; align-items: center; box-sizing: border-box;
    overflow: hidden; z-index: 1001; justify-content: space-between;
}
.hm .bottom_navi a { flex: 1 1 0; text-decoration: none; height: 100%; display: block; }
.hm .bottom_navi_xuan {
    width: 100%; height: 100%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    position: relative; color: #000; box-sizing: border-box;
}
.hm .bn-ico { width: .853rem; height: .853rem; border-radius: 0; margin-bottom: .107rem; }
.hm .bn-title { font-size: .373rem; color: #000; font-weight: 700; line-height: 1.2; }
/* 激活态（目标 cd08f0c8：文字图标变 #1a3d96，顶部 .107rem 蓝条） */
.hm .bottom_navi_xuan { position: relative; }
.hm .bn-active .bn-title { color: #1a3d96; }
.hm .bn-active:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: .107rem; background: #1a3d96; z-index: 10; }

/* ---------- 页脚 ---------- */
.hm .site-footer {
    height: 1.067rem; line-height: 1.067rem;
    text-align: center; color: #848484;
    border-top: 5px solid #eee222;
    font-size: .373rem; background: #fff;
    margin-top: .533rem;
}

/* ---------- 2013 修正：主区单行 / 快三大骰 / 历史分列滚动 ---------- */
/* PK10、生肖主区强制一行（目标站单行 10/12 球） */
.hm .gt-macaupk10 .gt-res, .hm .gt-macau12sx .gt-res { flex-wrap: nowrap; justify-content: center; gap: .026rem; padding-left: 0; padding-right: 0; }
/* 快三主区：骰子放大到接近倒计时高度（目标站约 1.05rem） */
.hm .gt-macauks3 .gt-ball { width: 1.05rem; }
.hm .gt-macauks3 .gt-ball i, .hm .gt-macauks3 .gt-ball i.dice { width: 1.05rem; height: 1.05rem; }
.hm .gt-macauks3 .gt-sum, .hm .gt-macauks3 .gt-tag { width: 1.05rem; height: 1.05rem; font-size: .6rem; }
.hm .gt-macauks3 .gt-op { height: 1.05rem; line-height: 1.05rem; font-size: .6rem; }
/* 历史表容器横向滚动（属性列多时不换行，与目标站一致） */
.hm .gt-his-wrap { overflow-x: auto; }
.hm .gt-table td.td-code, .hm .gt-table .balls { white-space: nowrap; flex-wrap: nowrap; }
/* 3 分堆叠历史：号码行单行 */
.hm .gt-macaujc3 .his-balls { flex-wrap: nowrap; }
/* 表头切换按钮（走势图/历史）已移除：目标站无 歷史開獎/走勢圖 按钮 */
.hm .gt-his-switch { display: none; }

/* ===== 2015 修正：号码球单行 / 堆叠行不折行 ===== */
/* 六合彩类结果区：6 球 + 加号 + 特码强制同一行 */
.hm .gt-macaujc .gt-res, .hm .gt-macaujc2 .gt-res, .hm .gt-macaujc3 .gt-res {
    flex-wrap: nowrap; justify-content: space-between; gap: 0;
}
.hm .gt-macaujc .gt-ball, .hm .gt-macaujc2 .gt-ball { width: 1.2rem; }
.hm .gt-macaujc .gt-ball i, .hm .gt-macaujc2 .gt-ball i { width: 1.2rem; height: 1.28rem; font-size: .96rem; }
/* 堆叠历史行（期号/时间/中奖号码）：7 球同一行（六合彩类，目标站即如此） */
.hm .his-balls { flex-wrap: nowrap; }
/* 期数/时间列：数字与“期”不拆行 */
.hm .his-v { white-space: nowrap; }
.hm .gt-table td.td-trend { white-space: nowrap; }
/* 走势图行：单元格不折行，超宽由容器横向滚动 */
.hm .gt-table .tcell { margin: 1px; }

/* ===== PC（≥900px）：.hm 静态页在桌面浏览器下按目标站 PC 比例显示 ===== */
@media (min-width: 900px) {
    /* 读秒：居中紧凑，PC 白框 52x64 */
    .hm .gt-cdrow { justify-content: center; width: auto; gap: 8px; margin: 14px 0; }
    .hm .gt-cd { width: 52px; height: 64px; font-size: 46px; border-radius: 5px; }
    .hm .gt-cd-colon { font-size: 46px; }
    /* 最新一期主球：与 gt-ball PC 档一致 74px（六合彩 7 球一行约 550px，1164 容器可容纳） */
    .hm .gt-ball, .hm .gt-macaujc .gt-ball, .hm .gt-macaujc2 .gt-ball { width: 74px; }
    .hm .gt-ball i, .hm .gt-macaujc .gt-ball i, .hm .gt-macaujc2 .gt-ball i { width: 74px; height: 74px; font-size: 44px; }
    .hm .gt-ball u { font-size: 15px; }
    .hm .gt-op { height: 74px; line-height: 74px; font-size: 30px; }
    /* 多球彩种（PK10/生肖/时时彩/28/快三）主球 PC 档 */
    .hm .gt-macaupk10 .gt-ball, .hm .gt-macau12sx .gt-ball, .hm .gt-macauttc .gt-ball,
    .hm .gt-macau28 .gt-ball, .hm .gt-macauks3 .gt-ball { width: 52px; }
    .hm .gt-macaupk10 .gt-ball i, .hm .gt-macau12sx .gt-ball i, .hm .gt-macauttc .gt-ball i,
    .hm .gt-macau28 .gt-ball i, .hm .gt-macauks3 .gt-ball i { width: 52px; height: 52px; font-size: 32px; }
    /* 堆叠历史行（hisCode）：PC 52px */
    .hm .his-code-number { width: 52px; height: 52px; font-size: 30px; }
    .hm .his-code-zodiac { width: 52px; font-size: 14px; }
    .hm .his-code-plus { width: 20px; height: 52px; }
    /* 历史表球：与历史行同档 */
    .hm .gt-table .balls i { width: 52px; height: 52px; font-size: 30px; }
    .hm .gt-table .balls i.sum, .hm .gt-table .balls i.tg { width: 52px; height: 52px; }
    .hm .gt-table .balls .one u { font-size: 14px; }
    /* 玩法表/标题：PC 常规字号（覆盖 rem） */
    .hm .gt-title .gt-name { font-size: 22px; }
    .hm .gt-title .gt-info { font-size: 15px; }
    .hm .gt-feat td { font-size: 15px; padding: 8px 2px; }
}