body {
  font-family: "Arial Black", "Microsoft YaHei", sans-serif;
}

:root{
  --bg:#eef2f6;
  --card:#f6f8fb;
  --line:#d8e0eb;
  --line2:#cfd8e6;
  --text:#082a59;
  --muted:#657b9b;
  --blue:#3f5a94;
  --blue2:#2f4c87;
  --green:#22c01a;
  --green2:#14a414;
  --red:#e81f4a;
  --red2:#d61440;
  --gold1:#e8cc7a;
  --gold2:#b37a00;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Arial,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;
}

.page{
  width:min(1100px,94vw);
  margin:0 auto;
}

/* 顶部蓝条 */
.topbar{
  background:linear-gradient(180deg,var(--blue) 0%, var(--blue2) 100%);
  padding:14px 16px 12px;
}

.site-title{
  color:#fff;
  font-size:28px;
  font-weight:900;
  line-height:1.1;
  margin-bottom:8px;
}

.top-nav{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}

.top-nav a{
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
  position:relative;
}

.top-nav a.nav-active{
  color:#ffe082;
}

.top-nav a.nav-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  height:2px;
  background:#ffe082;
  border-radius:2px;
}

/* 顶部大图标 */
.hero-nav{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  align-items:end;
  background:#f7f7f7;
  padding:10px 10px 6px;
  border-bottom:2px solid #222;
}

.hero-item{
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.hero-ring{
  width:96px;
  height:96px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:54px;
  font-weight:900;
  color:#111;
  line-height:1;
  position:relative;
  background:
    radial-gradient(circle at 32% 28%, rgba(255,255,255,.9) 0 10%, transparent 11%),
    radial-gradient(circle at 70% 72%, rgba(255,255,255,.55) 0 9%, transparent 10%),
    radial-gradient(circle at center, #fffaf0 0 58%, #f1dfae 59% 64%, #d4a12f 65% 74%, #f2dd9a 75% 82%, #9d6900 83% 100%);
  box-shadow:
    inset 0 0 0 3px rgba(255,255,255,.55),
    0 1px 3px rgba(0,0,0,.15);
}

.hero-text{
  margin-top:6px;
  font-size:18px;
  font-weight:900;
  color:#000;
  line-height:1.1;
}

.hero-text.hot{
  color:#ff1d25;
}

/* 彩种按钮 */
.game-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding:10px 10px 8px;
  background:#f6f6f6;
}

.game-btn{
  height:44px;
  border:none;
  border-radius:4px;
  background:#e7e7e7;
  color:#222;
  font-size:20px;
  font-weight:900;
  cursor:pointer;
}

.game-btn.active{
  background:linear-gradient(180deg,var(--green) 0%, var(--green2) 100%);
  color:#fff;
}

/* 最新开奖 */
.open-card{
  margin:0 10px 12px;
  border:1px solid var(--line2);
  background:#fff;
}

.open-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 12px 6px;
  border-bottom:1px solid var(--line);
}

.open-issue-title{
  font-size:20px;
  font-weight:900;
  color:#0b2d5c;
}

.history-link{
  font-size:14px;
  font-weight:900;
  color:#ff2b4d;
}

.open-balls-wrap{
  background:#fff;
  padding:0 12px 6px;
}

.ball-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:8px 0 4px;
  flex-wrap:nowrap;
}


.open-balls-wrap{
  background:#fff;
  padding:0 12px 6px;
}

.ball-row{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:10px;
  padding:8px 0 4px;
  flex-wrap:nowrap;
}

.plus{
  width:30px;
  min-width:30px;
  text-align:center;
  font-size:42px;
  font-weight:900;
  color:#9ea7b4;
  line-height:74px;
}

/* 手机端 */
@media (max-width: 900px){

  .plus{
    width:20px;
    min-width:20px;
    font-size:28px;
    line-height:48px;
  }
}

.open-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:6px 12px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#f8fafc;
}

.open-meta-left{
  font-size:16px;
  font-weight:900;
  color:#0b2d5c;
}

.open-meta-right{
  font-size:14px;
  font-weight:900;
  color:#111;
}

.count-label{
  color:#111;
}

#countdownText{
  font-size:16px;
  font-weight:900;
  color:#111;
}

.history-panel{
  padding:0 14px 14px;
  background:#fff;
}

.history-panel > div{
  padding:8px 0;
  border-bottom:1px solid #e5eaf1;
  font-size:15px;
  font-weight:900;
  color:#082a59;
}

.history-panel > div:last-child{
  border-bottom:none;
}

/* 全部资料 */
.materials-card{
  margin:0 10px 14px;
  border:1px solid var(--line2);
  background:#fff;
}

.materials-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 0 8px;
  background:#fff;
}

.materials-title{
  font-size:22px;
  font-weight:900;
  color:#062a59;
  padding-left:0;
}

.materials-right{
  font-size:16px;
  font-weight:900;
  color:#6e83a2;
  padding-right:10px;
}

.materials-list{
  background:#fff;
}

/* main.js 渲染出来的板块 */
.issue-block{
  margin:0 !important;
}

.material-group{
  border-top:2px solid #f4c0cb;
  border-bottom:1px solid #f4c0cb;
  background:#fff;
}

.material-group-head{
  background:#fff3f6;
  border-bottom:2px solid #f4c0cb;
}

.material-group-title{
  text-align:center;
  font-size:24px;
  font-weight:900;
  color:#e32148;
  padding:12px 8px;
}

.material-group-body{
  background:#fffafb;
}

.material-row{
  padding:16px 10px;
  border-bottom:1px solid #eceff4;
  text-align:center;
}

.material-row:last-child{
  border-bottom:none;
}

.material-content{
  font-size:22px;
  font-weight:900;
  color:#082a59;
  line-height:1.5;
  word-break:break-word;
}

.hit-red{
  color:#ec234f !important;
  font-weight:900;
}

.hit-flag{
  display:inline-block;
  margin-left:10px;
  font-size:20px;
  font-weight:900;
}

.hit-ok{
  color:#14a84b;
}

.hit-no{
  color:#95a4ba;
}

.material-empty{
  padding:24px 12px;
  text-align:center;
  color:#7084a1;
  font-size:18px;
  font-weight:900;
}

/* 红块高亮 */
.material-group.red{
  border-color:#f1b9c6;
  background:#fff7f9;
}

.material-group.red .material-group-head{
  background:#fff1f4;
  border-bottom-color:#f1b9c6;
}

.material-group.red .material-group-title{
  color:#e21e47;
}

.material-group.red .material-group-body{
  background:#fffafb;
}

/* 手机 */
@media (max-width: 900px){
  .site-title{
    font-size:20px;
    margin-bottom:6px;
  }

  .top-nav{
    gap:12px;
  }

  .top-nav a{
    font-size:13px;
  }

  .hero-nav{
    grid-template-columns:repeat(5,1fr);
    gap:4px;
    padding:6px 4px 4px;
  }

  .hero-ring{
    width:62px;
    height:62px;
    font-size:34px;
  }

  .hero-text{
    font-size:12px;
    margin-top:4px;
  }

  .game-tabs{
    gap:6px;
    padding:8px 8px 6px;
  }

  .game-btn{
    height:36px;
    font-size:14px;
  }

  .open-card,
  .materials-card{
    margin:0 6px 10px;
  }

  .open-head{
    padding:10px 10px 6px;
  }

  .open-issue-title{
    font-size:18px;
  }

  .history-link{
    font-size:13px;
  }

  .open-balls-wrap{
    padding:0 8px 4px;
  }

  .ball-row{
    gap:6px;
    padding:6px 0 2px;
  }


  .plus{
    width:20px;
    min-width:20px;
    font-size:28px;
    line-height:48px;
  }

  .open-meta{
    padding:4px 10px 8px;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .open-meta-left{
    font-size:14px;
  }

  .open-meta-right,
  #countdownText{
    font-size:14px;
  }

  .history-panel{
    padding:0 10px 10px;
  }

  .history-panel > div{
    padding:7px 0;
    font-size:14px;
  }

  .materials-head{
    padding:10px 0 6px;
  }

  .materials-title{
    font-size:18px;
  }

  .materials-right{
    font-size:13px;
  }

  .material-group-title{
    font-size:18px;
    padding:10px 6px;
  }

  .material-row{
    padding:12px 6px;
  }

  .material-content{
    font-size:15px;
    line-height:1.45;
  }

  .hit-flag{
    margin-left:8px;
    font-size:15px;
  }
}
/* 开奖区卡片感增强 */
.open-card{
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}

/* 球居中更紧凑 */
.ball-row{
  justify-content:center !important;
}
/* ===== 开奖球下面生肖 ===== */
.ball-meta-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:2px 0 8px;
  flex-wrap:nowrap;
}

.ball-meta-item{
  width:48px;
  min-width:48px;
  font-size:11px;
  white-space:nowrap;
}

.ball-meta-plus{
  width:30px;
  min-width:30px;
  text-align:center;
  font-size:16px;
  font-weight:900;
  color:transparent;
  line-height:1.2;
}

@media (max-width: 900px){
  .ball-meta-row{
    gap:6px;
    padding:2px 0 6px;
  }

  .ball-meta-item{
    width:48px;
    min-width:48px;
    font-size:12px;
  }

  .ball-meta-plus{
    width:20px;
    min-width:20px;
    font-size:12px;
  }
}
/* ===== 特码球高亮版 ===== */
/* ===== 特码终极强化版 ===== */
.tema-ball{
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  min-height:92px !important;
  font-size:26px !important;
  font-weight:900 !important;

  border-width:5px !important;
  position:relative;

  /* 金边 + 发光 */
  box-shadow:
    0 0 0 5px rgba(255,215,0,.22),
    0 0 22px rgba(255,215,0,.35),
    0 4px 10px rgba(0,0,0,.18);

  transform: translateY(-4px) scale(1.06);
  z-index:2;
}

/* 不同颜色加强 */
.tema-ball.red{
  box-shadow:
    0 0 0 5px rgba(255,215,0,.25),
    0 0 22px rgba(255,60,80,.25),
    0 4px 10px rgba(0,0,0,.18);
}

.tema-ball.blue{
  box-shadow:
    0 0 0 5px rgba(255,215,0,.25),
    0 0 22px rgba(60,120,255,.25),
    0 4px 10px rgba(0,0,0,.18);
}

.tema-ball.green{
  box-shadow:
    0 0 0 5px rgba(255,215,0,.25),
    0 0 22px rgba(50,180,80,.25),
    0 4px 10px rgba(0,0,0,.18);
}

/* 特码下面文字强化 */
.ball-meta-row .ball-meta-item:last-child{
  font-weight:900 !important;
  color:#d49b00 !important;
}

/* 手机适配 */
@media (max-width: 900px){
  .tema-ball{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    font-size:20px !important;
    transform: translateY(-2px) scale(1.04);
  }
}

.tema-ball.red{
  box-shadow:
    0 0 0 4px rgba(255,215,0,.18),
    0 0 18px rgba(255,80,100,.18),
    0 2px 6px rgba(0,0,0,.14) !important;
}

.tema-ball.blue{
  box-shadow:
    0 0 0 4px rgba(255,215,0,.18),
    0 0 18px rgba(70,130,255,.18),
    0 2px 6px rgba(0,0,0,.14) !important;
}

.tema-ball.green{
  box-shadow:
    0 0 0 4px rgba(255,215,0,.18),
    0 0 18px rgba(60,180,90,.18),
    0 2px 6px rgba(0,0,0,.14) !important;
}

/* 特码下面的生肖/五行也稍微突出 */
.ball-meta-row .ball-meta-item:last-child{
  font-weight:900 !important;
  color:#c88700 !important;
}

/* 手机端 */
@media (max-width: 900px){
  .tema-ball{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    font-size:18px !important;
    border-width:4px !important;
  }
}
/* ===== 历史记录两列紧凑版 ===== */
.history-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 10px;
  padding:10px 0 0;
}

.history-item2{
  background:#f8fafc;
  border:1px solid #dfe6ef;
  border-radius:6px;
  padding:8px 10px;
}

.history-item2-issue{
  font-size:15px;
  font-weight:900;
  color:#082a59;
  line-height:1.2;
  margin-bottom:4px;
}

.history-item2-text{
  font-size:14px;
  font-weight:800;
  color:#173b6d;
  line-height:1.35;
  word-break:break-word;
}

@media (max-width: 900px){
  .history-grid{
    grid-template-columns:1fr;
    gap:6px;
    padding:8px 0 0;
  }

  .history-item2{
    padding:7px 8px;
  }

  .history-item2-issue{
    font-size:14px;
  }

  .history-item2-text{
    font-size:13px;
  }
}
/* ===== 首页去掉历史记录后，开奖区更紧凑 ===== */
.open-card{
  margin-bottom:8px !important;
}

.open-balls-wrap{
  padding-bottom:4px !important;
}

.open-meta{
  margin-bottom:0 !important;
}

.materials-card{
  margin-top:6px !important;
}
/* ===== 历史页继续优化 ===== */
.history-page-card,
.history-wrap,
.history-panel-wrap{
  margin:12px 10px 14px !important;
  border:1px solid #d6dfeb !important;
  background:#fff !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

.history-page-head,
.history-topbar,
.history-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:14px 16px 10px !important;
  border-bottom:1px solid #d6dfeb !important;
  background:#fff !important;
}

.history-page-title,
.history-main-title,
.history-title{
  font-size:24px !important;
  font-weight:900 !important;
  color:#082a59 !important;
  line-height:1.1 !important;
  margin:0 !important;
}

.history-page-list,
.history-list-wrap,
.history-list{
  padding:0 16px 14px !important;
  background:#fff !important;
}

.history-page-item,
.history-record-item,
.history-row{
  padding:14px 0 !important;
  border-bottom:1px solid #e2e8f0 !important;
}

.history-page-item:last-child,
.history-record-item:last-child,
.history-row:last-child{
  border-bottom:none !important;
}

.history-page-item-issue,
.history-record-issue,
.history-row-issue{
  font-size:18px !important;
  font-weight:900 !important;
  color:#082a59 !important;
  margin-bottom:4px !important;
  line-height:1.2 !important;
}

.history-page-item-text,
.history-record-text,
.history-row-text{
  font-size:17px !important;
  font-weight:800 !important;
  color:#173b6d !important;
  line-height:1.4 !important;
  word-break:break-word !important;
}

@media (max-width: 900px){
  .history-page-card,
  .history-wrap,
  .history-panel-wrap{
    margin:10px 6px 12px !important;
    border-radius:12px !important;
  }

  .history-page-head,
  .history-topbar,
  .history-head{
    padding:10px 10px 8px !important;
  }

  .history-page-title,
  .history-main-title,
  .history-title{
    font-size:20px !important;
  }

  .history-page-list,
  .history-list-wrap,
  .history-list{
    padding:0 10px 10px !important;
  }

  .history-page-item,
  .history-record-item,
  .history-row{
    padding:10px 0 !important;
  }

  .history-page-item-issue,
  .history-record-issue,
  .history-row-issue{
    font-size:16px !important;
  }

  .history-page-item-text,
  .history-record-text,
  .history-row-text{
    font-size:14px !important;
  }
}
/* 隐藏提前公开4个按钮 */
.hot-links,
.quick-links,
.pre-links,
[class*="提前公开"] {
  display: none !important;
}
/* 隐藏顶部导航按钮那一排 */
.topbar {
  display: none !important;
}
/* 命中标红 */
.hit {
  color: red;
  font-weight: bold;
}
.hit-tag{
  background:#ff2d55;
  color:#fff;
  padding:2px 8px;
  border-radius:12px;
  font-size:12px;
  margin-left:6px;
}
/* 命中标红 */
.hit-mark {
    color: red;        /* 字体颜色红色 */
    font-weight: bold; /* 粗体，更醒目 */
}
/* ===== 终极一体对齐版 ===== */

#all-sections{
  width: min(1100px, 94vw);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* 每个分类 */
.section{
  display: flex;
  flex-direction: column;
  align-items: stretch;   /* ❗关键：不要居中 */
}

/* 标题居中 */
.section-title{
  text-align: center;
  margin: 6px 0 2px;
}

/* 每条资料 */
.material-card{
  margin:0 !important;
  border-radius:6px !important;
}

/* 关键：让内容整体居中而不是拆开 */
.material-card b{
  display: inline-block;
  text-align: center;
}

/* 红字 */
.hit-mark{
  color:#ff0033;
  font-weight:900;
  background:none;
  border:none;
  padding:0;
  margin:0 1px;
}
/* ===== 资料板块：完全对齐版（覆盖用） ===== */

/* 整个资料区 */
.materials-wrap{
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* 每个分类大块 */
.material-card{
  background:#fff !important;
  border:1px solid #d9e3f0 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  box-shadow:0 4px 14px rgba(16,35,59,.05) !important;
  padding:0 !important;
  margin:0 !important;
}

/* 内容区 */
.material-body{
  padding:4px 8px !important;
  background:#fff !important;
}

/* 每一行资料：整体居中、压缩 */
.material-line{
  display:flex;
  align-items:center;
  padding:6px 10px;
  border-bottom:1px solid #d0d0d0;
  font-size:18px;
  font-weight:900;
  background:#fff;
}

.material-line:last-child{
  border-bottom:none !important;
}

/* 命中行浅绿 */
.material-line.is-hit,
.material-line:has(.hit-tag){
  background:#edf8f1 !important;
  border-radius:10px !important;
}

/* 最新期左边绿色条保留，但不跑偏 */
.material-line.is-latest{
  box-shadow: none !important;
}

/* 期号 */
.line-issue{
  flex:0 0 84px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:#ef3b36 !important;
  font-weight:900 !important;
  text-align:center !important;
  border-radius:999px !important;
  padding:4px 0 !important;
  font-size:13px !important;
  line-height:1 !important;
  box-shadow:0 2px 6px rgba(229,57,53,.18) !important;
}

/* 右侧内容：真正居中 */
.line-text{
  flex:0 1 auto !important;
  text-align:center !important;
  padding-top:0 !important;
  white-space:normal !important;
  line-height:1.35 !important;
}

/* 资料主文字蓝色 */
.line-text b{
  color:#1d4ed8 !important;
  font-weight:900 !important;
}

/* 开奖号码 */
.open-num{
  display:inline-block !important;
  min-width:26px !important;
  text-align:center !important;
  color:#111827 !important;
  font-weight:900 !important;
  font-size:17px !important;
}

/* 命中内容：只红字，不要粉框 */
.hit-mark{
  display:inline !important;
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 1px !important;
  min-width:0 !important;
  height:auto !important;
  border-radius:0 !important;
  color:#ff0033 !important;
  font-weight:900 !important;
  font-size:inherit !important;
  line-height:inherit !important;
  box-shadow:none !important;
  vertical-align:baseline !important;
}

/* 错 */
.hit-no{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:24px !important;
  padding:0 10px !important;
  margin-left:6px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#3f86ff,#2563eb) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 2px 8px rgba(37,99,235,.22) !important;
  vertical-align:middle !important;
}

/* 准 */
.hit-tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:24px !important;
  padding:0 10px !important;
  margin-left:6px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#ff3b62,#ff0f47) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 2px 8px rgba(255,15,71,.22) !important;
  vertical-align:middle !important;
}

/* 待开 */
.hit-wait{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:48px !important;
  height:24px !important;
  padding:0 10px !important;
  margin-left:6px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#dca11a,#ca8a04) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 2px 8px rgba(202,138,4,.2) !important;
  vertical-align:middle !important;
}
/* 状态统一宽度（关键） */
.status,
.badge,
.tag {
  display: inline-block;
  width: 44px;        /* 固定宽度 ⭐ */
  text-align: center;
  border-radius: 14px;
  padding: 2px 0;
  font-weight: 700;
}
.status.win {   /* 准 */
  background: #ff4d6d;
  color: #fff;
}

.status.lose {  /* 错 */
  background: #3b82f6;
  color: #fff;
}

.status.wait {  /* 待开 */
  background: #f59e0b;
  color: #fff;
}
/* 数字等宽（超级关键） */
body {
  font-variant-numeric: tabular-nums;
}
/* ===== 终极结构重排版（标题在上） ===== */

/* 每个资料块改成竖排 */
.material-card{
  display: flex !important;
  flex-direction: column !important;   /* ⭐关键 */
  align-items: center !important;
  padding: 6px 0 !important;
  margin: 6px 0 !important;
  background: #fff !important;
  border-radius: 12px !important;
}

/* 标题放上面并居中 */
.material-head{
  width: 100%;
  text-align: center !important;
  margin-bottom: 4px !important;
}

/* 蓝色标题 */
.material-head span{
  display: inline-block;
  background: #3b5ea8;
  color: #fff;
  padding: 6px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 900;
}

/* 内容区 */
.material-body{
  width: 100%;
}

/* 每一行资料 */
.material-line{
  display: flex;
  justify-content: center;   /* ⭐内容居中 */
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  text-align: center;
}

/* 命中整行 */
.material-line:has(.hit-tag){
  background: #eaf5ef;
  border-radius: 10px;
}

/* 红字 */
.hit-mark{
  color:#ff0033;
  font-weight:900;
  background:none;
  border:none;
}
/* ===== 资料板块标题居中，内容左对齐 ===== */
.material-card {
  display: flex !important;
  flex-direction: column !important;  /* 板块竖排 */
  align-items: center !important;     /* 整个资料块居中 */
  padding: 4px 0 !important;          /* 内间距压缩 */
  margin: 4px 0 !important;           /* 外间距压缩 */
  background: #f5faf7 !important;     /* 背景色可调 */
  border-radius: 12px !important;
  width: 100%;
  box-sizing: border-box;
}

/* 板块标题居中 */
.material-head {
  width: 100%;
  text-align: center !important;
  margin-bottom: 2px !important;
}

.material-head span {
  display: inline-block;
  background: #3b5ea8;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 900;
  font-size: 14px;
}

/* 板块内容容器 */
.material-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;             /* 行间距压缩 */
}

/* 每一行资料内容 */
.material-line {
  display: flex;
  justify-content: flex-start; /* 内容从左边开始 */
  align-items: center;
  gap: 6px;                   /* 内容间距 */
  padding: 2px 0;
  text-align: left;
  flex-wrap: wrap;             /* 换行也从左开始 */
}

/* 命中红字 */
.hit-mark {
  color: #ff0033;
  font-weight: 900;
  background: none;
  border: none;
}

/* 命中“准”标签 */
.hit-tag {
  background: #ff3b5c !important;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 10px;
  font-weight: 700 !important;
  font-size: 12px !important;
}
/* ===== 资料板块标题居中，内容左对齐 ===== */
.material-card {
  display: flex !important;
  flex-direction: column !important;  /* 板块竖排 */
  align-items: center !important;     /* 板块整体居中 */
  padding: 4px 0 !important;          /* 内间距压缩 */
  margin: 4px 0 !important;           /* 外间距压缩 */
  background: #f5faf7 !important;     /* 背景色可调 */
  border-radius: 12px !important;
  width: 100%;
  box-sizing: border-box;
}

/* 板块标题居中 */
.material-head {
  width: 100%;
  text-align: center !important;
  margin-bottom: 2px !important;
}

.material-head span {
  display: inline-block;
  background: #3b5ea8;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 900;
  font-size: 14px;
}

/* 板块内容容器 */
.material-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;             /* 行间距压缩 */
}

/* 每一行资料内容 */
.material-line {
  display: flex;
  justify-content: flex-start; /* 内容左对齐 */
  align-items: center;
  gap: 6px;                   /* 内容间距 */
  padding: 2px 0;
  text-align: left;
  flex-wrap: wrap;             /* 换行也从左开始 */
}

/* 命中红字 */
.hit-mark {
  color: #ff0033;
  font-weight: 900;
  background: none;
  border: none;
}

/* 命中“准”标签 */
.hit-tag {
  background: #ff3b5c !important;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 10px;
  font-weight: 700 !important;
  font-size: 12px !important;
}
.material-section {
    padding: 4px 0;
}

.material-item {
    display: flex;
    justify-content: flex-start; /* 左对齐，可改 center 居中 */
    flex-wrap: wrap;
    gap: 4px;  /* 间距压缩 */
}

.material-text .hit-mark {
    color: #f16d5b;
}


/* 生肖和五行显示 */
.ball-meta-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 6px !important;
  padding: 2px 0 6px !important;
}
.ball-meta-item {
  font-weight: 900 !important;
  font-size: 12px !important;
  text-align: center;
}

/* ===== 资料板块优化 ===== */
.materials-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-top: 6px !important;
}

.material-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 4px 0 !important;
  margin: 4px 0 !important;
  background: #f5faf7 !important;
  border-radius: 12px !important;
  width: 100% !important;
  box-sizing: border-box;
}

.material-head {
  width: 100% !important;
  text-align: center !important;
  margin-bottom: 2px !important;
}
.material-head span {
  display: inline-block !important;
  background: #3b5ea8 !important;
  color: #fff !important;
  padding: 4px 12px !important;
  border-radius: 4px !important;
  font-weight: 900 !important;
  font-size: 14px !important;
}

.material-body {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.material-line {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px 0 !important;
  text-align: left !important;
  flex-wrap: wrap !important;
}

.material-line.is-hit {
  background: #eaf5ef !important;
  border-radius: 10px !important;
}

.material-line.is-latest {
  box-shadow: none !important;
}

.hit-mark {
  color: #ff0033 !important;
  font-weight: 900 !important;
  background: none !important;
  border: none !important;
}

.hit-tag {
  background: #ff3b5c !important;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}


/* 板块标题蓝底白字 */
.material-head span {
  background: #1f56a5 !important;
  color: #fff !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
}

/* 板块内容行左对齐 */
.material-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.material-line {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px 0 !important;
  text-align: left;
  flex-wrap: wrap;
}

/* 命中行高亮 */
.material-line.is-hit {
  background: #edf8f1 !important;
  border-radius: 10px !important;
}


/* 生肖五行显示 */
.ball-meta-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 6px !important;
}
.ball-meta-item {
  font-weight: 900 !important;
  font-size: 12px !important;
  text-align: center;
}
/* 板块整体 */
.materials-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;  /* 压缩间距 */
  margin-top: 4px !important;
}

/* 板块标题 */
.material-head span {
  display: inline-block !important;
  background: #1f56a5 !important;
  color: #fff !important;
  padding: 6px 16px !important;
  border-radius: 4px !important;
  font-weight: 900 !important;
  font-size: 14px !important;
}

/* 板块内容行 */
.material-line {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 2px 0 !important;
  flex-wrap: wrap;
  text-align: left !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

/* 命中行 */
.material-line.is-hit {
  background: #edf8ef !important;
  border-radius: 10px !important;
}


/* 命中红字 */
.hit-mark {
  color: #ff0033 !important;
  font-weight: 900 !important;
}
.hit-tag {
  background: #ff3b5c !important;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

/* 生肖五行显示 */
.ball-meta-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 6px !important;
  padding: 2px 0 6px !important;
}
.ball-meta-item {
  font-weight: 900 !important;
  font-size: 12px !important;
  text-align: center;
}
@media (max-width: 900px) {
  
  .ball-meta-item {
    font-size: 10px !important;
  }
  .material-line {
    gap: 4px !important;
    padding: 2px 0 !important;
    font-size: 14px !important;
  }
}
/* 板块整体 */
.materials-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  margin-top: 3px !important;
}

/* 板块标题蓝底白字 */
.material-head span {
  background: #1c4ca0 !important;
  color: #fff !important;
  padding: 6px 16px !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
  font-size: 15px !important;
}

/* 板块内容行 */
.material-line {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px 0 !important;
  text-align: left !important;
  flex-wrap: wrap !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

/* 命中行 */
.material-line.is-hit {
  background: #e8f7ef !important;
  border-radius: 12px !important;
}

/* 最新期左侧绿色条加粗 */
.material-line.is-latest {
  box-shadow: none !important;
}

/* 命中红字 */
.hit-mark {
  color: #ff0033 !important;
  font-weight: 900 !important;
}
.hit-tag {
  background: #ff3b5c !important;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* 手机端 */
@media (max-width: 900px) {
  .material-line {
    gap: 4px !important;
    font-size: 14px !important;
    padding: 1px 0 !important;
  }
  .material-head span {
    padding: 4px 10px !important;
    font-size: 13px !important;
  }
}

/* 生肖/五行显示 */
.ball-meta-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 2px 0 6px !important;
}
.ball-meta-item {
  font-weight: 900 !important;
  font-size: 13px !important;
  text-align: center;
}

.materials-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin-top: 2px !important;
}

.material-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 4px 0 !important;
  margin: 2px 0 !important;
  background: #f5faf7 !important;
  border-radius: 14px !important;
  border: 1px solid #d9e3f0 !important;
  box-shadow: 0 2px 8px rgba(16,35,59,.05) !important;
  width: 100%;
}

.material-head {
  width: 100%;
  text-align: center !important;
  margin-bottom: 4px !important;
}

.material-head span {
  display: inline-block !important;
  background: #1c4ca0 !important;
  color: #fff !important;
  padding: 6px 16px !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
  font-size: 16px !important;
}

.material-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.material-line {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 2px 0 !important;
  text-align: left !important;
  flex-wrap: wrap !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.material-line.is-hit {
  background: #e8f7ef !important;
  border-radius: 12px !important;
  padding-left: 8px !important;
}

.material-line.is-latest {
  box-shadow: none !important;
}

.hit-mark {
  color: #ff0033 !important;
  font-weight: 900 !important;
}

.hit-tag {
  background: #ff3b5c !important;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* 手机端优化 */
@media (max-width: 900px) {
  .material-line {
    gap: 4px !important;
    font-size: 14px !important;
    padding: 1px 0 !important;
  }
  .material-head span {
    padding: 4px 12px !important;
    font-size: 13px !important;
  }
}

/* 生肖/五行显示 */
.ball-meta-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 2px 0 6px !important;
}
.ball-meta-item {
  font-weight: 900 !important;
  font-size: 13px !important;
  text-align: center;
}

/* ===== 板块整体优化 ===== */
.materials-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin-top: 2px !important;
}

.material-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 4px 0 !important;
  margin: 2px 0 !important;
  background: #f5faf7 !important;
  border-radius: 14px !important;
  border: 1px solid #d9e3f0 !important;
  box-shadow: 0 2px 8px rgba(16,35,59,.05) !important;
  width: 100%;
}

.material-head {
  width: 100%;
  text-align: center !important;
  margin-bottom: 4px !important;
}

.material-head span {
  display: inline-block !important;
  background: #1c4ca0 !important;
  color: #fff !important;
  padding: 6px 16px !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
  font-size: 16px !important;
}

.material-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.material-line {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  padding: 2px 0 !important;
  text-align: left !important;
  flex-wrap: wrap !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.material-line.is-hit {
  background: #e8f7ef !important;
  border-radius: 12px !important;
}

.material-line.is-latest {
  box-shadow: none !important;
}

.hit-mark {
  color: #ff0033 !important;
  font-weight: 900 !important;
}

.hit-tag {
  background: #ff3b5c !important;
  color: #fff !important;
  padding: 2px 6px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

.ball-meta-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 2px 0 6px !important;
}

.ball-meta-item {
  font-weight: 900 !important;
  font-size: 13px !important;
  text-align: center;
}

/* ===== 手机端 ===== */
@media (max-width: 900px) {
  .material-line {
    gap: 4px !important;
    font-size: 14px !important;
    padding: 1px 0 !important;
  }
  .material-head span {
    padding: 4px 12px !important;
    font-size: 13px !important;
  }

  .ball-meta-item {
    font-size: 11px !important;
  }
}
/* ===== 后台历史记录面板优化 ===== */
.history-admin-wrap{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.history-admin-item{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  box-shadow:0 4px 14px rgba(15,23,42,.04);
}

.history-admin-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.history-admin-issue{
  font-size:18px;
  font-weight:900;
  color:#0f172a;
}

.history-admin-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.history-admin-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.history-admin-row input{
  border:1px solid #d1d5db;
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
}

.history-admin-nums{
  flex:1;
  min-width:280px;
}

.history-admin-tema{
  width:90px;
}

@media (max-width: 900px){
  .history-admin-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .history-admin-row{
    flex-direction:column;
    align-items:stretch;
  }

  .history-admin-nums,
  .history-admin-tema{
    width:100%;
    min-width:0;
  }
}
/* ===== 历史记录：最新期高亮 ===== */
.history-admin-item.is-latest-history{
  border:2px solid #22c55e !important;
  background:linear-gradient(180deg,#f0fdf4 0%, #ffffff 100%);
  box-shadow:0 0 0 3px rgba(34,197,94,.12), 0 8px 20px rgba(0,0,0,.05);
  position:relative;
}

/* 左上角标签（像正式站那种） */
.history-admin-item.is-latest-history::before{
  content:"最新";
  position:absolute;
  top:-8px;
  left:10px;
  background:#22c55e;
  color:#fff;
  font-size:12px;
  padding:2px 8px;
  border-radius:6px;
  font-weight:700;
}

/* 期数颜色强化 */
.history-admin-item.is-latest-history .history-admin-issue{
  color:#16a34a;
  font-size:18px;
}
/* ===== 后台历史记录：紧凑一行版 ===== */
.history-admin-wrap.compact{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:10px;
}

.history-admin-rowline{
  display:grid;
  grid-template-columns:1fr 60px 60px 60px;
  gap:8px;
  align-items:center;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:8px 10px;
}

.history-line-main{
  display:flex;
  align-items:center;
  gap:6px;   /* 🔥 原来10 → 改6 更紧 */
}

.history-line-issue{
  font-size:15px;
  font-weight:900;
  color:#0f172a;
  white-space:nowrap;
  background:#f1f5f9;   /* 🔥 加个底色 */
  padding:6px 10px;
  border-radius:8px;
}

.history-line-nums{
  flex:1;
  border:1px solid #d1d5db;
  border-radius:8px;
  padding:6px 10px;
  font-size:17px;   /* 🔥 再大一点 */
  font-weight:900;  /* 🔥 更粗 */
  height:36px;
  letter-spacing:1px; /* 🔥 更像开奖 */
}

.history-line-tema{
  width:60px;
  text-align:center;
  border:1px solid #d1d5db;
  border-radius:8px;
  padding:6px 8px;
  font-size:15px;
  font-weight:900;
  height:36px;
}

.history-mini-btn{
  min-width:0 !important;
  width:58px;
  height:36px;
  padding:0 !important;
  border-radius:8px !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.history-admin-rowline{
  display:grid;
  grid-template-columns:90px 1fr 70px 60px 60px 60px;
  gap:8px;
  align-items:center;
  margin-bottom:6px;
}

.history-admin-rowline.is-latest-history .history-line-issue{
  color:#16a34a;
}

/* 手机端 */
@media (max-width: 900px){
  .history-admin-rowline{
    grid-template-columns:1fr;
    gap:8px;
  }
}
/* ===== 后台资料内容字体加大 ===== */
.item .content {
  font-size:20px;      /* 普通资料字体 */
  line-height:1.6;     /* 行高稍微大一点，更易读 */
}

.item .redline {
  font-size:20px;      /* 命中资料更大更突出 */
  font-weight:900;     /* 加粗 */
}

/* 普通资料 */
.materials-block .item,
.materials-block .line,
.materials-block div {
  font-size:22px !important;
  line-height:1.8;
  font-weight:600;
}

/* 命中资料 */
.materials-block .red,
.materials-block .hit,
.materials-block .redline,
.materials-block .item .redline {
  font-size:26px !important;
  font-weight:900 !important;
  color:#dc2626 !important;
}
.hit-tag{
  display:inline-block;
  margin-left:6px;
  padding:2px 6px;
  font-size:12px;
  background:#ef4444;
  color:#fff;
  border-radius:6px;
  vertical-align:middle;
}

.hit-mark{
  display:inline !important;
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  min-width:0 !important;
  height:auto !important;
  border-radius:0 !important;
  color:#ff0033 !important;
  font-weight:900 !important;
  font-size:inherit !important;
  line-height:inherit !important;
  box-shadow:none !important;
  vertical-align:baseline !important;
}
/* ===== 状态标签终极对齐版（放在 style.css 最底部）===== */

/* 数字等宽 */
body{
  font-variant-numeric: tabular-nums;
}

/* 开：33 这一段也固定一点 */
.open-num{
  display:inline-block !important;
  min-width:2.2em !important;
  text-align:center !important;
}

/* 准 / 错 / 待开 统一宽度、高度、对齐 */
.hit-tag,
.hit-no,
.hit-wait{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;          /* 关键：固定宽度 */
  min-width:48px !important;
  height:26px !important;         /* 关键：固定高度 */
  padding:0 !important;           /* 不要左右不同 padding */
  margin-left:8px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:center !important;
  vertical-align:middle !important;
  box-sizing:border-box !important;
}

/* 准 */
.hit-tag{
  background:#ff3b5c !important;
  color:#fff !important;
}

/* 错 */
.hit-no{
  background:#3b82f6 !important;
  color:#fff !important;
}

/* 待开 */
.hit-wait{
  background:#dca11a !important;
  color:#fff !important;
}
/* ===== 最终对齐锁死版 ===== */
.material-line{
  padding-left: 0 !important;
}

.material-line.is-hit{
  padding-left: 0 !important;
}

.material-line.is-latest{
  box-shadow: none !important;
}
/* ===== 资料区最终锁死版（放 style.css 最底部）===== */

.material-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:4px 8px !important;
  margin:0 !important;
  text-align:left !important;
  flex-wrap:nowrap !important;
  line-height:1.3 !important;
  font-size:15px !important;
  border-bottom:1px dashed #e7edf7 !important;
}

.material-line:last-child{
  border-bottom:none !important;
}

.material-line.is-hit{
  background:#e8f7ef !important;
  border-radius:12px !important;
  padding-left:0px !important;
}

.material-line.is-latest{
  box-shadow:none !important;
}

.line-issue{
  flex:0 0 92px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:#ef3b36 !important;
  border-radius:999px !important;
  font-weight:900 !important;
  font-size:13px !important;
  line-height:1 !important;
  padding:6px 0 !important;
  text-align:center !important;
}

.line-text{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:left !important;
  white-space:normal !important;
  line-height:1.35 !important;
}

.line-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

.line-left{
  font-size:20px;
  font-weight:900;
  color:#111;
  letter-spacing:1px;
  word-spacing:6px;
}

.line-left b{
  color:#1d4ed8 !important;
  font-weight:900 !important;

  font-size:clamp(18px, 2.2vw, 26px) !important;

  font-family:"Arial Black","Microsoft YaHei",sans-serif !important;

  letter-spacing:-0.5px !important;
  line-height:1.1 !important;

  display:inline-block;
}

.line-right{
  font-size:18px;
  font-weight:900;
  color:#000;
}

.open-num{
  display:inline-block !important;
  min-width:26px !important;
  text-align:center !important;
  color:#111827 !important;
  font-weight:900 !important;
  font-size:17px !important;
}

.hit-mark{
  display:inline !important;
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 1px !important;
  min-width:0 !important;
  height:auto !important;
  border-radius:0 !important;
  color:#ff0033 !important;
  font-weight:900 !important;
  font-size:inherit !important;
  line-height:inherit !important;
  box-shadow:none !important;
  vertical-align:baseline !important;
}

.hit-tag,
.hit-no,
.hit-wait{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:24px !important;
  padding:0 10px !important;
  margin-left:6px !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  vertical-align:middle !important;
}

.hit-tag{
  background:linear-gradient(180deg,#ff3b62,#ff0f47) !important;
  box-shadow:0 2px 8px rgba(255,15,71,.22) !important;
}

.hit-no{
  background:linear-gradient(180deg,#3f86ff,#2563eb) !important;
  box-shadow:0 2px 8px rgba(37,99,235,.22) !important;
}

.hit-wait{
  background:linear-gradient(180deg,#e5b21a,#c69214) !important;
  box-shadow:0 2px 8px rgba(198,146,20,.22) !important;
}
/* ===== 资料区最终锁死版 ===== */

.material-line{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:4px 8px !important;
  margin:0 !important;
  text-align:left !important;
  flex-wrap:wrap !important;   /* 这里改了 */
  line-height:1.3 !important;
  font-size:15px !important;
  border-bottom:1px dashed #e7edf7 !important;
}

.material-line:last-child{
  border-bottom:none !important;
}

.material-line.is-hit{
  background:#e8f7ef !important;
  border-radius:12px !important;
  padding-left:0px !important;
}

.material-line.is-latest{
  box-shadow:none !important;
}

.line-issue{
  flex:0 0 92px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:#ef3b36 !important;
  border-radius:999px !important;
  font-weight:900 !important;
  font-size:13px !important;
  line-height:1 !important;
  padding:6px 0 !important;
  text-align:center !important;
}

.line-text{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:left !important;
  white-space:normal !important;
  line-height:1.35 !important;
}

.line-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  gap:12px !important;   /* ⭐控制间距 */

  width:100% !important;
  flex-wrap:nowrap !important;
}

.line-left{
  flex:1 !important;
  display:block !important;     /* ✅ 改这里 */
  text-align:center !important; /* ✅ 居中 */
}

.line-left b{
  color:#1d4ed8 !important;
  font-weight:900 !important;
}

.line-right{
  color:#111827 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
}

.open-num{
  display:inline-block !important;
  min-width:26px !important;
  text-align:center !important;
  color:#111827 !important;
  font-weight:900 !important;
  font-size:17px !important;
}

.hit-mark{
  color:#ff0033 !important;
  font-weight:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.hit-tag,
.hit-no,
.hit-wait{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:24px !important;
  padding:0 10px !important;
  margin-left:6px !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  vertical-align:middle !important;
}

.hit-tag{
  background:linear-gradient(180deg,#ff3b62,#ff0f47) !important;
  box-shadow:0 2px 8px rgba(255,15,71,.22) !important;
}

.hit-no{
  background:linear-gradient(180deg,#3f86ff,#2563eb) !important;
  box-shadow:0 2px 8px rgba(37,99,235,.22) !important;
}

.hit-wait{
  background:linear-gradient(180deg,#e5b21a,#c69214) !important;
  box-shadow:0 2px 8px rgba(198,146,20,.22) !important;
}
.line-inner{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  width:100% !important;
}
.line-inner{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  width:100% !important;
}

.line-left{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:visible !important;
}

.line-right{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
/* =========================
   🔥 终极命中样式锁死版
   ========================= */

/* 整行结构锁死 */
.line-inner{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  width:100% !important;
}

/* 左边内容（资料） */
.line-left{
  flex:1 1 auto !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* 右边（开+状态） */
.line-right{
  flex:0 0 auto !important;
  white-space:normal !important;   /* 这里改了 */
}

/* 所有资料字体统一（防止乱跳） */
.line-left b{
  font-weight:500 !important;
  font-size:15px !important;
  letter-spacing:0.5px !important;
}

/* =========================
   🎯 命中：只变颜色（核心）
   ========================= */
.hit-mark{
  color:#ff2d55 !important;

  font-weight:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;

  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;

  box-shadow:none !important;
  border-radius:0 !important;
}

/* =========================
   🎯 状态标签（准 / 错 / 待开）
   ========================= */

/* 准 */
.hit-tag{
  background:#ff2d55 !important;
  color:#fff !important;

  font-size:13px !important;
  font-weight:500 !important;

  padding:2px 8px !important;
  border-radius:12px !important;
  margin-left:6px !important;
}

/* 错 */
.hit-no{
  background:#3b82f6 !important;
  color:#fff !important;

  font-size:13px !important;
  font-weight:500 !important;

  padding:2px 8px !important;
  border-radius:12px !important;
  margin-left:6px !important;
}

/* 待开 */
.hit-wait{
  background:#d4a017 !important;
  color:#fff !important;

  font-size:13px !important;
  font-weight:500 !important;

  padding:2px 8px !important;
  border-radius:12px !important;
  margin-left:6px !important;
}

/* =========================
   🎯 开奖数字（等宽核心）
   ========================= */
.open-num{
  display:inline-block !important;
  min-width:28px !important;
  text-align:center !important;

  font-family:monospace !important;
  font-weight:600 !important;
  font-size:15px !important;
}

/* =========================
   🎯 行高统一（防抖动）
   ========================= */
.material-line{
  line-height:1.4 !important;
  padding:4px 8px !important;
}

/* =========================
   🎯 手机优化（不挤）
   ========================= */
@media (max-width:900px){
  .line-left b{
    font-size:14px !important;
  }

  .open-num{
    min-width:24px !important;
  }

  .hit-tag,
  .hit-no,
  .hit-wait{
    font-size:12px !important;
    padding:2px 6px !important;
  }
}
/* =========================
   🔥 继续终极版：整行完全对齐锁死
   ========================= */

/* 整个资料行 */
.material-line{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:4px 10px !important;
  line-height:1.35 !important;
  min-height:42px !important;
  border-bottom:1px dashed #e5edf7 !important;
}

.material-line:last-child{
  border-bottom:none !important;
}

/* 期号固定宽度 */
.line-issue{
  flex:0 0 96px !important;
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;

  padding:7px 0 !important;
  border-radius:999px !important;
  box-sizing:border-box !important;
}

/* 中间内容区域 */
.line-text{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
}

/* 一整行左右分栏固定 */
.line-inner{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  width:100% !important;
  flex-wrap:wrap !important;   /* 这里改了 */
  gap:6px !important;
}

/* 左边资料文字 */
.line-left{
  min-width:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;

  color:#1d4ed8 !important;
  font-size:15px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  word-spacing:0 !important;
}

.line-left b{
  color:#1d4ed8 !important;

  font-weight:1000 !important;
  font-size:36px !important;

  /* 核心：更黑更硬 */
  font-family:"Arial Black","Impact","Microsoft YaHei","PingFang SC",sans-serif !important;

  /* 核心：像168那种挤紧 */
  letter-spacing:-1px !important;

  /* 行高压扁 */
  line-height:1 !important;

  /* 数字等宽 */
  font-variant-numeric: tabular-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;

  display:inline-block;
}

/* 命中只变颜色，不变大 */
.hit-mark{
  color:#ff2d55 !important;
  font-weight:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-family:inherit !important;
  letter-spacing:inherit !important;
  word-spacing:inherit !important;

  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* 右边开奖区固定宽度 */
.line-right{
  width:160px !important;
  min-width:160px !important;
  max-width:160px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;

  white-space:nowrap !important;
  text-align:right !important;

  color:#111827 !important;
  font-size:15px !important;
  font-weight:600 !important;
  font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif !important;
}

/* 开奖数字等宽 */
.open-num{
  display:inline-block !important;
  min-width:30px !important;
  text-align:center !important;
  font-size:15px !important;
  font-weight:600 !important;
  font-family:Consolas,Menlo,Monaco,"Courier New",monospace !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings:"tnum" 1,"lnum" 1 !important;
}

/* 准错待开统一尺寸 */
.hit-tag,
.hit-no,
.hit-wait{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:24px !important;

  padding:0 !important;
  margin-left:4px !important;

  border-radius:999px !important;
  box-sizing:border-box !important;

  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
}

/* 准 */
.hit-tag{
  background:#ff2d55 !important;
  color:#fff !important;
}

/* 错 */
.hit-no{
  background:#3b82f6 !important;
  color:#fff !important;
}

/* 待开 */
.hit-wait{
  background:#d4a017 !important;
  color:#fff !important;
}

/* 命中行不要额外撑大 */
.material-line.is-hit{
  border-radius:10px !important;
}

/* 最新期不要把左边挤歪 */
.material-line.is-latest{
  box-shadow:none !important;
  padding-left:0px !important;
}

/* 手机端稍微收紧 */
@media (max-width: 900px){
  .material-line{
    gap:8px !important;
    padding:4px 8px !important;
    min-height:40px !important;
  }

  .line-issue{
    flex:0 0 84px !important;
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    font-size:12px !important;
  }

  .line-inner{
    grid-template-columns: minmax(0, 1fr) 136px !important;
    column-gap:8px !important;
  }

  .line-left,
  .line-left b{
    font-size:14px !important;
  }

  .line-right{
    width:136px !important;
    min-width:136px !important;
    max-width:136px !important;
    font-size:14px !important;
  }

  .open-num{
    min-width:26px !important;
    font-size:14px !important;
  }

  .hit-tag,
  .hit-no,
  .hit-wait{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:22px !important;
    font-size:12px !important;
  }
}
/* ===== 内容字体超粗终极版 ===== */

.materials-block .item,
.materials-block p,
.materials-block div {
  font-size: 20px;
  font-weight: 900;      /* 🔥 超粗（关键） */
  line-height: 1.3;
  letter-spacing: 1px;
}

/* 期数 + 内容 */
.materials-row {
  display: flex;
  justify-content: center;
  gap: 4px;
  font-size: 20px;
  font-weight: 900;      /* 🔥 同步加粗 */
  text-shadow: 0 0 1px #000;
}

/* 类目标题 */
.materials-title {
  font-size: 22px;
  font-weight: 900;      /* 🔥 标题更粗 */
}
/* ===== 168终极字体版（超粗 + 等宽 + 压缩） ===== */

/* 全局字体（核心） */
body {
  font-family: "Arial Black", "Microsoft YaHei", monospace;
}

/* 所有资料内容 */
.materials-block,
.materials-block * {
  font-weight: 900 !important;          /* 🔥 强制最粗 */
  font-size: 20px !important;           /* 字体更大 */
  letter-spacing: 1px;                  /* 字间距统一 */
  line-height: 1.25;                    /* 压缩行高 */
  text-shadow: 0 0 1px #000;            /* 🔥 视觉加粗（关键） */
}

/* 数字 + 内容 → 等宽（关键点🔥） */
.materials-block {
  border-left: none;
}

/* 一行排列更紧 */
.materials-row {
  gap: 2px !important;                  /* 间距压到最小 */
}

/* 标题更炸一点 */
.materials-title {
  font-size: 22px !important;
  font-weight: 900 !important;
  text-shadow: 0 0 2px #000;
}
.materials-block * {
  transform: scale(1.02);   /* 微放大一点点 */
}
/* ===== 强制168超粗命中版（精准打内容） ===== */

/* 中间那行内容（你截图蓝色那行） */
.materials-block .content,
.materials-block .text,
.materials-block span,
.materials-block a {
  font-size: 22px !important;
  font-weight: 900 !important;
  font-family: "Arial Black","Microsoft YaHei",sans-serif !important;
  text-shadow: 0 0 1px #000;
}

/* 整行再加强一层（防止被覆盖） */
.materials-block * {
  font-weight: 900 !important;
}

/* 期号旁边内容 */
.materials-row {
  font-size: 22px !important;
  font-weight: 900 !important;
}
.materials-block {
  transform: scale(1.03);
}
.material-line{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:4px 8px !important;
  margin:0 !important;
  text-align:left !important;
  flex-wrap:wrap !important;
  line-height:1.3 !important;
  font-size:15px !important;
  border-bottom:1px dashed #e7edf7 !important;
}

.line-inner{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  width:100% !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}

.line-left{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:visible !important;
}

.line-right{
  flex:0 0 auto !important;
  white-space:normal !important;
}
/* ===== 强制支持换行（最终解决版）===== */

.line-left b{
  white-space:pre-line !important;   /* ⭐核心：后台换行=前台换行 */
  word-break:break-word !important;
  display:block !important;
}

.material-line{
  align-items:flex-start !important;
}

.line-inner{
  align-items:flex-start !important;
}
/* ===== 字体缩小版（不影响换行）===== */

.line-left b{
  font-size:22px !important;
  line-height:1.2 !important;
}
/* ===== 168终极紧凑排版版 ===== */

/* 每一行整体 */
.material-line{
  display:flex !important;
  align-items:flex-start !important;
  gap:6px !important;
  padding:4px 6px !important;
  margin:0 !important;
  border-bottom:1px dashed #e7edf7 !important;
}

/* 期号 */
.line-issue{
  flex:0 0 80px !important;
  font-size:12px !important;
  padding:4px 0 !important;
}

/* 内容区域 */
.line-text{
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* 内部布局 */
.line-inner{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:6px !important;
}

/* 左侧资料 */
.line-left{
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* ⭐核心：字体 + 两行压缩 */
.line-left b{
  display:block !important;

  font-size:20px !important;        /* ⭐最终大小（黄金） */
  font-weight:900 !important;
  color:#1d4ed8 !important;

  line-height:1.15 !important;      /* ⭐行间距压紧 */
  letter-spacing:-0.5px !important; /* ⭐更紧 */

  white-space:pre-line !important;  /* ⭐后台换行生效 */
  word-break:break-word !important;
}

/* 两行之间再压一点 */
.line-left b br{
  margin-top:2px;
}

/* 右侧（开+状态） */
.line-right{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:13px !important;
  padding-top:2px !important;
}

/* 状态标签统一更小更紧 */
.hit-tag,
.hit-no,
.hit-wait{
  height:22px !important;
  min-width:40px !important;
  font-size:12px !important;
  padding:0 6px !important;
  margin-left:4px !important;
}

/* 手机端 */
@media (max-width: 900px){
  .line-left b{
    font-size:17px !important;
    line-height:1.12 !important;
  }

  .line-issue{
    flex:0 0 70px !important;
    font-size:11px !important;
  }
}
/* ===== 字体增强版（不影响排版）===== */

.line-left b{
  font-size:26px !important;   /* ⭐在原20基础上微调 */
}

.line-right{
  font-size:20px !important;   /* 右边“开：xx”同步变大一点 */
}

.line-issue{
  font-size:16px !important;   /* 左边期号稍微跟上 */
}
/* ===== 右侧开奖信息放大版 ===== */

/* 开：33 这段 */
.line-right{
  font-size:20px !important;   /* ⭐这里控制大小 */
  font-weight:900 !important;
}

/* “准” */
.hit-tag{
  font-size:16px !important;
}

/* “错” */
.hit-no{
  font-size:16px !important;
}

/* “待开” */
.hit-wait{
  font-size:16px !important;
}
/* ===== 开奖数字放大 ===== */

.open-num{
  font-size:22px !important;   /* ⭐这里控制大小 */
  font-weight:900 !important;
}
/* ===== 类目标题大小 ===== */

.material-head span{
  font-size:26px !important;   /* ⭐这里调大小 */
  font-weight:900 !important;
}
/* ===== 资料内容大小 ===== */

.line-left b{
  font-size:20px !important;   /* ⭐这里调大小 */
  font-weight:900 !important;
}
/* ===== 蓝色标题（类目条）大小 ===== */

.section-title,
.material-group-title{
  font-size:26px !important;   /* ⭐这里控制大小 */
  font-weight:900 !important;
}
/* ===== 蓝条终极版（168风格）===== */

/* 蓝色标题条整体 */
.section-title,
.material-group-title{
  background:linear-gradient(180deg,#4e79b8 0%, #2f5ea8 100%) !important;
  color:#fff !important;

  font-size:20px !important;      /* ⭐标题大小 */
  font-weight:900 !important;

  text-align:center !important;

  padding:8px 10px !important;    /* ⭐上下压扁 */
  margin:0 !important;

  border-radius:6px !important;   /* 微圆角 */
  letter-spacing:0.5px !important;

  box-shadow:0 1px 2px rgba(0,0,0,.1) !important;
}

/* 蓝条外层间距压缩 */
.section,
.material-group{
  margin:6px 0 !important;        /* ⭐上下更紧 */
  border-radius:8px !important;
  overflow:hidden !important;
}

/* 去掉多余空白 */
.material-group-head{
  padding:0 !important;
  border:none !important;
  background:none !important;
}

/* 内容紧贴蓝条 */
.material-group-body{
  margin-top:2px !important;
}
/* ===== 全站终极压缩版（168密度）===== */

/* 页面整体 */
.page{
  margin:0 auto !important;
  padding:0 !important;
}

/* 所有板块间距压缩 */
.section,
.material-group,
.material-card{
  margin:4px 0 !important;       /* ⭐上下间距压缩 */
}

/* 蓝条 */
.section-title,
.material-group-title{
  padding:6px 8px !important;    /* ⭐更扁 */
  font-size:18px !important;
  margin:0 !important;
}

/* 蓝条和内容贴紧 */
.material-group-head{
  padding:0 !important;
  margin:0 !important;
}

/* 内容区 */
.material-group-body{
  margin-top:2px !important;
  padding:0 !important;
}

/* 每一行资料 */
.material-line{
  padding:3px 6px !important;    /* ⭐核心：行压缩 */
  margin:0 !important;
  gap:6px !important;
  line-height:1.2 !important;
}

/* 期号 */
.line-issue{
  padding:3px 0 !important;
  font-size:16px !important;
}

/* 内容文字 */
.line-left b{
  font-size:20px !important;
  line-height:1.12 !important;   /* ⭐行距压紧 */
  letter-spacing:-0.5px !important;
}

/* 两行间距再压 */
.line-left b br{
  margin-top:1px !important;
}

/* 右侧开奖 */
.line-right{
  font-size:13px !important;
}

/* 状态按钮（准/错/待开） */
.hit-tag,
.hit-no,
.hit-wait{
  height:22px !important;
  min-width:38px !important;
  font-size:12px !important;
  padding:0 6px !important;
  margin-left:4px !important;
}

/* 分隔线更细 */
.material-line{
  border-bottom:1px dashed #edf2f7 !important;
}

/* 最后一行去掉分隔线 */
.material-line:last-child{
  border-bottom:none !important;
}

/* 手机端再压一层 */
@media (max-width: 900px){
  .material-line{
    padding:2px 4px !important;
  }

  .line-left b{
    font-size:17px !important;
    line-height:1.1 !important;
  }

  .section-title,
  .material-group-title{
    font-size:16px !important;
    padding:5px 6px !important;
  }
}
/* ===== 右侧 开奖 + 准/错/待开 终极对齐版 ===== */

/* 每一行右侧整块固定宽度 */
.line-right{
  flex: 0 0 112px !important;
  width: 112px !important;
  min-width: 112px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;

  white-space: nowrap !important;
  text-align: right !important;
}

/* “开：” 这段 */
.line-right .open-text,
.line-right .open-label{
  flex: 0 0 auto !important;
}

/* 开奖数字 */
.open-num{
  display: inline-block !important;
  width: 2.2em !important;
  min-width: 2.2em !important;
  text-align: center !important;
  font-weight: 900 !important;
}

/* 准 / 错 / 待开 统一宽高 */
.hit-tag,
.hit-no,
.hit-wait{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 44px !important;
  min-width: 44px !important;
  height: 24px !important;

  padding: 0 !important;
  margin-left: 0 !important;

  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* 手机端再微调 */
@media (max-width: 900px){
  .line-right{
    flex: 0 0 104px !important;
    width: 104px !important;
    min-width: 104px !important;
    gap: 4px !important;
  }

  .hit-tag,
  .hit-no,
  .hit-wait{
    width: 42px !important;
    min-width: 42px !important;
    height: 22px !important;
    font-size: 12px !important;
  }
}
/* ===== 右侧轻量对齐版（不改结构）===== */

.line-right{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;

  width:110px !important;     /* ⭐关键：固定宽度 */
  min-width:110px !important;

  gap:6px !important;
}

/* 开奖数字统一宽度 */
.open-num{
  display:inline-block !important;
  width:2.2em !important;     /* ⭐数字对齐 */
  text-align:center !important;
  font-variant-numeric: tabular-nums !important;
}

/* 准 / 错 / 待开 统一 */
.hit-tag,
.hit-no,
.hit-wait{
  width:42px !important;      /* ⭐按钮统一宽度 */
  min-width:42px !important;
  height:24px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:13px !important;
  font-weight:900 !important;
}
/* ===== 168表格感终极版（不大改结构）===== */

/* 每一行更像表格 */
.material-line{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 10px !important;
  margin:0 !important;
  border-bottom:1px solid #e8edf5 !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

/* 命中行浅绿，但保持表格感 */
.material-line.is-hit{
  background:#eef8f1 !important;
  border-radius:0 !important;
}

/* 左边期号：固定宽度 */
.line-issue{
  flex:0 0 92px !important;
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:5px 0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}

/* 中间内容列 */
.line-text{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.line-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:100% !important;
}

/* 左边资料内容 */
.line-left{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.line-left b{
  display:block !important;
  font-size:22px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  color:#1d4ed8 !important;
  letter-spacing:-0.3px !important;
  white-space:nowrap !important;      /* 先锁一行，最像168 */
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* 右边开奖列：固定宽度，一眼整齐 */
.line-right{
  flex:0 0 118px !important;
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;

  white-space:nowrap !important;
  text-align:right !important;
  font-size:16px !important;
  font-weight:900 !important;
  box-sizing:border-box !important;
}

/* 开奖数字等宽 */
.open-num{
  display:inline-block !important;
  width:2.2em !important;
  min-width:2.2em !important;
  text-align:center !important;
  font-size:20px !important;
  font-weight:900 !important;
  font-variant-numeric:tabular-nums !important;
}

/* 准 / 错 / 待开 统一尺寸 */
.hit-tag,
.hit-no,
.hit-wait{
  width:44px !important;
  min-width:44px !important;
  max-width:44px !important;
  height:24px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;

  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}

/* 蓝条标题也更像表格标题 */
.section-title,
.material-group-title{
  font-size:20px !important;
  font-weight:900 !important;
  padding:7px 10px !important;
  margin:0 !important;
  text-align:center !important;
  letter-spacing:0 !important;
}

/* 板块整体更利落 */
.section,
.material-group,
.material-card{
  margin:6px 0 !important;
  border-radius:10px !important;
  overflow:hidden !important;
  box-shadow:none !important;
}

/* 手机端 */
@media (max-width: 900px){
  .material-line{
    gap:6px !important;
    padding:5px 8px !important;
  }

  .line-issue{
    flex:0 0 84px !important;
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    font-size:12px !important;
  }

  .line-left b{
    font-size:18px !important;
  }

  .line-right{
    flex:0 0 104px !important;
    width:104px !important;
    min-width:104px !important;
    max-width:104px !important;
    font-size:14px !important;
    gap:4px !important;
  }

  .open-num{
    width:2em !important;
    min-width:2em !important;
    font-size:18px !important;
  }

  .hit-tag,
  .hit-no,
  .hit-wait{
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    height:22px !important;
    font-size:12px !important;
  }

  .section-title,
  .material-group-title{
    font-size:17px !important;
    padding:6px 8px !important;
  }
}
.line-left b{
  font-size:22px !important;
}
.section-title,
.material-group-title{
  font-size:20px !important;
}
/* ===== 当前页面最稳版 ===== */

.line-left b{
  font-size:20px !important;
  line-height:1.15 !important;
  letter-spacing:-0.3px !important;
}

.line-right{
  width:118px !important;
  min-width:118px !important;
}

.open-num{
  width:2.2em !important;
  min-width:2.2em !important;
  text-align:center !important;
}

@media (max-width: 900px){
  .line-left b{
    font-size:17px !important;
  }

  .line-right{
    width:104px !important;
    min-width:104px !important;
  }
}
/* ===== 后台什么格式，首页就什么格式 ===== */

.line-left b{
  white-space: pre-wrap !important;   /* 关键：保留后台换行和空格 */
  word-break: break-word !important;  /* 太长时才自动换 */
  overflow: visible !important;
  text-overflow: clip !important;
  display: block !important;
  line-height: 1.2 !important;
}

/* 不要强行单行 */
.line-left{
  overflow: visible !important;
}

.line-inner{
  align-items: flex-start !important;
}
/* ===== 168真实站感美化版 ===== */

/* 页面底色更柔一点 */
body{
  background: linear-gradient(180deg,#eef3f8 0%, #f7f9fc 100%) !important;
}

/* 每个板块整体更像真实卡片 */
.section,
.material-group,
.material-card{
  background:#ffffff !important;
  border:1px solid #d7e1ee !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:
    0 2px 8px rgba(19,44,80,.05),
    0 10px 24px rgba(19,44,80,.04) !important;
  margin:10px 0 !important;
}

/* 蓝条更有层次 */
.section-title,
.material-group-title{
  background:
    linear-gradient(180deg,#5b88c8 0%, #3b6eb7 48%, #2d5fa9 100%) !important;
  color:#fff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22) !important;
  font-size:20px !important;
  font-weight:900 !important;
  letter-spacing:.3px !important;
  padding:10px 12px !important;
  position:relative;
}

/* 蓝条两边加一点点装饰感 */
.section-title::before,
.material-group-title::before,
.section-title::after,
.material-group-title::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:10px;
  opacity:.18;
  pointer-events:none;
}

.section-title::before,
.material-group-title::before{
  left:0;
  background:linear-gradient(180deg,#ffffff 0%, transparent 100%);
}

.section-title::after,
.material-group-title::after{
  right:0;
  background:linear-gradient(180deg,#ffffff 0%, transparent 100%);
}

/* 每一行更像真实站里的资料条 */
.material-line{
  background:linear-gradient(180deg,#fbfcfe 0%, #f7f9fc 100%) !important;
  border-bottom:1px solid #e5edf7 !important;
  padding:8px 10px !important;
  transition:none !important;
}

/* 斑马纹，页面更不单调 */
.material-line:nth-child(even){
  background:linear-gradient(180deg,#f6fbf8 0%, #f2f8f4 100%) !important;
}

/* 命中行更真实，不只是换底色 */
.material-line.is-hit{
  background:
    linear-gradient(180deg,#eefaf1 0%, #e6f5ea 100%) !important;
  box-shadow:inset 4px 0 0 #31b45a !important;
}

/* 左边期号更立体一点 */
.line-issue{
  background:linear-gradient(180deg,#ff5147 0%, #f53b34 100%) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 3px 8px rgba(245,59,52,.18) !important;
  border:none !important;
}

/* 内容字保持清晰，但更像正式站 */
.line-left b{
  color:#2456d3 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}

/* 命中的红字更亮一些 */
.hit-mark{
  color:#ff2f55 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.25) !important;
}

/* 右侧开奖号 */
.line-right{
  color:#12233f !important;
  font-weight:900 !important;
}

/* 开奖数字更精神一点 */
.open-num{
  color:#0c1c36 !important;
  font-weight:900 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.28) !important;
}

/* 状态按钮更像成品站 */
.hit-tag{
  background:linear-gradient(180deg,#ff5177 0%, #ff2355 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 3px 8px rgba(255,35,85,.22) !important;
}

.hit-no{
  background:linear-gradient(180deg,#5b98ff 0%, #3979f2 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 3px 8px rgba(57,121,242,.20) !important;
}

.hit-wait{
  background:linear-gradient(180deg,#e5b92d 0%, #c99206 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 3px 8px rgba(201,146,6,.20) !important;
}

/* 板块与板块之间更自然 */
.material-group-body,
.material-body{
  padding:4px !important;
  background:linear-gradient(180deg,#f8fbff 0%, #f5f8fc 100%) !important;
}

/* 手机端稍微收一点 */
@media (max-width: 900px){
  .section,
  .material-group,
  .material-card{
    border-radius:12px !important;
    margin:8px 0 !important;
  }

  .section-title,
  .material-group-title{
    font-size:17px !important;
    padding:8px 10px !important;
  }

  .material-line{
    padding:7px 8px !important;
  }
}
/* ===== 168 首页终极皮肤版 ===== */

/* 整体底色 */
body{
  background:
    linear-gradient(180deg,#edf2f7 0%, #f7f9fc 45%, #eef3f8 100%) !important;
  color:#0f223b !important;
}

/* 页面主体更像正式站 */
.page{
  width:min(1200px,100%) !important;
  margin:0 auto !important;
  background:transparent !important;
}

/* 所有板块统一成“真实卡片感” */
.section,
.material-group,
.material-card,
.open-card,
.materials-card{
  background:#fff !important;
  border:1px solid #d7e1ee !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:
    0 2px 6px rgba(15,34,59,.05),
    0 6px 16px rgba(15,34,59,.04) !important;
}

/* 板块上下更自然 */
.section,
.material-group,
.material-card{
  margin:10px 0 !important;
}

/* ===== 蓝条 ===== */
.section-title,
.material-group-title,
.open-head,
.materials-head{
  background:
    linear-gradient(180deg,#5d8ed0 0%, #4577be 45%, #2f63aa 100%) !important;
  color:#fff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,0,0,.06) !important;
  position:relative;
}

/* 蓝条上面微高光 */
.section-title::before,
.material-group-title::before,
.open-head::before,
.materials-head::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:40%;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  pointer-events:none;
}

/* 蓝条标题字体 */
.section-title,
.material-group-title{
  font-size:20px !important;
  font-weight:900 !important;
  text-align:center !important;
  padding:8px 12px !important;
  letter-spacing:.2px !important;
  margin:0 !important;
}

/* 蓝条两边轻装饰 */
.section-title::after,
.material-group-title::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.10),transparent 12%,transparent 88%,rgba(255,255,255,.10));
}

/* ===== 内容区底色层次 ===== */
.material-group-body,
.material-body,
.materials-list{
  background:
    linear-gradient(180deg,#f9fbfe 0%, #f5f8fc 100%) !important;
  padding:4px !important;
}

/* 每一行资料更像真实站 */
.material-line{
  background:
    linear-gradient(180deg,#fbfcfe 0%, #f7f9fc 100%) !important;
  border-bottom:1px solid #e5edf7 !important;
  padding:8px 10px !important;
  box-sizing:border-box !important;
}

/* 斑马纹 */
.material-line:nth-child(even){
  background:
    linear-gradient(180deg,#f4fbf7 0%, #eef7f2 100%) !important;
}

/* 命中行更像真实站高亮 */
.material-line.is-hit{
  background:
    linear-gradient(180deg,#eefaf1 0%, #e6f5ea 100%) !important;
  box-shadow:inset 4px 0 0 #2db356 !important;
}

/* ===== 期号 ===== */
.line-issue{
  background:linear-gradient(180deg,#ff554b 0%, #f53c35 100%) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 3px 8px rgba(245,60,53,.20) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.10) !important;
}

/* ===== 资料文字 ===== */
.line-left b{
  color:#2456d3 !important;
  font-weight:900 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}

/* 命中红字更亮 */
.hit-mark{
  color:#ff2d55 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.25) !important;
}

/* ===== 右边 开奖 ===== */
.line-right{
  color:#132542 !important;
  font-weight:900 !important;
}

.open-num{
  color:#0d1d37 !important;
  font-weight:900 !important;
  font-variant-numeric:tabular-nums !important;
  text-shadow:0 1px 0 rgba(255,255,255,.28) !important;
}

/* ===== 状态按钮 ===== */
.hit-tag,
.hit-no,
.hit-wait{
  border:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 3px 8px rgba(0,0,0,.10) !important;
}

.hit-tag{
  background:linear-gradient(180deg,#ff5a7d 0%, #ff2356 100%) !important;
  color:#fff !important;
}

.hit-no{
  background:linear-gradient(180deg,#5a97ff 0%, #3978f2 100%) !important;
  color:#fff !important;
}

.hit-wait{
  background:linear-gradient(180deg,#ebbf34 0%, #cb9308 100%) !important;
  color:#fff !important;
}

/* ===== 开奖卡片也统一质感 ===== */
.open-card{
  margin:0 10px 12px !important;
}

.open-balls-wrap{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%) !important;
}

.open-meta{
  background:linear-gradient(180deg,#fbfdff 0%, #f4f8fc 100%) !important;
  border-top:1px solid #e3eaf4 !important;
  border-bottom:1px solid #e3eaf4 !important;
}


/* 历史记录也顺一下 */
.history-panel,
.history-list,
.history-page-list{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%) !important;
}

/* ===== 板块边框再精致一点 ===== */
.section,
.material-group,
.material-card,
.open-card,
.materials-card{
  position:relative;
}

.section::before,
.material-group::before,
.material-card::before,
.open-card::before,
.materials-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}

/* ===== 手机端 ===== */
@media (max-width: 900px){
  .section,
  .material-group,
  .material-card,
  .open-card,
  .materials-card{
    border-radius:12px !important;
  }

  .section-title,
  .material-group-title{
    font-size:17px !important;
    padding:8px 10px !important;
  }

  .material-line{
    padding:7px 8px !important;
  }
}
/* ===== 168最后一层真实感增强 ===== */

/* 行与行之间更像真实表格 */
.material-line{
  position:relative;
  border-bottom:1px solid #e3ebf5 !important;
}

/* 命中行：左侧绿条（关键！） */
.material-line.is-hit::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,#2fc56b,#1fa855);
}

/* 命中行整体更亮一点 */
.material-line.is-hit{
  background:linear-gradient(180deg,#f1fbf5 0%, #e9f8ef 100%) !important;
}

/* 普通行再轻一点分层 */
.material-line:nth-child(even){
  background:linear-gradient(180deg,#f9fbfe 0%, #f4f7fb 100%) !important;
}

/* 鼠标轻微悬停（更像真实站） */
.material-line:hover{
  background:#eef5ff !important;
  transition:.15s;
}

/* 蓝条下边加一道细阴影 */
.section-title,
.material-group-title{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    inset 0 -1px 0 rgba(0,0,0,.08),
    0 2px 4px rgba(0,0,0,.06) !important;
}

/* 内容区域再压一点高级感 */
.material-group-body{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}

/* 红色期号更立体一点 */
.line-issue{
  transform:translateY(0);
  transition:.15s;
}

.line-issue:hover{
  transform:translateY(-1px);
}

/* 按钮轻微浮起 */
.hit-tag,
.hit-no,
.hit-wait{
  transition:.15s;
}

.hit-tag:hover,
.hit-no:hover,
.hit-wait:hover{
  transform:translateY(-1px);
}
/* =====🔥 168终极门户 + 彩球 + 排版锁死版 ===== */

/* ===== 整体间距压缩 ===== */
.materials-wrap{
  gap:2px !important;
}

/* ===== 每行结构锁死（168那种一眼整齐）===== */
.material-line{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:6px 10px !important;
  font-size:15px !important;
  line-height:1.2 !important;
  border-bottom:1px solid #e6edf7 !important;
  background:#fff !important;
}

/* ===== 左边内容 ===== */
.line-left b{
  font-size:clamp(18px,2.2vw,24px) !important;
  letter-spacing:1px !important;
}

/* ===== 右边开奖 + 状态（固定宽度核心）===== */
.line-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  width:140px !important;   /* ⭐关键 */
}

/* 开：33 */
.open-num{
  width:36px !important;
  text-align:center !important;
  font-size:16px !important;
}

/* ===== 状态按钮统一（彻底对齐）===== */
.hit-tag,
.hit-no,
.hit-wait{
  width:48px !important;
  height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:13px !important;
  font-weight:900 !important;
  border-radius:999px !important;
}

/* ===== 命中行（168绿条）===== */
.material-line.is-hit{
  background:#edf8ef !important;
  position:relative;
}

.material-line.is-hit::before{
  display:none !important;
}

/* ===== 最新期 ===== */
.material-line.is-latest{
  background:#f0fdf4 !important;
}

/* ===== 门户蓝条增强 ===== */
.material-head{
  background:linear-gradient(180deg,#3b6db8,#2f5fa7) !important;
  font-size:16px !important;
  letter-spacing:1px;
}

/* ===== 卡片感（像168）===== */
.material-card{
  box-shadow:0 3px 10px rgba(0,0,0,.05) !important;
  border-radius:10px !important;
}

/* ===== 彩球强化 ===== */
.xg-open-ball{
  width:62px !important;
  height:62px !important;
  font-size:18px !important;
  border:3px solid rgba(255,255,255,.9) !important;
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.4),
    0 3px 8px rgba(0,0,0,.25) !important;
}

/* ===== 特码更大 ===== */
#openTema{
  transform:scale(1.15);
  box-shadow:
    0 0 0 4px rgba(255,215,0,.3),
    0 0 18px rgba(255,215,0,.4);
}
/* ===== 板块渐变加深 + 立体感增强 ===== */

/* 整个资料大板块 */
.material-card{
  border:2px solid #999;
  border-radius:8px;
  box-shadow:none;
}

/* 蓝色标题条加深、加层次 */
.material-head{
  background:linear-gradient(180deg,#7a6bb0,#4e3e88);
  color:#fff;
  padding:10px;
  font-size:20px;
  font-weight:900;
  text-align:center;
}

/* 标题条上面一层高光 */
.material-head::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:42%;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  pointer-events:none;
}

/* 内容区底色加一点层次 */
.material-body{
  background:linear-gradient(180deg,#fbfdff 0%, #f4f8fc 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* 每一行资料更像真实站卡片内层 */
.material-line{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%) !important;
  border-bottom:1px solid #e4ebf4 !important;
}

/* 斑马纹轻微层次 */
.material-line:nth-child(even){
  background:linear-gradient(180deg,#f7fbf8 0%, #f1f8f3 100%) !important;
}

/* 命中行的层次更明显 */
.material-line.is-hit{
  background:linear-gradient(180deg,#eefaf1 0%, #e6f5ea 100%) !important;
  box-shadow:
    inset 4px 0 0 #22c55e,
    inset 0 1px 0 rgba(255,255,255,.5) !important;
}

/* 最新期微强化 */
.material-line.is-latest{
  background:linear-gradient(180deg,#f4fff7 0%, #ecfaf0 100%) !important;
}

/* 左边期号更立体 */
.line-issue{
  background:linear-gradient(180deg,#ff5a4f 0%, #f33a33 100%) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 3px 8px rgba(243,58,51,.20) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.10) !important;
}

/* 准 / 错 / 待开 按钮更有浮起感 */
.hit-tag,
.hit-no,
.hit-wait{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 3px 8px rgba(0,0,0,.12) !important;
}

/* 鼠标放上去更有真实感（电脑端） */
.material-card:hover{
  box-shadow:
    0 3px 8px rgba(15,35,59,.06),
    0 14px 28px rgba(15,35,59,.09) !important;
  transform:translateY(-1px);
  transition:.18s ease;
}

/* 手机端收一点，避免太重 */
@media (max-width: 900px){
  .material-card{
    border-radius:12px !important;
    box-shadow:
      0 2px 5px rgba(15,35,59,.04),
      0 8px 16px rgba(15,35,59,.06) !important;
    transform:none !important;
  }

  .material-card:hover{
    transform:none !important;
  }

  .material-head{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      inset 0 -1px 0 rgba(0,0,0,.08),
      0 1px 4px rgba(25,56,104,.10) !important;
  }
}
/* =========================
   资料区 → 表格终极覆盖版
   ========================= */

/* 外框（整块资料） */
.material-card{
  border:2px solid #8e8e8e !important;
  border-radius:8px !important;
  box-shadow:none !important;
  background:#fff !important;
  overflow:hidden;
}

/* 标题条（紫色那条） */
.material-head{
  background:linear-gradient(180deg,#7b6fc0,#4a3c86) !important;
  color:#fff !important;
  padding:10px !important;
  font-size:20px !important;
  font-weight:900 !important;
  text-align:center !important;
  letter-spacing:1px;
}

/* 内容区域 */
.material-body{
  padding:0 !important;
  background:#fff !important;
}

/* 每一行（核心） */
.material-line{
  display:flex !important;
  align-items:center !important;
  padding:8px 10px !important;
  border-bottom:1px solid #cfcfcf !important;
  font-size:18px !important;
  font-weight:900 !important;
  background:#fff !important;
}

/* 去掉hover效果 */
.material-line:hover{
  background:#fff !important;
}

/* 左边期数 */
.line-issue{
  width:70px !important;
  background:#f33 !important;
  color:#fff !important;
  border-radius:4px !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-align:center !important;
  padding:2px 0 !important;
  margin-right:8px;
}

/* 中间内容（重点） */
.line-left{
  font-size:20px !important;
  font-weight:900 !important;
  color:#111 !important;
  letter-spacing:1px;
  word-spacing:6px;
}

/* 命中红字 */
.hit-mark{
  color:#ff0000 !important;
  font-weight:900 !important;
}

/* 右边结果 */
.line-right{
  font-size:18px !important;
  font-weight:900 !important;
  color:#000 !important;
}

/* 准 */
.hit-tag{
  background:#ff0000 !important;
  color:#fff !important;
  font-weight:900 !important;
}

/* 错 */
.hit-no{
  background:#2f6fff !important;
  color:#fff !important;
}

/* 待开 */
.hit-wait{
  background:#d4a017 !important;
  color:#fff !important;
}
/* =========================
   🔥 红黄高亮 + 居中对齐版（终极）
   ========================= */

/* 整体一行 */
.material-line{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:10px 12px !important;
  border-bottom:1px solid #cfcfcf !important;
  font-size:18px !important;
  font-weight:900 !important;
  background:#fff !important;
}

/* 中间整体区域（关键：保证对齐） */
.line-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
}

/* 左边内容（居中 + 等宽） */
.line-left{
  flex:1 !important;
  text-align:center !important;
  font-size:20px !important;
  font-weight:900 !important;
  letter-spacing:2px;
  word-spacing:10px;

  /* 🔥 等宽关键（保证整齐） */
  font-family:"Consolas","Menlo","Monaco","Courier New",monospace;
}

/* 右边结果 */
.line-right{
  flex:0 0 150px !important;
  text-align:right !important;
  font-size:18px !important;
  font-weight:900 !important;
}

/* =========================
   🔥 红底黄字（核心）
   ========================= */

/* 命中内容 */
.hit-mark{
  display:inline-block;
  padding:2px 6px;
  margin:0 2px;
  background:#ff0000;
  color:#ffff00;
  border-radius:4px;
  font-weight:900;
}

/* =========================
   状态标签
   ========================= */

.hit-tag{
  background:#ff0000 !important;
  color:#fff !important;
  font-weight:900 !important;
}

.hit-no{
  background:#2f6fff !important;
  color:#fff !important;
}

.hit-wait{
  background:#d4a017 !important;
  color:#fff !important;
}
.editbox{
  display:none;
}

.editbox.show{
  display:block;
}
/* ===== 命中样式：改成参考站那种 红底黄字 ===== */

/* 整行资料 */
.ref-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:52px;
  padding:8px 14px;
  border-bottom:1px solid #cfcfcf;
  background:#eef5ee;
  font-weight:900;
}

/* 左边：期数 + 内容 */
.ref-line-left{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  flex:1;
}

/* 期数小红条 */
.ref-issue{
  flex:0 0 auto;
  min-width:86px;
  height:22px;
  line-height:22px;
  text-align:center;
  color:#fff;
  font-size:15px;
  border-radius:6px;
  background:linear-gradient(180deg,#ff3a32,#f3342a);
  box-shadow:0 4px 12px rgba(255,0,0,.18);
}

/* 正常资料字 */
.ref-content{
  flex:1;
  min-width:0;
  font-size:23px;
  line-height:1.25;
  color:#1557d6;
  font-weight:900;
  word-break:break-all;
}

/* 命中的文字：红底黄字（像参考图） */
.ref-hit{
  display:inline-block;
  padding:0 6px;
  margin:0 1px;
  border-radius:0;
  background:#ff1d12;
  color:#ffe600 !important;
  font-weight:900;
  line-height:1.15;
}

/* 命中的文字如果需要更紧凑 */
.ref-hit.tight{
  padding:0 4px;
  margin:0;
}

/* 右边 开奖结果区域 */
.ref-open{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:20px;
  font-weight:900;
  color:#111;
  white-space:nowrap;
}

/* “开：33” */
.ref-open-text{
  color:#111;
  font-size:18px;
  font-weight:900;
}

/* 小标签：准 / 错 / 待开 */
.ref-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:30px;
  padding:0 12px;
  border-radius:18px;
  color:#fff;
  font-size:18px;
  font-weight:900;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
}

.ref-badge.hit{
  background:#ff1818;
}

.ref-badge.miss{
  background:#2f6fff;
}

.ref-badge.pending{
  background:#d7a400;
}

/* 板块标题更像参考图 */
.ref-block-title{
  background:linear-gradient(180deg,#7a68c7,#5b4a9d);
  color:#fff;
  text-align:center;
  font-size:26px;
  font-weight:900;
  padding:10px 12px;
}

/* 行与行更紧凑 */
.material-row,
.result-row,
.item-row{
  margin:0 !important;
  padding:0 !important;
}
/* =========================
   手机端开奖区防裁切修正
   ========================= */
@media (max-width: 480px){

  /* 开奖整块左右再收紧一点 */
  .open-card,
  .open-panel,
  .open-box,
  .result-card{
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow: hidden;
  }

  /* 开奖号码这一行：允许横向滑动，别直接被裁掉 */
  .open-balls,
  .balls-row,
  .open-nums,
  .kj-balls{
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  .open-balls::-webkit-scrollbar,
  .balls-row::-webkit-scrollbar,
  .open-nums::-webkit-scrollbar,
  .kj-balls::-webkit-scrollbar{
    display: none;
  }



  /* 球下面生肖/五行字也缩一点 */
  .ball-meta,
  .ball-text,
  .ball-animal,
  .open-zodiac{
    font-size: 12px !important;
    line-height: 1.15 !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  /* 第007期开奖结果 / 历史记录 / 倒计时 这些区域也别太挤 */
  .open-title,
  .open-header,
  .result-header{
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /* 标题文字稍微小一点，避免挤压 */
  .open-issue-title,
  .current-issue,
  .result-issue{
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  /* 历史记录、倒计时字再收一点 */
  .history-link,
  .countdown,
  .next-issue{
    font-size: 13px !important;
  }
}
/* =========================
   手机终极压缩版（开奖一屏显示）
   ========================= */
@media (max-width: 480px){

  /* 整个开奖卡片左右再收紧 */
  .open-card,
  .open-panel,
  .open-box{
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  /* 生肖文字 */
  .ball-meta,
  .ball-text,
  .open-zodiac{
    font-size: 11px !important;
    margin-top: 3px !important;
    line-height: 1.1 !important;
  }

  /* 标题稍微压一下 */
  .open-issue-title{
    font-size: 18px !important;
  }

  /* 历史记录移动到下面，避免挤球 */
  .history-link{
    display: block !important;
    margin-top: 6px !important;
    text-align: right;
  }

  /* 倒计时也压一点 */
  .countdown{
    font-size: 12px !important;
  }
}
.open-card{
  overflow: visible !important;
}
/* =========================
   手机端：开奖球一排7个强制塞进屏幕
   ========================= */
@media (max-width: 480px){

  /* 开奖最外层卡片再收紧 */
  .open-card,
  .open-panel,
  .open-box,
  .result-card{
    padding-left: 4px !important;
    padding-right: 4px !important;
    overflow: hidden !important;
  }

  /* 开奖号码这一排：改成7等分，不再用普通flex撑宽 */
  .open-balls,
  .balls-row,
  .open-nums,
  .kj-balls{
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    column-gap: 2px !important;
    row-gap: 0 !important;
    align-items: start !important;
    justify-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  /* 每一个球外层也不能再撑宽 */
  .open-balls > *,
  .balls-row > *,
  .open-nums > *,
  .kj-balls > *{
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }



  /* 球下面的生肖/五行 */
  .ball-meta,
  .ball-text,
  .ball-animal,
  .open-zodiac{
    font-size: 10px !important;
    line-height: 1.1 !important;
    margin-top: 3px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
  }

  /* 开奖标题和历史记录也缩一点，别抢横向空间 */
  .open-issue-title,
  .current-issue,
  .result-issue{
    font-size: 17px !important;
    line-height: 1.15 !important;
  }

  .history-link{
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .countdown,
  .next-issue{
    font-size: 12px !important;
  }
}
@media (max-width: 480px){
  .ball-item,
  .open-ball-item,
  .num-item,
  .kj-item{
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* =========================
   🔥 新港彩开奖手机版终极修复（针对 xg-open-*）
   ========================= */
@media (max-width: 480px){

  /* 外层卡片收紧 */
  .open-main-ultimate{
    padding:12px 6px 10px !important;
  }

  /* 🔴 核心：改成7格布局 */
  .xg-open-balls-wrap{
    display:grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    gap:4px !important;
    justify-items:center !important;
    align-items:start !important;
    width:100% !important;
  }

  /* 每个球外层 */
  .xg-open-ball-item{
    width:100% !important;
    min-width:0 !important;
  }

  /* 🔴 球本体缩小 */
  .xg-open-ball{
    width:100% !important;
    max-width:40px !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    font-size:13px !important;
    line-height:1 !important;
  }

  /* +号也要缩 */
  .xg-open-plus{
    font-size:22px !important;
    height:40px !important;
  }

  /* 生肖文字 */
  .xg-open-meta{
    font-size:10px !important;
    margin-top:3px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }

  /* 标题缩一点避免挤压 */
  .xg-open-left-title{
    font-size:18px !important;
  }

  .xg-open-issue{
    font-size:20px !important;
  }

  .xg-open-right-link{
    font-size:14px !important;
  }

  /* 倒计时区域压缩 */
  .xg-open-bottomline{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:4px !important;
  }

  .xg-open-countdown b{
    font-size:16px !important;
  }
}
.xg-open-ball{
  max-width:40px !important;
}

/* 特码外层整体更突出一点 */
.xg-open-ball-item-tema{
  position: relative;
}

/* 普通球先保持你当前立体感 */
.xg-open-ball{
  position: relative;
  overflow: hidden;
}

.xg-open-ball::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,.92) 0 14%, transparent 15%),
    radial-gradient(circle at center, #ffffff 0 55%, #f3f3f3 56% 66%, transparent 67%);
  z-index:1;
  pointer-events:none;
}

/* ===== 特码球：电脑端更像168，但别太夸张 ===== */
.xg-open-ball-tema{
  position: relative;
  transform: scale(1.05);

  box-shadow:
    0 0 0 2px #f7d774,
    0 0 0 4px #b8860b,
    0 0 8px rgba(255,215,0,.35),
    inset 0 2px 4px rgba(255,255,255,.45),
    inset 0 -3px 6px rgba(0,0,0,.16),
    0 4px 10px rgba(0,0,0,.18) !important;

  border: 2px solid #fff8cc !important;
  z-index: 5;
}

/* 金圈里面再加一层亮边 */
.xg-open-ball-tema::after{
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  border: 2px solid rgba(255,235,150,.75);
}

/* 特码下面文字也重点一点 */
.xg-open-meta-tema{
  font-weight: 900 !important;
  color: #7c2d12 !important;
}

/* 桌面端让特码和前面球稍微拉开一点 */
@media (min-width: 481px){
  .xg-open-ball-item-tema{
    margin-left: 4px;
  }
}

/* 手机端：特码仍然高亮，但不要大到把布局挤坏 */
@media (max-width: 480px){
  .xg-open-ball-tema{
    transform: scale(1.03) !important;
    box-shadow:
      0 0 0 2px #f3d77a,
      0 0 0 3px #b8860b,
      inset 0 2px 4px rgba(255,255,255,.45),
      inset 0 -2px 4px rgba(0,0,0,.10),
      0 2px 6px rgba(0,0,0,.16) !important;
  }

/* =========================
   🔥 168终极特码（强化版）
   ========================= */
.xg-open-ball-tema{
  position: relative;
  transform: scale(1.1);

  /* 外圈 + 内圈 + 发光 */
  box-shadow:
    0 0 0 3px #f7d774,
    0 0 0 6px #b8860b,
    0 0 12px rgba(255,215,0,.6),
    inset 0 3px 6px rgba(255,255,255,.5),
    inset 0 -4px 8px rgba(0,0,0,.2),
    0 6px 14px rgba(0,0,0,.25) !important;

  border: 2px solid #fff8cc !important;
  z-index: 5;
}

/* 🔥 内层亮圈（更像168） */
.xg-open-ball-tema::after{
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  border: 2px solid rgba(255,235,150,.9);
}

/* 🔥 再加一层高光 */
.xg-open-ball-tema::before{
  content: "";
  position: absolute;
  top: 6%;
  left: 18%;
  width: 45%;
  height: 32%;
  border-radius: 50%;
  background: rgba(255,255,255,.5);
  filter: blur(2px);
}
@media (max-width:480px){
  .xg-open-ball-tema{
    transform: scale(1.05) !important;

    box-shadow:
      0 0 0 2px #f7d774,
      0 0 0 4px #b8860b,
      0 0 8px rgba(255,215,0,.5),
      inset 0 2px 4px rgba(255,255,255,.5),
      inset 0 -3px 6px rgba(0,0,0,.15),
      0 3px 8px rgba(0,0,0,.2) !important;
  }
}
/* ===== 特码：电脑端更协调 ===== */
.xg-open-ball-item-tema{
  position: relative;
  margin-left: 8px;   /* 和前面6个球稍微拉开一点 */
}

/* 左上角小“特”徽章：电脑端往左上提，不压球 */
.xg-open-ball-item-tema::before{
  content: "特";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-170%);
  z-index: 9;

  width: 20px;
  height: 20px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 11px;
  font-weight: 900;
  color: #fff7cc;

  background: linear-gradient(180deg, #f7d774 0%, #c99200 100%);
  border: 1px solid #fff2a8;
  box-shadow:
    0 0 0 1px #a56a00,
    0 2px 6px rgba(0,0,0,.18);
}

/* 手机端徽章小一点，避免挤 */
@media (max-width:480px){
  .xg-open-ball-item-tema::before{
    width: 18px;
    height: 18px;
    font-size: 10px;
    top: -6px;
    transform: translateX(-145%);
  }
}
/* =========================
   只改手机端：右侧不要那么开
   不影响电脑端
   ========================= */
@media (max-width: 900px){

  /* 每一行更紧一点 */
  .material-line{
    gap: 6px !important;
    padding: 4px 6px !important;
    min-height: 40px !important;
    align-items: center !important;
  }

  /* 左边期号再窄一点 */
  .line-issue{
    flex: 0 0 66px !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    font-size: 11px !important;
    padding: 4px 0 !important;
  }

  /* 中间内容多吃一点空间 */
  .line-text{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .line-inner{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
  }

  /* 中间文字 */
  .line-left{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .line-left b{
    font-size: 16px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.3px !important;
  }

  /* 右边开号区缩窄，别再撑太开 */
  .line-right{
    flex: 0 0 92px !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;

    font-size: 14px !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  /* 开奖数字缩一点 */
  .open-num{
    min-width: 20px !important;
    width: 20px !important;
    font-size: 16px !important;
    text-align: center !important;
  }

  /* 状态按钮缩一点 */
  .hit-tag,
  .hit-no,
  .hit-wait{
    min-width: 36px !important;
    width: 36px !important;
    height: 22px !important;
    padding: 0 !important;
    font-size: 12px !important;
    margin-left: 2px !important;
    border-radius: 999px !important;
  }
}
/* =========================
   命中不影响对齐（关键修复）
   ========================= */

/* 所有命中高亮 */
.auto-hit,
.hit-hot,
.line-left .hit{
  
  /* ❗去掉影响宽度的东西 */
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;

  /* ✅ 只保留颜色效果 */
  background: linear-gradient(180deg,#ff2a2a,#ff0000) !important;
  color: #ffe66d !important;

  /* ✅ 固定高度，不撑开 */
  line-height: 1.1 !important;
}

/* 防止文字跳动 */
.line-left b{
  display: block !important;
  white-space: pre-wrap !important;
}

/* 🔥 关键：让每个字宽度稳定 */
.line-left{
  font-variant-numeric: tabular-nums !important;
}

/* 不要左边绿色竖杠 */
.material-line.is-latest{
  box-shadow: none !important;
}

/* ===== 命中统一：不影响对齐 ===== */
.hit{
  display:inline-block;
  min-width:20px;
  text-align:center;

  color:#d40000 !important;
  background:#ffeb3b;

  border-radius:3px;
  padding:0 2px;

  line-height:1.2;
}

/* 手动红字（不命中） */
.manual-red{
  color:#d40000;
  background:none !important;
}

/* 等宽排列（像168） */
.materials-block,
.materials-block *{
  font-family: Consolas, "Courier New", monospace;
}

/* ===== 首页动态图片 ===== */
.banner{
  width:100%;
  overflow:hidden;
  position:relative;
  background:#fff;
}

.banner-track img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
}

@media (max-width:900px){
  .banner-track img{
    height:120px;
  }
}
.page{
  min-height:100vh;   /* ⭐关键：撑满整个屏幕 */
  display:flex;
  flex-direction:column;
}

.banner{
  margin-top:auto;   /* ⭐关键：自动推到最底 */
}
.banner{
  margin:20px 10px 40px;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
}
/* ===== 底部图片最终锁死对齐版 ===== */
#bottomBannerWrap{
  width:min(1100px,94vw) !important;
  margin:10px auto 18px !important;
  box-sizing:border-box !important;
}

#bottomBannerWrap .banner{
  margin:0 10px !important;   /* 和上面 .materials-card / .open-card 一样 */
  background:#fff !important;
  border:1px solid #d7e1ee !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:
    0 2px 8px rgba(19,44,80,.05),
    0 10px 24px rgba(19,44,80,.08) !important;
}

#bottomBannerWrap{
  width:min(1100px,94vw) !important;
  margin:10px auto 18px !important;
  box-sizing:border-box !important;
}

#bottomBannerWrap .banner{
  margin:0 10px !important;
  background:#fff !important;
  border:1px solid #d7e1ee !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:
    0 2px 8px rgba(19,44,80,.05),
    0 10px 24px rgba(19,44,80,.08) !important;
}

#bottomBannerWrap .banner img{
  width:100% !important;
  height:auto !important;          /* ⭐ 改回自动高度 */
  display:block !important;
  object-fit:contain !important;   /* ⭐ 完整显示 */
  background:#fff !important;
}

@media (max-width:900px){
  #bottomBannerWrap{
    width:min(1100px,94vw) !important;
    margin:8px auto 14px !important;
  }

  #bottomBannerWrap .banner{
    margin:0 6px !important;
    border-radius:12px !important;
  }

  #bottomBannerWrap .banner img{
    width:100% !important;
    height:auto !important;
  }
}

@media (max-width:900px){
  #bottomBannerWrap .banner{
    margin:0 6px !important;
    border-radius:12px !important;
    height:220px !important;   /* 手机端高度 */
  }
}

@media (max-width:900px){
  #bottomBannerWrap{
    width:min(1100px,94vw) !important;
    margin:8px auto 14px !important;
  }

  #bottomBannerWrap .banner{
    margin:0 6px !important;   /* 和手机端上面卡片一致 */
    border-radius:12px !important;
  }
}
/* ===== 底部图片：完整显示终极修正版 ===== */
#bottomBannerWrap{
  width:min(1100px,94vw) !important;
  margin:10px auto 18px !important;
  box-sizing:border-box !important;
}

#bottomBannerWrap .banner{
  margin:0 10px !important;
  background:#fff !important;
  border:1px solid #d7e1ee !important;
  border-radius:14px !important;
  overflow:visible !important;      /* 关键：不要裁切 */
  height:auto !important;           /* 关键：不要固定高度 */
  max-height:none !important;       /* 关键：去掉最大高度 */
  min-height:0 !important;
  box-shadow:0 2px 8px rgba(19,44,80,.05), 0 10px 24px rgba(19,44,80,.08) !important;
}

#bottomBannerWrap .banner-track{
  display:block !important;
  width:100% !important;
  height:auto !important;
  animation:none !important;
  transform:none !important;
}

#bottomBannerWrap .banner img,
#bottomBannerWrap .banner-track img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  display:block !important;
}

@media (max-width:900px){
  #bottomBannerWrap{
    width:min(1100px,94vw) !important;
    margin:8px auto 14px !important;
  }

  #bottomBannerWrap .banner{
    margin:0 6px !important;
    border-radius:12px !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }

  #bottomBannerWrap .banner img,
  #bottomBannerWrap .banner-track img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
  }
}
/* ===== 中间广告终极版（补全） ===== */
.mid-banner-wrap{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}

.mid-banner{
  width:100% !important;
  max-width:100% !important;
  border-radius:8px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:0 !important;
}

.mid-banner img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

/* 手机端适配 */
@media (max-width:900px){
  .mid-banner-wrap{
    margin:6px 0 10px !important;
  }

  .mid-banner{
    border-radius:10px !important;
  }
}
/* ===== 中间广告终极自适应版 ===== */
.mid-banner-wrap{
  width:100% !important;
  margin:8px 0 12px !important;
  display:block !important;
}

.mid-banner{
  width:100% !important;
  max-width:100% !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 3px 10px rgba(19,44,80,.08) !important;
}

.mid-banner img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center top !important;
  background:#fff !important;
}

/* 电脑端：广告跟板块一样宽 */
@media (min-width:901px){
  .mid-banner-wrap{
    width:100% !important;
    margin:8px 0 12px !important;
  }

  .mid-banner{
    width:100% !important;
  }
}

/* 手机端：自动缩放，不裁剪 */
@media (max-width:900px){
  .mid-banner-wrap{
    width:100% !important;
    margin:6px 0 10px !important;
  }

  .mid-banner{
    width:100% !important;
    border-radius:10px !important;
  }

  .mid-banner img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
  }
}
/* ===== 中间广告终极版（补全） ===== */
.mid-banner-wrap{
  width:100% !important;
  margin:8px 0 12px !important;
  display:block !important;
}

.mid-banner{
  width:100% !important;
  max-width:100% !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 3px 10px rgba(19,44,80,.08) !important;
}

.mid-banner img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center top !important;
  background:#fff !important;
}

/* 手机端适配 */
@media (max-width:900px){
  .mid-banner-wrap{
    margin:6px 0 10px !important;
  }

  .mid-banner{
    border-radius:10px !important;
  }
}
/* ===== 中间广告最终强制铺满版 ===== */
#materials .mid-banner-wrap,
.materials-list .mid-banner-wrap,
.mid-banner-wrap{
  width:100% !important;
  max-width:100% !important;
  margin:8px 0 12px !important;
  padding:0 !important;
  display:block !important;
  box-sizing:border-box !important;
}

#materials .mid-banner,
.materials-list .mid-banner,
.mid-banner{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:12px !important;
  box-sizing:border-box !important;
  background:#fff !important;
}

#materials .mid-banner img,
.materials-list .mid-banner img,
.mid-banner-wrap img,
.mid-banner img{
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  box-sizing:border-box !important;
}

@media (max-width:900px){
  #materials .mid-banner-wrap,
  .materials-list .mid-banner-wrap,
  .mid-banner-wrap{
    margin:6px 0 10px !important;
  }

  #materials .mid-banner,
  .materials-list .mid-banner,
  .mid-banner{
    border-radius:10px !important;
  }
}
/* ===== 中间广告最终锁死铺满版 ===== */
.mid-banner-wrap{
  width:100% !important;
  display:block !important;
  margin:8px 0 12px !important;
  padding:0 !important;
}

.mid-banner{
  width:100% !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

.mid-banner img{
  width:100% !important;
  display:block !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
}
#bottomBannerWrap{
  width:100% !important;
  margin:8px 0 12px !important;
  display:block !important;
}

#bottomBannerWrap .banner{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:12px !important;
}

#bottomBannerWrap .banner img{
  width:100% !important;
  height:auto !important;
  display:block !important;
}
/* ===== 多图片广告静态版 ===== */
.multi-ad-box{
  width:100%;
  margin:8px 0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.multi-ad-item{
  display:block;
  width:100%;
  text-decoration:none;
}

.multi-ad-item img{
  display:block;
  width:100%;
  height:auto;
  border-radius:6px;
}
.admin-fold{
  width:100%;
  margin-bottom:14px;
}

.admin-fold-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #dbe7d8;
  border-radius:16px;
  padding:13px 16px;
  background:linear-gradient(180deg,#22c55e 0%, #16a34a 100%);
  color:#fff;
  font-size:17px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(22,163,74,.14);
  transition:all .18s ease;
}

.admin-fold-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(22,163,74,.18);
}

.admin-fold-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.admin-fold-icon{
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  font-size:15px;
  flex:0 0 28px;
}

.admin-fold-title{
  font-size:17px;
  font-weight:900;
  letter-spacing:.2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.fold-arrow{
  font-size:16px;
  line-height:1;
  font-weight:900;
  flex:0 0 auto;
}

.admin-fold-body{
  margin-top:12px;
  padding:14px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#f8fafc;
}

@media (max-width: 768px){
  .admin-fold-btn{
    padding:12px 14px;
    font-size:16px;
    border-radius:14px;
  }

  .admin-fold-title{
    font-size:16px;
  }

  .admin-fold-body{
  margin-top:12px;
  padding:16px;
  border-radius:16px;
  background:linear-gradient(180deg,#f8fafc 0%, #f1f5f9 100%);
  border:1px solid #e5e7eb;
  box-shadow:0 6px 14px rgba(15,23,42,.04);
}
}
/* ===== 板块间距终极压缩版 ===== */
.materials-wrap{
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.material-card{
  margin:0 !important;
  border-radius:6px !important;
}

.material-card + .material-card{
  margin-top:0 !important;
}

.material-head{
  margin:0 !important;
}

.material-body{
  margin:0 !important;
  padding:0 !important;
}

.material-line{
  margin:0 !important;
}

.mid-banner-wrap{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  line-height:0 !important;
}

.mid-banner{
  width:100% !important;
  max-width:100% !important;
  border-radius:6px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}

.mid-banner img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:top !important;
}
/* ===== 连续流终极压缩版 ===== */
.open-card{
  margin-bottom:0 !important;
  border-radius:8px !important;
  box-shadow:none !important;
}

.material-card{
  border-radius:6px !important;
  box-shadow:none !important;
  border-width:1px !important;
}

.material-head{
  padding:8px 8px !important;
  min-height:auto !important;
  line-height:1.2 !important;
  font-size:16px !important;
  margin:0 !important;
}

.material-body{
  margin:0 !important;
  padding:0 !important;
}

.material-line{
  min-height:46px !important;
  padding:0 8px !important;
}

.line-issue{
  margin:0 !important;
}

.line-text{
  margin:0 !important;
  padding:0 !important;
}

.line-inner{
  gap:2px !important;
}

.line-left{
  font-size:20px !important;
  line-height:1 !important;
}

.line-right{
  font-size:16px !important;
}

#xgOpenCard + #xgMaterialsWrap{
  margin-top:0 !important;
  padding-top:0 !important;
}

#xgMaterialsWrap > .material-card:first-child{
  margin-top:0 !important;
}
/* ===== 连续流终极压缩版 ===== */
.open-card{
  margin-bottom:0 !important;
  border-radius:8px !important;
  box-shadow:none !important;
}

.material-card{
  border-radius:6px !important;
  box-shadow:none !important;
  border-width:1px !important;
}

.material-head{
  padding:8px 8px !important;
  min-height:auto !important;
  line-height:1.2 !important;
  font-size:16px !important;
  margin:0 !important;
}

.material-body{
  margin:0 !important;
  padding:0 !important;
}

.material-line{
  min-height:46px !important;
  padding:0 8px !important;
}

.line-issue{
  margin:0 !important;
}

.line-text{
  margin:0 !important;
  padding:0 !important;
}

.line-inner{
  gap:2px !important;
}

.line-left{
  font-size:20px !important;
  line-height:1 !important;
}

.line-right{
  font-size:16px !important;
}

#xgOpenCard + #xgMaterialsWrap{
  margin-top:0 !important;
  padding-top:0 !important;
}

#xgMaterialsWrap > .material-card:first-child{
  margin-top:0 !important;
}
/* ===== 板块与板块之间 0 空隙终极版 ===== */
#xgMaterialsWrap,
.materials-wrap{
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
}

#xgMaterialsWrap > .material-card,
.materials-wrap > .material-card,
.material-card{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

#xgMaterialsWrap > .material-card + .material-card,
.materials-wrap > .material-card + .material-card,
.material-card + .material-card{
  margin-top:0 !important;
}

.mid-banner-wrap{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.mid-banner-wrap + .material-card{
  margin-top:0 !important;
}

.material-card{
  border-radius:0 !important;
}

.material-head{
  margin:0 !important;
}

.material-body{
  margin:0 !important;
  padding:0 !important;
}
/* ===== 最后一层：外层容器清零 ===== */
.page > section{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.page > div{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

section{
  margin:0 !important;
}

#xgMaterialsWrap{
  margin-top:0 !important;
}

#xgMaterialsWrap > section{
  margin-top:0 !important;
}
.materials-card{
  margin:0 !important;
}
/* ===== 板块之间彻底贴死（核弹版）===== */
#xgMaterialsWrap,
.materials-wrap{
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

#xgMaterialsWrap > .material-card,
.materials-wrap > .material-card,
.material-card{
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border-left:1px solid #8a8a8a !important;
  border-right:1px solid #8a8a8a !important;
  border-top:1px solid #8a8a8a !important;
  border-bottom:1px solid #8a8a8a !important;
}

/* 相邻板块直接重叠 1px，把中间那条缝吃掉 */
#xgMaterialsWrap > .material-card + .material-card,
.materials-wrap > .material-card + .material-card,
.material-card + .material-card{
  margin-top:-1px !important;
}

.material-head{
  margin:0 !important;
  border-radius:0 !important;
}

.material-body{
  margin:0 !important;
  padding:0 !important;
}

.mid-banner-wrap{
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}

.mid-banner-wrap + .material-card{
  margin-top:-1px !important;
}

.mid-banner{
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.mid-banner img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:top !important;
}
/* ===== 电脑端 开奖区精准加强版（只改电脑端） ===== */
@media screen and (min-width: 1024px){

  /* 开奖大框 */
  #openCard,
  .open-card,
  .open-wrap,
  .open-panel,
  .xg-open-card,
  .latest-open,
  .open-box{
    width:min(1180px,96vw) !important;
    margin:10px auto !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  /* 开奖主内容区 */
  #openCard .open-main,
  #openCard .open-center,
  .open-card .open-main,
  .open-card .open-center,
  .open-wrap .open-main,
  .open-wrap .open-center,
  .open-panel .open-main,
  .open-panel .open-center,
  .xg-open-card .open-main,
  .xg-open-card .open-center,
  .latest-open .open-main,
  .latest-open .open-center,
  .open-box .open-main,
  .open-box .open-center{
    padding-top:18px !important;
    padding-bottom:10px !important;
  }

  /* 开奖号码整体 */
  #openCard .open-balls,
  #openCard .balls-wrap,
  #openCard .open-nums,
  #openCard .open-num-list,
  .open-card .open-balls,
  .open-card .balls-wrap,
  .open-card .open-nums,
  .open-card .open-num-list,
  .open-wrap .open-balls,
  .open-wrap .balls-wrap,
  .open-wrap .open-nums,
  .open-wrap .open-num-list,
  .open-panel .open-balls,
  .open-panel .balls-wrap,
  .open-panel .open-nums,
  .open-panel .open-num-list,
  .xg-open-card .open-balls,
  .xg-open-card .balls-wrap,
  .xg-open-card .open-nums,
  .xg-open-card .open-num-list,
  .latest-open .open-balls,
  .latest-open .balls-wrap,
  .latest-open .open-nums,
  .latest-open .open-num-list,
  .open-box .open-balls,
  .open-box .balls-wrap,
  .open-box .open-nums,
  .open-box .open-num-list{
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
    width:100% !important;
  }

  /* 每个球的外层 */
  #openCard .ball-col,
  #openCard .ball-item,
  #openCard .open-ball-item,
  .open-card .ball-col,
  .open-card .ball-item,
  .open-card .open-ball-item,
  .open-wrap .ball-col,
  .open-wrap .ball-item,
  .open-wrap .open-ball-item,
  .open-panel .ball-col,
  .open-panel .ball-item,
  .open-panel .open-ball-item,
  .xg-open-card .ball-col,
  .xg-open-card .ball-item,
  .xg-open-card .open-ball-item,
  .latest-open .ball-col,
  .latest-open .ball-item,
  .latest-open .open-ball-item,
  .open-box .ball-col,
  .open-box .ball-item,
  .open-box .open-ball-item{
    min-width:82px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  /* 球体本身：更圆更大 */
  #openCard .open-ball,
  #openCard .ball,
  #openCard .num-ball,
  #openCard [class*="ball"] > .ball,
  .open-card .open-ball,
  .open-card .ball,
  .open-card .num-ball,
  .open-wrap .open-ball,
  .open-wrap .ball,
  .open-wrap .num-ball,
  .open-panel .open-ball,
  .open-panel .ball,
  .open-panel .num-ball,
  .xg-open-card .open-ball,
  .xg-open-card .ball,
  .xg-open-card .num-ball,
  .latest-open .open-ball,
  .latest-open .ball,
  .latest-open .num-ball,
  .open-box .open-ball,
  .open-box .ball,
  .open-box .num-ball{
    width:82px !important;
    height:82px !important;
    min-width:82px !important;
    min-height:82px !important;
    border-radius:50% !important;
    font-size:34px !important;
    font-weight:900 !important;
    line-height:82px !important;
    text-align:center !important;
  }

  /* 球里面数字 */
  #openCard .open-ball span,
  #openCard .ball span,
  #openCard .num-ball span,
  .open-card .open-ball span,
  .open-card .ball span,
  .open-card .num-ball span,
  .open-wrap .open-ball span,
  .open-wrap .ball span,
  .open-wrap .num-ball span,
  .open-panel .open-ball span,
  .open-panel .ball span,
  .open-panel .num-ball span,
  .xg-open-card .open-ball span,
  .xg-open-card .ball span,
  .xg-open-card .num-ball span,
  .latest-open .open-ball span,
  .latest-open .ball span,
  .latest-open .num-ball span,
  .open-box .open-ball span,
  .open-box .ball span,
  .open-box .num-ball span{
    font-size:34px !important;
    font-weight:900 !important;
    line-height:82px !important;
  }

  /* 加号 */
  #openCard .plus,
  #openCard .ball-plus,
  .open-card .plus,
  .open-card .ball-plus,
  .open-wrap .plus,
  .open-wrap .ball-plus,
  .open-panel .plus,
  .open-panel .ball-plus,
  .xg-open-card .plus,
  .xg-open-card .ball-plus,
  .latest-open .plus,
  .latest-open .ball-plus,
  .open-box .plus,
  .open-box .ball-plus{
    font-size:42px !important;
    line-height:82px !important;
    font-weight:900 !important;
    margin:0 2px !important;
  }

  /* 球下面生肖/五行 */
  #openCard .ball-text,
  #openCard .ball-zodiac,
  #openCard .open-ball-text,
  #openCard .animal,
  #openCard .zodiac,
  .open-card .ball-text,
  .open-card .ball-zodiac,
  .open-card .open-ball-text,
  .open-card .animal,
  .open-card .zodiac,
  .open-wrap .ball-text,
  .open-wrap .ball-zodiac,
  .open-wrap .open-ball-text,
  .open-wrap .animal,
  .open-wrap .zodiac,
  .open-panel .ball-text,
  .open-panel .ball-zodiac,
  .open-panel .open-ball-text,
  .open-panel .animal,
  .open-panel .zodiac,
  .xg-open-card .ball-text,
  .xg-open-card .ball-zodiac,
  .xg-open-card .open-ball-text,
  .xg-open-card .animal,
  .xg-open-card .zodiac,
  .latest-open .ball-text,
  .latest-open .ball-zodiac,
  .latest-open .open-ball-text,
  .latest-open .animal,
  .latest-open .zodiac,
  .open-box .ball-text,
  .open-box .ball-zodiac,
  .open-box .open-ball-text,
  .open-box .animal,
  .open-box .zodiac{
    font-size:18px !important;
    line-height:1.2 !important;
    margin-top:8px !important;
    text-align:center !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  /* 左上期数 */
  #openCard .open-issue,
  #openCard .issue-text,
  .open-card .open-issue,
  .open-card .issue-text,
  .open-wrap .open-issue,
  .open-wrap .issue-text,
  .open-panel .open-issue,
  .open-panel .issue-text,
  .xg-open-card .open-issue,
  .xg-open-card .issue-text,
  .latest-open .open-issue,
  .latest-open .issue-text,
  .open-box .open-issue,
  .open-box .issue-text{
    position:absolute !important;
    left:14px !important;
    top:12px !important;
    font-size:16px !important;
    font-weight:900 !important;
  }

  /* 右上历史记录 */
  #openCard .history-btn,
  #openCard .open-history-btn,
  .open-card .history-btn,
  .open-card .open-history-btn,
  .open-wrap .history-btn,
  .open-wrap .open-history-btn,
  .open-panel .history-btn,
  .open-panel .open-history-btn,
  .xg-open-card .history-btn,
  .xg-open-card .open-history-btn,
  .latest-open .history-btn,
  .latest-open .open-history-btn,
  .open-box .history-btn,
  .open-box .open-history-btn{
    position:absolute !important;
    right:14px !important;
    top:12px !important;
    font-size:13px !important;
    font-weight:900 !important;
  }

  /* 顶部留空间 */
  #openCard .open-head,
  #openCard .open-header,
  .open-card .open-head,
  .open-card .open-header,
  .open-wrap .open-head,
  .open-wrap .open-header,
  .open-panel .open-head,
  .open-panel .open-header,
  .xg-open-card .open-head,
  .xg-open-card .open-header,
  .latest-open .open-head,
  .latest-open .open-header,
  .open-box .open-head,
  .open-box .open-header{
    position:relative !important;
    min-height:52px !important;
    padding-top:8px !important;
  }
}
/* ===== 电脑端开奖区精准终极版（按你当前 index.html + main.js 类名）===== */
@media screen and (min-width: 901px){

  /* 整个开奖卡 */
  #oldOpenCard,
  .open-card{
    width: calc(100% - 20px) !important;
    margin: 0 10px 10px !important;
    border-radius: 0 0 20px 20px !important;
    overflow: hidden !important;
  }

  /* 顶部蓝条 */
  #oldOpenCard .open-head,
  .open-card .open-head{
    padding: 10px 16px 8px !important;
    min-height: 52px !important;
    align-items: center !important;
  }

  /* 左边期数 */
  #oldOpenCard .open-issue-title,
  .open-card .open-issue-title{
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
  }

  /* 右边历史记录 */
  #oldOpenCard .history-link,
  .open-card .history-link{
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  /* 球区域 */
  #oldOpenCard .open-balls-wrap,
  .open-card .open-balls-wrap{
    padding: 10px 16px 6px !important;
  }

  /* 原始 ball-row */
  #oldOpenCard .ball-row,
  .open-card .ball-row{
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 8px 0 4px !important;
  }

  /* 原始普通球 */
  #oldOpenCard .ball:not(.tema-ball),
  .open-card .ball:not(.tema-ball){
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    border-radius: 50% !important;
    font-size: 36px !important;
    line-height: 84px !important;
    font-weight: 900 !important;
  }

  /* 原始特码球 */
  #oldOpenCard .tema-ball,
  .open-card .tema-ball{
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    font-size: 38px !important;
    line-height: 96px !important;
    border-width: 5px !important;
    transform: translateY(-3px) scale(1.03) !important;
  }

  /* 加号 */
  #oldOpenCard .plus,
  .open-card .plus{
    width: 34px !important;
    min-width: 34px !important;
    font-size: 46px !important;
    line-height: 84px !important;
    font-weight: 900 !important;
  }

  /* 球下面生肖五行 */
  #oldOpenCard .ball-meta-row,
  .open-card .ball-meta-row{
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 4px 0 8px !important;
  }

  #oldOpenCard .ball-meta-item,
  .open-card .ball-meta-item{
    width: 84px !important;
    min-width: 84px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  #oldOpenCard .ball-meta-plus,
  .open-card .ball-meta-plus{
    width: 34px !important;
    min-width: 34px !important;
  }

  /* 底部信息 */
  #oldOpenCard .open-meta,
  .open-card .open-meta{
    padding: 8px 16px !important;
    font-size: 16px !important;
  }

  #oldOpenCard .open-meta-left,
  .open-card .open-meta-left{
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  #oldOpenCard .open-meta-right,
  .open-card .open-meta-right{
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  #oldOpenCard #countdownText,
  .open-card #countdownText{
    font-size: 18px !important;
    font-weight: 900 !important;
  }

  /* ========= 同时压住 main.js 动态注入的 xg-open 结构 ========= */

  .xg-open-balls-wrap{
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin: 8px 0 6px !important;
  }

  .xg-open-ball-item{
    width: 90px !important;
    flex: 0 0 90px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .xg-open-ball{
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    font-size: 38px !important;
    line-height: 84px !important;
    border-radius: 50% !important;
  }

  .xg-open-ball-tema{
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    font-size: 40px !important;
    line-height: 96px !important;
    transform: scale(1.03) !important;
  }

  .xg-open-plus{
    width: 34px !important;
    min-width: 34px !important;
    height: 84px !important;
    font-size: 46px !important;
    line-height: 84px !important;
  }

  .xg-open-ball-text,
  .xg-open-meta{
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .xg-open-topline{
    margin-bottom: 8px !important;
  }

  .xg-open-left-title{
    font-size: 22px !important;
    font-weight: 900 !important;
  }

  .xg-open-issue{
    font-size: 26px !important;
    font-weight: 900 !important;
  }

  .xg-open-right-link{
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  .xg-open-bottomline{
    margin-top: 8px !important;
  }

  .xg-open-next,
  .xg-open-countdown{
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  .xg-open-countdown b{
    font-size: 20px !important;
    font-weight: 900 !important;
  }
}
/* ===== 电脑端开奖球进一步放大协调版 ===== */
@media screen and (min-width: 901px){

  /* 整个开奖内容区再宽松一点 */
  #oldOpenCard .open-balls-wrap,
  .open-card .open-balls-wrap{
    padding: 12px 22px 8px !important;
  }

  /* 原始结构：球整体更大一点、再居中 */
  #oldOpenCard .ball-row,
  .open-card .ball-row{
    justify-content: center !important;
    gap: 18px !important;
    padding: 10px 0 6px !important;
  }

  #oldOpenCard .ball:not(.tema-ball),
  .open-card .ball:not(.tema-ball){
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    font-size: 38px !important;
    line-height: 92px !important;
    border-radius: 50% !important;
  }

  #oldOpenCard .tema-ball,
  .open-card .tema-ball{
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 42px !important;
    line-height: 104px !important;
    border-radius: 50% !important;
    transform: translateY(-4px) scale(1.02) !important;
  }

  #oldOpenCard .plus,
  .open-card .plus{
    width: 38px !important;
    min-width: 38px !important;
    font-size: 50px !important;
    line-height: 92px !important;
  }

  #oldOpenCard .ball-meta-row,
  .open-card .ball-meta-row{
    justify-content: center !important;
    gap: 18px !important;
    padding: 6px 0 10px !important;
  }

  #oldOpenCard .ball-meta-item,
  .open-card .ball-meta-item{
    width: 92px !important;
    min-width: 92px !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
  }

  #oldOpenCard .ball-meta-row .ball-meta-item:last-child,
  .open-card .ball-meta-row .ball-meta-item:last-child{
    width: 104px !important;
    min-width: 104px !important;
  }

  #oldOpenCard .ball-meta-plus,
  .open-card .ball-meta-plus{
    width: 38px !important;
    min-width: 38px !important;
  }

  /* 动态 xg-open 结构也同步放大 */
  .xg-open-balls-wrap{
    justify-content: center !important;
    gap: 18px !important;
    margin: 10px 0 8px !important;
  }

  .xg-open-ball-item{
    width: 98px !important;
    flex: 0 0 98px !important;
  }

  .xg-open-ball{
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    font-size: 40px !important;
    line-height: 92px !important;
    border-radius: 50% !important;
  }

  .xg-open-ball-tema{
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 44px !important;
    line-height: 104px !important;
    transform: scale(1.02) !important;
  }

  .xg-open-plus{
    width: 38px !important;
    min-width: 38px !important;
    height: 92px !important;
    font-size: 50px !important;
    line-height: 92px !important;
  }

  .xg-open-ball-text,
  .xg-open-meta{
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
  }
}


/* =========================
   2）main.js 动态注入结构
   ========================= */
.xg-open-ball{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  color: #111 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
  border: 2px solid rgba(255,255,255,.95) !important;
  box-shadow:
    inset 0 10px 16px rgba(255,255,255,.55),
    inset 0 -10px 14px rgba(0,0,0,.16),
    0 4px 10px rgba(0,0,0,.18) !important;
}

.xg-open-ball::before{
  content: "" !important;
  position: absolute !important;
  left: 16% !important;
  top: 10% !important;
  width: 42% !important;
  height: 24% !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.55) !important;
  filter: blur(1px) !important;
  transform: rotate(-18deg) !important;
  pointer-events: none !important;
}


/* 电脑端 */
@media screen and (min-width: 901px){
  .xg-open-ball{
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    font-size: 26px !important;
    line-height: 90px !important;
  }


  .xg-open-ball.is-tema,
  .xg-open-ball-tema{
    width: 102px !important;
    height: 102px !important;
    min-width: 102px !important;
    min-height: 102px !important;
    font-size: 30px !important;
    line-height: 102px !important;
  }

  .open-card .ball:not(.tema-ball),
  #oldOpenCard .ball:not(.tema-ball){
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    font-size: 34px !important;
    line-height: 92px !important;
  }

  .open-card .tema-ball,
  #oldOpenCard .tema-ball{
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    font-size: 38px !important;
    line-height: 104px !important;
  }
}

/* 手机端 */
@media (max-width: 900px){
  .xg-open-ball{
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    font-size: 18px !important;
    line-height: 58px !important;
  }

  .xg-open-ball.is-tema,
  .xg-open-ball-tema{
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    font-size: 20px !important;
    line-height: 64px !important;
    transform: scale(1.04) !important;
  }

  .open-card .ball:not(.tema-ball),
  #oldOpenCard .ball:not(.tema-ball),
  .ball:not(.tema-ball){
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
  }

  .open-card .tema-ball,
  #oldOpenCard .tema-ball,
  .tema-ball{
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    line-height: 64px !important;
  }
}
/* ===== 开奖球强制修复版（防椭圆 + 防白球） ===== */

.xg-open-ball{
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  min-height:72px !important;

  aspect-ratio:1 / 1 !important;   /* ⭐关键：强制正圆 */

  border-radius:50% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  flex:0 0 auto !important;        /* ⭐关键：禁止拉伸 */

  overflow:hidden !important;
  position:relative !important;
}

/* ===== 只修这一版真正使用的开奖球：xg-open-ball ===== */
.xg-open-balls-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
}

.xg-open-ball-item{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:72px !important;
}

/* 特码 */
.xg-open-ball-tema,
.xg-open-ball-item-tema .xg-open-ball{
  transform:scale(1.08) !important;
}

/* 球内数字 */
.xg-open-ball,
.xg-open-ball b,
.xg-open-ball span{
  font-size:20px !important;
  font-weight:900 !important;
  color:#111 !important;
  line-height:1 !important;
}

/* 球下文字 */
.xg-open-ball-text{
  margin-top:8px !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-align:center !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

/* 手机端 */
@media (max-width:900px){
  .xg-open-balls-wrap{
    gap:10px !important;
  }

  .xg-open-ball-item{
    min-width:54px !important;
  }

  .xg-open-ball{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    flex:0 0 48px !important;
  }

  .xg-open-ball,
  .xg-open-ball b,
  .xg-open-ball span{
    font-size:16px !important;
  }

  .xg-open-ball-text{
    font-size:10px !important;
    margin-top:6px !important;
  }
}
/* ===== 168风格：白心彩边球 ===== */

/* 中间白面 */
.xg-open-ball{
  background:
    radial-gradient(circle at center, #ffffff 0 55%, #f3f3f3 56% 65%, transparent 66%) !important;
}


/* 数字压最上面 */
.xg-open-ball{
  position:relative;
}
.xg-open-ball span,
.xg-open-ball b{
  position:relative;
  z-index:3;
}
/* ===== 最终唯一保留版：xg-open-ball 白心彩边球 ===== */

.xg-open-ball{
  width:74px !important;
  height:74px !important;
  border-radius:50% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:22px !important;
  font-weight:900 !important;
  color:#111 !important;

  background:
    radial-gradient(circle at 50% 50%, #ffffff 0 58%, #f2f2f2 59% 68%, transparent 69%),

     !important;

  box-shadow:
    inset 0 2px 6px rgba(255,255,255,.9),
    inset 0 -6px 12px rgba(0,0,0,.12),
    0 2px 6px rgba(0,0,0,.14) !important;
}

.xg-open-ball.ball-red{ --c1:#e31e1e; }
.xg-open-ball.ball-blue{ --c1:#1d4ed8; }
.xg-open-ball.ball-green{ --c1:#16a34a; }

/* 外层彩边 */
.xg-open-ball::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:50% !important;
  z-index:0 !important;
  pointer-events:none !important;
}


/* 数字永远在最上面 */
.xg-open-ball > *,
.xg-open-ball span,
.xg-open-ball b{
  position:relative !important;
  z-index:3 !important;
  color:#111 !important;
  line-height:1 !important;
}

/* 特码 */
.xg-open-ball-tema,
.xg-open-ball-item-tema .xg-open-ball{
  transform:scale(1.08) !important;
}

/* ===== 手机端适配（终极版🔥）===== */
@media (max-width: 768px){

  /* 开奖球整体缩小 */
  .xg-open-ball{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:px !important;
    font-size:12px !important;
  }

  /* 球间距 */
  .xg-open-balls-wrap{
    gap:10px !important;
    justify-content:center !important;
  }

  /* 生肖文字 */
  .xg-open-meta{
    font-size:12px !important;
  }

  /* 标题缩小 */
  .xg-open-left-title{
    font-size:16px !important;
  }

  /* 期号+时间 */
  .xg-open-next{
    font-size:14px !important;
    text-align:center;
  }

  .xg-open-next-issue{
    font-size:16px !important;
  }

  .xg-open-next-time{
    font-size:13px !important;
    color:#666 !important;
  }

  /* 倒计时缩一点（不要太炸） */
  #xgCountdown{
    font-size:18px !important;
  }

  /* 卡片内边距更紧凑 */
  .open-card,
  .open-main-ultimate{
    padding:10px !important;
  }

}
/* ===== 手机端终极排版（只影响手机） ===== */
@media (max-width: 768px){

  /* 整个开奖卡片更紧凑 */
  .open-card,
  .open-main-ultimate,
  .xg-open-card,
  .xg-open-wrap{
    padding:10px !important;
    border-radius:14px !important;
  }

  /* 顶部标题行 */
  .xg-open-topline{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin-bottom:8px !important;
  }

  .xg-open-left-title{
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
  }

  .xg-open-issue{
    font-size:17px !important;
  }

  .xg-open-right-link{
    font-size:14px !important;
    padding:4px 8px !important;
    border-radius:999px !important;
    white-space:nowrap !important;
  }

  /* 开奖球区域：允许换行，居中，更像手机站 */
  .xg-open-balls-wrap{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:8px 10px !important;
    margin:6px 0 10px !important;
  }

  .xg-open-ball-item{
    width:58px !important;
    min-width:58px !important;
    flex:0 0 58px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .xg-open-ball{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;
    font-size:16px !important;
  }

  /* 特码只比普通球稍大一点，避免挤出 */
  .xg-open-ball.is-tema,
  .xg-open-ball-tema .xg-open-ball{
    transform:scale(1.03) !important;
  }

  /* 球下面的生肖/五行 */
  .xg-open-meta,
  .xg-open-meta-tema{
    font-size:11px !important;
    line-height:1.15 !important;
    margin-top:4px !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  /* 底部信息改成上下布局，手机更稳 */
  .xg-open-bottomline{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin-top:4px !important;
    text-align:center !important;
  }

  .xg-open-next{
    font-size:14px !important;
    font-weight:600 !important;
    color:#444 !important;
    line-height:1.2 !important;
  }

  .xg-open-next-issue{
    font-size:16px !important;
    font-weight:800 !important;
    color:#d60022 !important;
  }

  .xg-open-next-time{
    font-size:13px !important;
    color:#666 !important;
  }

  .xg-open-countdown{
    font-size:14px !important;
    color:#444 !important;
    line-height:1.2 !important;
  }

  #xgCountdown{
    font-size:18px !important;
    font-weight:900 !important;
    color:#e60023 !important;
  }

  /* 顶部五个圆章区域更紧凑 */
  .hero-nav,
  .top-icons,
  .site-icons{
    gap:10px !important;
  }

  .hero-nav .item,
  .top-icons .item,
  .site-icons .item{
    transform:scale(.92) !important;
  }

  /* 三个彩种按钮更适配手机 */
  .game-tabs,
  .xg-game-tabs{
    gap:8px !important;
  }

  .game-tabs .tab,
  .xg-game-tabs .tab{
    font-size:15px !important;
    padding:10px 6px !important;
    border-radius:8px !important;
  }
}

/* 更小屏手机再压一档 */
@media (max-width: 430px){

  .xg-open-balls-wrap{
    gap:6px 8px !important;
  }

  .xg-open-ball-item{
    width:54px !important;
    min-width:54px !important;
    flex:0 0 54px !important;
  }

  .xg-open-ball{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    font-size:15px !important;
  }

  .xg-open-meta,
  .xg-open-meta-tema{
    font-size:10px !important;
  }

  .xg-open-left-title{
    font-size:14px !important;
  }

  .xg-open-issue{
    font-size:16px !important;
  }

  #xgCountdown{
    font-size:17px !important;
  }
}
/* ===== 手机端开奖区：跟电脑一样一排7球，并自动缩放 ===== */
@media (max-width: 768px){

  /* 开奖主卡片 */
  .xg-open-main-ultimate,
  .open-card,
  .xg-open-card{
    padding:10px 8px 12px !important;
  }

  /* 顶部标题行 */
  .xg-open-topline{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin-bottom:8px !important;
  }

  .xg-open-left-title{
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
  }

  .xg-open-issue{
    font-size:16px !important;
  }

  .xg-open-right-link{
    font-size:12px !important;
    padding:3px 8px !important;
    border-radius:999px !important;
    white-space:nowrap !important;
  }

  /* ===== 关键：7球永远一排，按屏幕自动缩 ===== */
  .xg-open-balls-wrap{
    display:grid !important;
    grid-template-columns:repeat(7, minmax(0, 1fr)) !important;
    gap:4px !important;
    align-items:start !important;
    justify-items:center !important;
    margin:8px 0 10px !important;
  }

  .xg-open-ball-item{
    width:100% !important;
    min-width:0 !important;
    flex:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  /* 球尺寸跟着屏幕走 */
  .xg-open-ball{
    width:calc((100vw - 120px) / 7) !important;
    height:calc((100vw - 120px) / 7) !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:52px !important;
    max-height:52px !important;
    font-size:clamp(12px, 3.6vw, 16px) !important;
    line-height:1 !important;
  }

  /* 特码只比普通球略大一点，避免挤爆 */
  .xg-open-ball.is-tema,
  .xg-open-ball-tema .xg-open-ball{
    transform:scale(1.04) !important;
  }

  /* 球下面文字 */
  .xg-open-meta,
  .xg-open-meta-tema{
    margin-top:3px !important;
    font-size:clamp(10px, 2.6vw, 12px) !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  /* 底部信息也尽量和电脑同一感觉 */
  .xg-open-bottomline{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin-top:4px !important;
    text-align:center !important;
  }

  .xg-open-next{
    font-size:13px !important;
    line-height:1.2 !important;
  }

  .xg-open-next-issue{
    font-size:15px !important;
  }

  .xg-open-next-time{
    font-size:12px !important;
  }

  .xg-open-countdown{
    font-size:12px !important;
    line-height:1.2 !important;
  }

  #xgCountdown{
    font-size:16px !important;
    font-weight:900 !important;
  }
}
/* 手机端：强制压缩顶部空白 */
.open-card .open-head{
  padding:0 10px !important;
  margin:0 !important;
  min-height:24px !important;
}

.open-card .open-balls-wrap{
  margin-top:-22px !important;
  padding-top:0 !important;
}

.open-card .open-head-left{
  transform:translateY(-8px) !important;
}

.open-card .open-head-right{
  transform:translateY(-8px) !important;
}

/* 球放大 */
.open-card .ball{
  width:56px !important;
  height:56px !important;
}

/* 更小屏手机再压一档，但仍保持一排7球 */
@media (max-width: 430px){
  .xg-open-balls-wrap{
    gap:3px !important;
  }

  .xg-open-ball{
    width:calc((100vw - 100px) / 7) !important;
    height:calc((100vw - 100px) / 7) !important;
    min-width:34px !important;
    min-height:34px !important;
    max-width:46px !important;
    max-height:46px !important;
    font-size:clamp(11px, 3.4vw, 15px) !important;
  }

  .xg-open-meta,
  .xg-open-meta-tema{
    font-size:10px !important;
  }

  .xg-open-right-link{
    font-size:11px !important;
    padding:2px 7px !important;
  }

  #xgCountdown{
    font-size:15px !important;
  }
}
/* ===== 手机端最终精修（对齐电脑版🔥）===== */
@media (max-width:768px){

  /* 特码不要太大（关键） */
  .xg-open-ball.is-tema,
  .xg-open-ball-tema .xg-open-ball{
    transform:scale(1.02) !important;
  }

  /* 历史记录按钮固定右上角 */
  .xg-open-topline{
    position:relative;
  }

  .xg-open-right-link{
    position:absolute !important;
    right:6px;
    top:0;
    font-size:12px !important;
    padding:2px 8px !important;
  }

  /* 球间距再压一点 */
  .xg-open-balls-wrap{
    gap:3px !important;
  }

  /* 球下面文字更紧凑 */
  .xg-open-meta,
  .xg-open-meta-tema{
    margin-top:2px !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  /* 底部时间更像电脑 */
  .xg-open-next{
    margin-top:4px !important;
    font-size:13px !important;
  }

  /* 倒计时更居中一点 */
  .xg-open-countdown{
    margin-top:2px !important;
  }

}
/* ===== 手机端最终收口：底部并一行 + 球再小一点 + 特码同大小 ===== */
@media (max-width:768px){

  /* 7个球一排，但整体再缩一点 */
  .xg-open-balls-wrap{
    gap:2px !important;
  }

  .xg-open-ball-item{
    width:52px !important;
    min-width:52px !important;
    flex:0 0 52px !important;
  }

  .xg-open-ball{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
    font-size:15px !important;
  }

  .xg-open-meta,
  .xg-open-meta-tema{
    margin-top:2px !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  /* 特码不要再放大，和平码一样 */
  .xg-open-ball.is-tema,
  .xg-open-ball-tema .xg-open-ball{
    transform:none !important;
  }

  /* 底部改成一行左右排列，像电脑端 */
  .xg-open-bottomline{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin-top:6px !important;
    text-align:left !important;
  }

  .xg-open-next{
    font-size:12px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }

  .xg-open-next-issue{
    font-size:14px !important;
  }

  .xg-open-next-time{
    font-size:12px !important;
  }

  .xg-open-countdown{
    font-size:12px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    text-align:right !important;
    margin-top:0 !important;
  }

  #xgCountdown{
    font-size:15px !important;
    font-weight:900 !important;
  }
}

/* 更小屏手机再压一档 */
@media (max-width:430px){
  .xg-open-ball-item{
    width:48px !important;
    min-width:48px !important;
    flex:0 0 48px !important;
  }

  .xg-open-ball{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    font-size:14px !important;
  }

  .xg-open-next{
    font-size:11px !important;
  }

  .xg-open-next-issue{
    font-size:13px !important;
  }

  .xg-open-next-time{
    font-size:11px !important;
  }

  .xg-open-countdown{
    font-size:11px !important;
  }

  #xgCountdown{
    font-size:14px !important;
  }
}/* ===== 手机端最终对齐优化（最后一步） ===== */
@media (max-width:768px){
  .xg-open-ball{
    width:32px !important;
    height:32px !important;
    min-width:36px !important;
    min-height:36px !important;
    font-size:10px !important;
  }
}

  /* 底部整体再拉开一点 */
  .xg-open-bottomline{
    padding:0 6px !important;
  }

  /* 左边：期号 + 时间 */
  .xg-open-next{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    font-size:12px !important;
  }

  .xg-open-next-issue{
    font-size:15px !important;
    font-weight:900 !important;
    color:#e60000 !important;   /* 更像168 */
  }

  .xg-open-next-time{
    color:#555 !important;
  }

  /* 右边：倒计时完全垂直居中 */
  .xg-open-countdown{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  #xgCountdown{
    margin-left:4px !important;
  }

}
.line-inner.is-raw-block{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  width:100%;
}

.line-inner.is-raw-block .line-left{
  flex:1 1 auto;
  min-width:0;
  text-align:center;
}

.xg-raw-block{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  width:auto;
  max-width:100%;
}

.xg-align-row{
  display:grid !important;

  /* 🔥 核心：完全锁死列宽 */
  grid-template-columns: 140px 260px 70px 300px !important;

  justify-content:center !important;
  align-items:center !important;

  column-gap:10px !important;

  /* 🔥 防止内容撑开 */
  white-space:nowrap !important;
}

.xg-align-row-single{
  display:block;
  text-align:center;
}

.xg-col-issue{
  width:140px !important;
  text-align:right !important;
}

.xg-col-main{
  width:260px !important;
  text-align:left !important;
}

.xg-col-code{
  width:70px !important;
  text-align:right !important;
}

.xg-col-num{
  width:300px !important;
  text-align:left !important;

  /* 🔥 数字等宽 */
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.xg-col-single{
  display:block;
  text-align:center;
}

@media (max-width: 900px){
  .xg-raw-block{
    transform:none;
    width:100%;
  }

  .xg-align-row{
    grid-template-columns:auto auto auto auto;
    column-gap:6px;
    font-size:16px;
    line-height:1.12;
  }

  .xg-col-issue{
    min-width:8.2em;
  }

  .xg-col-main{
    min-width:5.8em;
  }

  .xg-col-code{
    min-width:2.8em;
  }

  .xg-col-num{
    min-width:8.6em;
  }
}

@media (min-width: 901px){
  .xg-align-row{
    font-size:20px;
    line-height:1.15;
    column-gap:12px;
  }

  .xg-col-issue{
    min-width:9.5em;
  }

  .xg-col-main{
    min-width:8em;
  }

  .xg-col-code{
    min-width:3.5em;
  }

  .xg-col-num{
    min-width:11em;
  }
}
/* ===== 最终锁死：以这一段为准 ===== */
.line-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  width:100% !important;
}

.line-left{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:block !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
}

.line-right{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
/* ===== 前台改成后台表格结构 ===== */
.xg-table-wrap{
  width:100%;
  border-collapse:collapse;
}

.xg-table{
  width:100%;
  border-collapse:collapse;
}

.xg-table td{
  padding:4px 6px;
  vertical-align:middle;
}

.td-left{
  width:55%;
  text-align:left;
  font-weight:700;
}

.td-right{
  width:45%;
  text-align:left;
  white-space:nowrap;
}
/* ===== 期数竖排对齐 + 码数竖排对齐：最终锁死版 ===== */

.line-inner.is-raw-block{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
}

.line-inner.is-raw-block .line-left{
  flex:0 0 auto !important;
  min-width:auto !important;
  text-align:center !important;
  display:block !important;
}

.xg-raw-block{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:2px !important;
  margin:0 auto !important;
}

.xg-align-row{
  display:grid !important;
  grid-template-columns: 170px 230px 70px 270px !important;
  justify-content:center !important;
  align-items:center !important;
  column-gap:8px !important;
  white-space:nowrap !important;
}

.xg-col-issue{
  display:block !important;
  width:170px !important;
  text-align:right !important;
}

.xg-col-main{
  display:block !important;
  width:230px !important;
  text-align:left !important;
}

.xg-col-code{
  display:block !important;
  width:70px !important;
  text-align:right !important;
}

.xg-col-num{
  display:block !important;
  width:270px !important;
  text-align:left !important;
}

@media (max-width:900px){
  .xg-align-row{
    grid-template-columns: 118px 150px 44px 170px !important;
    column-gap:4px !important;
  }

  .xg-col-issue{
    width:118px !important;
  }

  .xg-col-main{
    width:150px !important;
  }

  .xg-col-code{
    width:44px !important;
  }

  .xg-col-num{
    width:170px !important;
  }
}
/* ===== 图2：九肖十码 专用最终修正版 ===== */
.material-line{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:4px 8px !important;
  flex-wrap:nowrap !important;
}

.line-issue{
  flex:0 0 92px !important;
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.line-text{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
}

.line-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:100% !important;
  flex-wrap:nowrap !important;
}

.line-left{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:center !important;
}

.line-left b{
  display:inline-block !important;
  white-space:normal !important;
  word-break:break-word !important;
  font-size:22px !important;
  line-height:1.2 !important;
  text-align:center !important;
}

.line-right{
  flex:0 0 92px !important;
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  white-space:nowrap !important;
}
/* ===== 等宽整齐版 ===== */

/* 数字、期号统一等宽 */
body,
.line-left,
.line-left b,
.open-num{
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

/* 图2这类两行资料，做成整齐块 */
.line-left b{
  letter-spacing: 0.5px !important;
  word-spacing: 4px !important;
}

/* 九肖 / 10码 标签宽度固定，更整齐 */
.line-left b{
  line-height: 1.28 !important;
}

/* 命中不放大，不挤布局 */
.hit-mark{
  display:inline !important;
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  min-width:0 !important;
  height:auto !important;
  border-radius:0 !important;
  box-shadow:none !important;
  vertical-align:baseline !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
}

/* 开奖数字固定宽度 */
.open-num{
  display:inline-block !important;
  min-width:2.2em !important;
  text-align:center !important;
}

/* 准 / 错 / 待开 统一宽度 */
.hit-tag,
.hit-no,
.hit-wait{
  width:48px !important;
  min-width:48px !important;
  height:26px !important;
  padding:0 !important;
  text-align:center !important;
  justify-content:center !important;
}
/* ===== 手机端跟电脑端同版式（最终覆盖版） ===== */
@media (max-width: 900px){

  .page{
    width:min(1200px,96vw) !important;
    margin:0 auto !important;
    padding:0 0 16px !important;
  }

  /* 资料整体 */
  .materials-wrap{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    margin-top:0 !important;
  }

  .material-card{
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    border:1px solid #8a8a8a !important;
    background:#fff !important;
  }

  .material-head{
    padding:8px 10px !important;
    font-size:18px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    text-align:center !important;
    border-radius:0 !important;
  }

  .material-body{
    padding:0 !important;
    background:linear-gradient(180deg,#f8fbf8 0%, #eef5ee 100%) !important;
  }

  /* 每一行资料 = 跟电脑端一样 */
  .material-line{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:12px 10px !important;
    min-height:auto !important;
    border-bottom:1px solid #cfd8cf !important;
    background:linear-gradient(180deg,#edf5ed,#e5eee5) !important;
    flex-wrap:nowrap !important;
    text-align:left !important;
    font-size:15px !important;
    line-height:1.3 !important;
  }

  .material-line:nth-child(even){
    background:linear-gradient(180deg,#f6f8f6,#edf1ed) !important;
  }

  .material-line:last-child{
    border-bottom:none !important;
  }

  .material-line.is-hit{
    background:#f7f7f7 !important;
    border-radius:0 !important;
  }

 .material-line.is-latest{
  box-shadow: none !important;
}

  /* 左边期数 */
  .line-issue{
    width:160px !important;
    flex:0 0 160px !important;
    min-width:160px !important;
    max-width:160px !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    text-align:center !important;
    border-radius:6px !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1 !important;
    padding:6px 0 !important;
    margin-top:0 !important;
  }

  /* 中间内容区 */
  .line-text{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .line-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    width:100% !important;
    flex-wrap:nowrap !important;
  }

  .line-left{
    flex:1 1 auto !important;
    min-width:0 !important;
    text-align:center !important;
    font-size:24px !important;
    font-weight:900 !important;
    line-height:1.18 !important;
    letter-spacing:-0.5px !important;
    word-spacing:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    overflow-x: auto !important;
  }

  .line-left b{
    color:#1d4ed8 !important;
    font-weight:900 !important;
    font-size:inherit !important;
    line-height:inherit !important;
    display:inline !important;
    white-space:normal !important;
  }

  /* 右边开什么 */
  .line-right{
    flex:0 0 160px !important;
    width:160px !important;
    min-width:160px !important;
    max-width:160px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    text-align:right !important;
    white-space:nowrap !important;
    font-size:18px !important;
    font-weight:900 !important;
    color:#111 !important;
  }

  .open-num{
    display:inline-block !important;
    min-width:26px !important;
    text-align:center !important;
    color:#111827 !important;
    font-weight:900 !important;
    font-size:17px !important;
  }

  .hit-tag,
  .hit-no,
  .hit-wait{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:48px !important;
    height:26px !important;
    padding:0 10px !important;
    margin-left:8px !important;
    border-radius:999px !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1 !important;
    vertical-align:middle !important;
  }
}
/* ===== 手机端最终锁死版：完全跟电脑端同结构 ===== */
@media (max-width: 900px){

  .material-line{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    padding:4px 6px !important;
    min-height:40px !important;
    flex-wrap:nowrap !important;
    text-align:left !important;
  }

  .line-issue{
    flex:0 0 66px !important;
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
    font-size:11px !important;
    padding:4px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .line-text{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .line-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
    width:100% !important;
    flex-wrap:nowrap !important;
  }

  .line-left{
    flex:1 1 auto !important;
    min-width:0 !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  .line-left b{
    display:inline !important;
    white-space:nowrap !important;
    font-size:16px !important;
    line-height:1.08 !important;
    letter-spacing:-0.3px !important;
  }

  .line-right{
    flex:0 0 92px !important;
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    font-size:14px !important;
    white-space:nowrap !important;
    text-align:right !important;
  }

  .open-num{
    min-width:20px !important;
    width:20px !important;
    font-size:16px !important;
    text-align:center !important;
  }

  .hit-tag,
  .hit-no,
  .hit-wait{
    min-width:36px !important;
    width:36px !important;
    height:22px !important;
    padding:0 !important;
    font-size:12px !important;
    margin-left:2px !important;
    border-radius:999px !important;
  }

  /* 命中不影响对齐 */
  .auto-hit,
  .hit-hot,
  .line-left .hit,
  .hit-mark{
    padding:0 !important;
    margin:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    line-height:1.1 !important;
    vertical-align:baseline !important;
  }
}
/* ===== 手机端：强制单行版（杀号/绝杀十码这类） ===== */
@media (max-width: 900px){

  .line-left{
    display:block !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  .xg-one-line{
    display:inline-block !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    line-height:1.1 !important;
    font-size:16px !important;
    letter-spacing:0 !important;
    word-spacing:1px !important;
  }

  .xg-one-line br{
    display:none !important;
  }

  .line-left b{
    display:inline !important;
    white-space:nowrap !important;
  }
}
/* ===== 手机端最终稳定覆盖版：只放 style.css，不再碰 main.js ===== */
@media (max-width: 900px){

  .page{
    width:min(100vw,430px) !important;
    padding:0 0 12px !important;
  }

  .material-head{
    font-size:16px !important;
    line-height:1.2 !important;
    padding:8px 6px !important;
  }

  .material-line{
    display:flex !important;
    align-items:flex-start !important;
    gap:4px !important;
    padding:6px 4px !important;
  }

  .line-issue{
    flex:0 0 52px !important;
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    align-self:flex-start !important;
    margin-top:2px !important;
    font-size:11px !important;
    line-height:1 !important;
    padding:3px 0 !important;
    border-radius:4px !important;
  }

  .line-text{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:block !important;
  }

  .line-inner,
  .line-inner.is-raw-block{
    display:block !important;
    width:100% !important;
  }

  .line-left,
  .line-inner.is-raw-block .line-left,
  .xg-one-line,
  .xg-raw-block,
  .xg-align-row,
  .xg-align-row-single,
  .xg-col-single{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    text-align:left !important;
    white-space:normal !important;
    word-break:break-word !important;
    overflow:visible !important;
    font-size:13px !important;
    line-height:1.28 !important;
  }

  .line-right,
  .line-inner.is-raw-block .line-right{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin-top:2px !important;
    text-align:left !important;
    white-space:normal !important;
    font-size:13px !important;
  }

  .line-left br{
    display:block !important;
    margin:1px 0 !important;
  }

  .line-left table{
    width:auto !important;
    margin:0 !important;
    border-spacing:6px 0 !important;
  }

  .line-left table td,
  .line-left table th{
    text-align:left !important;
    white-space:nowrap !important;
    font-size:13px !important;
    padding:0 !important;
  }

  .hit-tag,
  .hit-no,
  .hit-wait{
    min-width:40px !important;
    height:24px !important;
    padding:0 8px !important;
    font-size:14px !important;
    margin-left:6px !important;
  }

  .open-num{
    font-size:15px !important;
  }

  .xg-open-balls-wrap,
  .ball-row{
    gap:4px !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    justify-content:flex-start !important;
  }

  .xg-open-ball-item{
    width:42px !important;
    flex:0 0 42px !important;
  }

  .xg-open-ball{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    font-size:14px !important;
  }

  .xg-open-meta{
    font-size:11px !important;
    line-height:1.1 !important;
  }

  .xg-open-bottomline{
    display:block !important;
  }

  .xg-open-countdown{
    margin-top:4px !important;
  }
}
/* ===== 手机端号码等宽对齐增强版 ===== */
@media (max-width: 900px){

  .line-left,
  .line-inner.is-raw-block .line-left,
  .xg-one-line,
  .xg-raw-block,
  .xg-align-row,
  .xg-align-row-single,
  .xg-col-single{
    font-family: Consolas, "Courier New", "SFMono-Regular", "Microsoft YaHei", monospace !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
    letter-spacing: 0 !important;
    white-space: pre-wrap !important;
  }

  .line-left .manual-red,
  .line-left .manual-blue,
  .line-left .manual-yellow,
  .line-left .hit-hot,
  .line-left .manual-bold,
  .line-left .manual-underline{
    display:inline !important;
    padding:0 !important;
    margin:0 !important;
    letter-spacing:0 !important;
    font-family: inherit !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
  }

  .line-left{
    tab-size: 4 !important;
  }
}
@media (max-width: 900px){
  .xg-align-row-3col{
    grid-template-columns: 38px 1fr auto !important;
    column-gap:4px !important;
  }

  .xg-col-label,
  .xg-col-animals,
  .xg-col-codes{
    font-size:13px !important;
    line-height:1.28 !important;
  }

  .xg-col-codes{
    white-space:nowrap !important;
  }
}
@media (max-width: 900px){
  .xg-align-row-4col{
    display:grid !important;
    grid-template-columns: 38px 1fr 56px minmax(120px, auto) !important;
    column-gap:4px !important;
    align-items:start !important;
  }

  .xg-col-label,
  .xg-col-animals,
  .xg-col-code-label,
  .xg-col-code-nums{
    font-size:13px !important;
    line-height:1.28 !important;
  }

  .xg-col-code-label{
    display:inline-block !important;
    width:56px !important;
    min-width:56px !important;
    text-align:right !important;
    white-space:nowrap !important;
    font-weight:700 !important;
    font-variant-numeric: tabular-nums !important;
  }

  .xg-col-code-nums{
    display:inline-block !important;
    min-width:120px !important;
    text-align:left !important;
    white-space:nowrap !important;
    font-variant-numeric: tabular-nums !important;
  }
}
/* 7531码竖排对齐 */
.code-row{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:nowrap;
}

.code-tag{
  display:inline-block;
  width:72px;              /* 关键：固定宽度 */
  min-width:72px;
  text-align:left;
  white-space:nowrap;
  font-weight:700;
  color:#111;
}

.code-text{
  flex:1;
  min-width:0;
  word-break:break-word;
}
/* ===== 命中最终锁死：电脑手机都一样 ===== */
.line-left .hit-hot,
.hit-hot{
  display:inline-block !important;
  background:#ffe600 !important;
  color:#ff1a1a !important;
  padding:0 2px !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  line-height:1.1 !important;
}
/* 开奖底部：左边期号时间，右边倒计时，强制同一行 */
.open-sub{
  display:grid !important;
  grid-template-columns: 1fr auto !important;
  align-items:center !important;
  column-gap:12px !important;
  width:100% !important;
  font-size:14px !important;
  line-height:1.2 !important;
}

.open-sub span,
.open-sub div,
.open-sub p{
  margin:0 !important;
  line-height:1.2 !important;
}
@media (max-width:768px){

  .open-sub{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:8px !important;
    width:100% !important;
  }

  .open-sub > *:first-child{
    min-width:0 !important;
    font-size:12px !important;
    color:#333 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:left !important;
  }

  .open-sub > *:last-child{
    font-size:13px !important;
    color:#e60012 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
    text-align:right !important;
    justify-self:end !important;
  }

}
@media (max-width:768px){
  .open-sub span,
  .open-sub div,
  .open-sub p{
    margin:0 !important;
    line-height:1.2 !important;
  }
}
/* ====== 168终极排版版（资料区）====== */

.material-card{
  margin:0 !important;
  border-radius:10px !important;
  overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* 标题 */
.material-title{
  font-size:16px;
  font-weight:900;
  padding:6px 10px;
  margin:0;
  background:linear-gradient(90deg,#4f46e5,#7c3aed);
  color:#fff;
}

/* 内容区域 */
.material-body{
  padding:4px 6px !important;
}

/* 每一行（重点） */
.material-line{
  display:flex;
  align-items:center;
  gap:6px;

  font-size:14px;
  line-height:1.4;

  padding:2px 0;
  border-bottom:1px dashed #eee;
}

/* 期号（左边红条） */
.material-issue{
  flex:0 0 auto;

  background:#e11d48;
  color:#fff;

  padding:1px 6px;
  border-radius:4px;

  font-size:12px;
  font-weight:900;
}

/* 内容（核心对齐） */
.material-content{
  flex:1;

  font-family: "Courier New", monospace; /* 等宽关键 */
  letter-spacing:1px;

  white-space:normal;
  word-break:break-all;
}

/* 命中（只变颜色，不动结构） */
.hit{
  color:#e60000;
  font-weight:900;
}

/* 命中高亮（168风格） */
.hit-bg{
  background:#e60000;
  color:#ff0;
  padding:0 2px;
  border-radius:2px;
}

/* 去掉多余间距（关键） */
.material-card + .material-card{
  margin-top:2px !important;
}


/* ===== 修复：单行资料字体太小 ===== */
.line-left,
.line-left *,
.xg-raw-block,
.xg-raw-block *,
.xg-one-line,
.xg-one-line *{
  font-size:20px !important;
  line-height:1.7 !important;
}
@media (max-width:900px){
  .line-left,
  .line-left *,
  .xg-raw-block,
  .xg-raw-block *,
  .xg-one-line,
  .xg-one-line *{
    font-size:13px !important;
  }
}
/* ===== 手机端：待开那一行单独更窄 ===== */
@media (max-width:900px){

  .hit-wait{
    min-width:26px !important;
    height:20px !important;
    padding:0 4px !important;
    margin-left:2px !important;
    font-size:11px !important;
    line-height:20px !important;
  }

  .line-right .open-num{
    min-width:16px !important;
  }
}
/* ===== 去掉左边绿色竖条（最终修复） ===== */
.material-line.is-latest{
  box-shadow: none !important;
}
/* ===== 永久关闭所有左边绿条 ===== */
.material-line.is-latest,
.material-line.is-hit{
  box-shadow:none !important;
}

.material-line.is-latest::before,
.material-line.is-hit::before{
  display:none !important;
}
/* ===== 手机端：左边期号红牌统一对齐 ===== */
@media (max-width:900px){

  /* 每一行固定用同一种垂直对齐方式 */
  .material-line{
    display:flex !important;
    align-items:center !important;
    min-height:38px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
  }

  /* 左边期号牌锁死尺寸和位置 */
  .line-issue{
    flex:0 0 84px !important;
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;

    height:24px !important;
    line-height:24px !important;
    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    align-self:center !important;
    position:static !important;
    top:auto !important;
    transform:none !important;
  }

  /* 干掉前面你加过的上下微调 */
  .line-issue::before,
  .line-issue::after{
    display:none !important;
  }
}
.tag-random{
  background:#ff9800;
  color:#fff;
  padding:2px 6px;
  font-size:12px;
  border-radius:4px;
  margin-left:6px;
}

.tag-sync{
  background:#4caf50;
  color:#fff;
  padding:2px 6px;
  font-size:12px;
  border-radius:4px;
  margin-left:6px;
}

.tag-manual{
  background:#2196f3;
  color:#fff;
  padding:2px 6px;
  font-size:12px;
  border-radius:4px;
  margin-left:6px;
}
.tag-random{
  background:#ff9800;
  color:#fff;
  padding:2px 6px;
  font-size:12px;
  border-radius:4px;
  margin-left:6px;
  vertical-align:middle;
}

.tag-sync{
  background:#4caf50;
  color:#fff;
  padding:2px 6px;
  font-size:12px;
  border-radius:4px;
  margin-left:6px;
  vertical-align:middle;
}

.tag-manual{
  background:#2196f3;
  color:#fff;
  padding:2px 6px;
  font-size:12px;
  border-radius:4px;
  margin-left:6px;
  vertical-align:middle;
}

/* 系统补开：灰色球，表示不是同步真实开奖 */
.open-source-random .xg-open-ball{
  background:linear-gradient(180deg,#eeeeee,#aaaaaa) !important;
  color:#333 !important;
  box-shadow:
    inset 0 8px 12px rgba(255,255,255,.55),
    inset 0 -8px 12px rgba(0,0,0,.18),
    0 3px 8px rgba(0,0,0,.12) !important;
}

.open-source-random .xg-open-meta{
  color:#888 !important;
}

/* 手动开奖：加蓝色外圈 */
.open-source-manual .xg-open-ball{
  outline:3px solid rgba(33,150,243,.55) !important;
  outline-offset:2px !important;
}

/* 同步开奖：加绿色外圈 */
.open-source-sync .xg-open-ball{
  outline:3px solid rgba(76,175,80,.55) !important;
  outline-offset:2px !important;
}