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;
}



.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;
}

.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;
}
/* ===== 终极一体对齐版 ===== */

#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;
}
/* ===== 资料板块：完全对齐版（覆盖用） ===== */

/* 整个资料区 */
.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;
}
/* 状态统一宽度（关键） */
.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;
}
/* 数字等宽（超级关键） */

/* ===== 终极结构重排版（标题在上） ===== */

/* 每个资料块改成竖排 */
.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 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-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-section {
    padding: 4px 0;
}

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


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


/* ===== 资料板块优化 ===== */
.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-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;
}


/* 生肖五行显示 */
.ball-meta-row {
  display: flex !important;
  justify-content: space-between !important;
  gap: 6px !important;
}

/* 板块整体 */
.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;
}

/* 生肖五行显示 */
.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;
  }
}
/* 板块整体 */
.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;
}

/* 命中行 */


/* 最新期左侧绿色条加粗 */


/* 命中红字 */



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







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

/* 生肖/五行显示 */



/* ===== 板块整体优化 ===== */
.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;
}

.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-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;
}
/* ===== 状态标签终极对齐版（放在 style.css 最底部）===== */

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

/* =========================
   🎯 手机优化（不挤）
   ========================= */
@media (max-width:900px){
}

/* 手机端稍微收紧 */
@media (max-width: 900px){
}
/* ===== 内容字体超粗终极版 ===== */

.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);
}

/* 手机端 */
@media (max-width: 900px){
}
/* ===== 类目标题大小 ===== */

.material-head span{
  font-size:26px !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;
}

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

  .section-title,
  .material-group-title{
    font-size:16px !important;
    padding:5px 6px !important;
  }
}

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

/* 蓝条标题也更像表格标题 */
.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){

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

@media (max-width: 900px){
}
/* ===== 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-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;
  }
}
/* ===== 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;
}

/* ===== 开奖卡片也统一质感 ===== */
.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;
  }
}

/* 蓝条下边加一道细阴影 */
.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);
}
/* =====🔥 168终极门户 + 彩球 + 排版锁死版 ===== */

/* ===== 整体间距压缩 ===== */
.materials-wrap{
  gap:2px !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-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;
}
.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){
}

/* ===== 命中统一：不影响对齐 ===== */
.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;
}

.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;
}

#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;
}

#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 .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:25px !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;
  }


@media (max-width: 900px){
}

@media (min-width: 901px){
}
/* ===== 前台改成后台表格结构 ===== */
.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;
}

@media (max-width:900px){
}
/* ===== 手机端跟电脑端同版式（最终覆盖版） ===== */
@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;
  }
}
/* ===== 手机端最终锁死版：完全跟电脑端同结构 ===== */
@media (max-width: 900px){
}
/* ===== 手机端：强制单行版（杀号/绝杀十码这类） ===== */
@media (max-width: 900px){
}
/* ===== 手机端最终稳定覆盖版：只放 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;
  }

  .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){
}
@media (max-width: 900px){
}
@media (max-width: 900px){
}
/* 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;
}
/* 开奖底部：左边期号时间，右边倒计时，强制同一行 */
.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-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;
}
@media (max-width:900px){
}
/* ===== 手机端：待开那一行单独更窄 ===== */
@media (max-width:900px){
}
/* ===== 手机端：左边期号红牌统一对齐 ===== */
@media (max-width:900px){
}
.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;
}

@media (max-width: 900px) {
  /* 手机端开奖球字体放大 */
  .xg-open-ball,
  .xg-open-ball b,
  .xg-open-ball span {
      font-size: 26px !important;   /* 调整数字大小 */
      font-weight: 900 !important;  /* 保持粗体 */
      line-height: 1 !important;    /* 避免文字上下偏移 */
      text-align: center;           /* 保持数字居中 */
      color: #111 !important;       /* 文字颜色 */
  }
}

/* ===== 手机端20码中特最终修复：完整显示 ===== */
@media (max-width:900px){
}


/* CLEAN_TEMA_BADGE_V1 */
.xg-open-ball-item-tema{position:relative!important;z-index:8!important;}
.xg-open-ball-item-tema .xg-open-ball,.xg-open-ball.is-tema{outline:3px solid #f2b600!important;outline-offset:2px!important;box-shadow:0 0 0 4px #f2b60055,0 0 12px #f2b60099!important;}
.xg-open-ball-item-tema:after{content:"特"!important;position:absolute!important;top:-6px!important;right:-4px!important;width:19px!important;height:19px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#d79000!important;border:1px solid #fff3b0!important;color:#fff!important;font-size:11px!important;font-weight:900!important;z-index:30!important;}
.xg-open-ball-item-tema .xg-open-meta,.xg-open-meta-tema{color:#a96f00!important;font-weight:900!important;}


/* LHC_SAFE_EXACT_DUPLICATE_CLEAN_20260705 */
/* Removed 65 exact duplicate top-level CSS rules. */

/* [MATERIAL-ROW-CLEAN-V2] */

/* 资料每行：左期号、中内容、右开奖与状态。 */
.material-line{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px 6px!important;
  margin:0!important;
  min-height:38px!important;
  border-bottom:1px solid #d9dfdf!important;
  line-height:1.3!important;
  flex-wrap:nowrap!important;
}

.material-line.is-hit{
  background:#edf8f1!important;
  border-radius:0!important;
}

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

.line-issue{
  flex:0 0 62px!important;
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 0!important;
  border-radius:5px!important;
  background:#ff3b3b!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
}

.line-text{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
}

.line-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 92px!important;
  column-gap:5px!important;
  align-items:center!important;
  width:100%!important;
}

.line-left{
  min-width:0!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  text-align:center!important;
  color:#1455e7!important;
}

.line-left b,
.line-left span,
.xg-raw-block,
.xg-raw-block *,
.xg-one-line,
.xg-one-line *{
  font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.36!important;
  letter-spacing:0!important;
  word-spacing:2px!important;
  white-space:pre-wrap!important;
  word-break:normal!important;
  overflow:visible!important;
}

.line-right{
  width:92px!important;
  min-width:92px!important;
  max-width:92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  white-space:nowrap!important;
  text-align:right!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:900!important;
}

.open-num{
  display:inline-block!important;
  min-width:2.1em!important;
  text-align:center!important;
  color:#111!important;
  font-family:Consolas,"Courier New",monospace!important;
  font-size:15px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
}

.hit-mark,
.auto-hit,
.hit-hot,
.line-left .hit{
  display:inline!important;
  color:#f20b0b!important;
  background:#ffe91c!important;
  padding:0 1px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font:inherit!important;
  vertical-align:baseline!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:25px!important;
  margin-left:3px!important;
  padding:0!important;
  border-radius:7px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
}

.hit-tag{background:#ff0808!important;}
.hit-no{background:#2878ff!important;}
.hit-wait{background:#d79c00!important;}

.xg-raw-block{
  display:block!important;
  width:100%!important;
  margin:0!important;
  text-align:center!important;
}

.xg-align-row{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:center!important;
}

.xg-align-row-single .xg-col-single{
  display:inline-block!important;
  width:auto!important;
  text-align:center!important;
}

.xg-align-row-4col{
  gap:5px!important;
  flex-wrap:wrap!important;
}

.xg-col-label,
.xg-col-animals,
.xg-col-code-label,
.xg-col-code-nums{
  display:inline!important;
  width:auto!important;
}

.xg-one-line{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}

@media(max-width:900px){
  .material-line{
    gap:4px!important;
    padding:4px 3px!important;
    min-height:36px!important;
  }

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

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

  .line-left b,
  .line-left span,
  .xg-raw-block,
  .xg-raw-block *,
  .xg-one-line,
  .xg-one-line *{
    font-size:13px!important;
    line-height:1.38!important;
    word-spacing:1px!important;
  }

  .line-right{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    font-size:12px!important;
    gap:1px!important;
  }

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

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

/* [/MATERIAL-ROW-CLEAN-V2] */

/* [FIX-10-20-DS-LAYOUT-V1] */

/* 仅给：绝杀十码、20码中特、单双三肖使用的稳定布局。 */
.line-inner.xg-10-20-ds-layout{
  grid-template-columns:minmax(0,1fr) 92px !important;
  align-items:center !important;
}

.line-inner.xg-10-20-ds-layout .line-left{
  overflow:visible !important;
  white-space:normal !important;
  text-align:center !important;
}

.line-inner.xg-10-20-ds-layout .xg-raw-block{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  width:100% !important;
  margin:0 !important;
}

.line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row,
.line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:20px !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow:visible !important;
}

.line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row .xg-col-single,
.line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row .xg-col-single *,
.line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single,
.line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single *{
  display:inline !important;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.22 !important;
  letter-spacing:-.22px !important;
  word-spacing:1px !important;
}

.line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single,
.line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single *{
  letter-spacing:0 !important;
  word-spacing:4px !important;
}

@media(max-width:900px){
  .line-inner.xg-10-20-ds-layout{
    grid-template-columns:minmax(0,1fr) 70px !important;
    column-gap:2px !important;
  }

  .line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row .xg-col-single,
  .line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row .xg-col-single *,
  .line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single,
  .line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single *{
    font-size:11px !important;
    letter-spacing:-.35px !important;
    word-spacing:0 !important;
  }

  .line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single,
  .line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single *{
    font-size:12px !important;
    letter-spacing:-.1px !important;
    word-spacing:2px !important;
  }
}

/* [MATERIAL-RESPONSIVE-CENTER-FINAL-V24] */
/*
  最终资料布局：
  左边期号 ｜ 中间资料居中 ｜ 右边开奖与准错
  页面、字号、期号栏、右开奖栏都会随浏览器窗口平滑缩放。
*/

/* 页面随窗口大小变化；电脑大屏最大宽度 1440px。 */
.page{
  width:min(1440px, calc(100vw - clamp(16px, 3vw, 56px))) !important;
  margin:0 auto !important;
}

#all-sections{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  gap:clamp(3px, .38vw, 7px) !important;
}

/* 三栏资料的自动尺寸。 */
:root{
  --mat-issue-w:clamp(56px, 5vw, 68px);
  --mat-result-w:clamp(82px, 7.2vw, 106px);
  --mat-row-gap:clamp(4px, .5vw, 8px);
  --mat-content-size:clamp(13px, 1.16vw, 20px);
}

/* 分类卡片和标题随窗口自然缩放。 */
.section,
.material-group{
  margin:clamp(4px, .45vw, 8px) 0 !important;
  overflow:hidden !important;
}

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

.material-group-title,
.section-title{
  margin:0 !important;
  padding:clamp(5px, .5vw, 9px) 10px !important;
  font-size:clamp(16px, 1.35vw, 22px) !important;
  line-height:1.1 !important;
}

.material-group-body,
.materials-list{
  margin:0 !important;
  padding:0 !important;
}

/* 每条资料：左期号 + 右边整组内容。 */
.material-line{
  display:grid !important;
  grid-template-columns:var(--mat-issue-w) minmax(0, 1fr) !important;
  column-gap:var(--mat-row-gap) !important;
  align-items:center !important;
  min-height:0 !important;
  margin:0 !important;
  padding:clamp(3px, .34vw, 6px) clamp(4px, .45vw, 8px) !important;
  border-bottom:1px solid #d9dfdf !important;
  line-height:1.2 !important;
}

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

.material-line.is-hit{
  background:#fff1ee !important;
  border-radius:0 !important;
}

/* 左边期号永远固定。 */
.line-issue{
  width:var(--mat-issue-w) !important;
  min-width:var(--mat-issue-w) !important;
  max-width:var(--mat-issue-w) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:clamp(3px, .32vw, 5px) 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  font-size:clamp(11px, .86vw, 14px) !important;
  line-height:1 !important;
  text-align:center !important;
}

/* 中间资料区域不能撑破整行。 */
.line-text{
  min-width:0 !important;
  width:auto !important;
  overflow:visible !important;
}

/* 中间资料 + 右开奖栏。 */
.line-inner,
.line-inner.is-raw-block{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) var(--mat-result-w) !important;
  column-gap:clamp(3px, .35vw, 6px) !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* 所有资料内容统一居中。 */
.line-left,
.line-inner.is-raw-block .line-left{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  color:#1455e7 !important;
  font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif !important;
  font-size:var(--mat-content-size) !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:clamp(0px, .025vw, .35px) !important;
  text-align:center !important;
  white-space:normal !important;
  word-break:break-word !important;
}

/* 内容里的红字、黄底、富文本等保留，但字体跟主资料统一。 */
.line-left b,
.line-left span,
.line-left div,
.xg-raw-block,
.xg-raw-block *,
.xg-one-line,
.xg-one-line *{
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:900 !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  word-spacing:inherit !important;
}

/* 右边“→ 开：号码 准/错”固定最右。 */
.line-right,
.line-inner.is-raw-block .line-right,
.line-inner.xg-ten-only-layout .line-right,
.line-inner.xg-double-zodiac-layout .line-right{
  width:var(--mat-result-w) !important;
  min-width:var(--mat-result-w) !important;
  max-width:var(--mat-result-w) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  align-self:center !important;
  gap:clamp(1px, .18vw, 3px) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
  color:#111 !important;
  font-size:clamp(12px, .96vw, 16px) !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-align:right !important;
}

.open-num{
  display:inline-block !important;
  min-width:2.05em !important;
  color:#111 !important;
  font-family:Consolas,"Courier New",monospace !important;
  font-size:inherit !important;
  font-weight:900 !important;
  text-align:center !important;
  font-variant-numeric:tabular-nums !important;
}

/* 命中：只改红字黄底，不改变行高和对齐。 */
.hit-mark,
.auto-hit,
.hit-hot,
.line-left .hit{
  display:inline !important;
  margin:0 !important;
  padding:0 1px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#ffe91c !important;
  color:#f20b0b !important;
  box-shadow:none !important;
  font:inherit !important;
  vertical-align:baseline !important;
}

.hit-tag,
.hit-no,
.hit-wait{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:clamp(36px, 3.2vw, 44px) !important;
  min-width:clamp(36px, 3.2vw, 44px) !important;
  max-width:clamp(36px, 3.2vw, 44px) !important;
  height:clamp(22px, 2vw, 27px) !important;
  margin-left:clamp(1px, .18vw, 3px) !important;
  padding:0 !important;
  border-radius:7px !important;
  color:#fff !important;
  font-size:clamp(12px, .95vw, 15px) !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.hit-tag{background:#ff0808 !important;}
.hit-no{background:#2878ff !important;}
.hit-wait{background:#d79c00 !important;}

/* 后台一行 = 首页一行：清掉旧 flex 撑出的巨大白空。 */
.xg-raw-block{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  text-align:center !important;
}

.xg-align-row,
.xg-align-row-single{
  display:flex !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.xg-align-row + .xg-align-row{
  margin-top:0 !important;
}

.xg-align-row-single .xg-col-single,
.xg-col-single{
  display:inline-block !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}

/* 六肖、四肖、二肖、一肖、包中九肖等四栏资料：一行紧贴居中。 */
.xg-align-row-4col{
  display:grid !important;
  grid-template-columns:max-content max-content max-content max-content !important;
  justify-content:center !important;
  align-items:center !important;
  column-gap:clamp(3px, .4vw, 8px) !important;
  row-gap:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
}

.xg-col-label,
.xg-col-animals,
.xg-col-code-label,
.xg-col-code-nums{
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
}

.xg-one-line{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}

/* 后台有换行时，首页保留换行，但不加额外空白。 */
.line-left br{
  display:block !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
}

/* 绝杀十码、20码、单双三肖：完整显示，不能截断或盖住右边开奖。 */
.line-inner.xg-10-20-ds-layout,
.line-inner.xg-ten-only-layout,
.line-inner.xg-double-zodiac-layout{
  grid-template-columns:minmax(0, 1fr) var(--mat-result-w) !important;
  column-gap:clamp(3px, .35vw, 6px) !important;
}

.line-inner.xg-10-20-ds-layout .line-left,
.line-inner.xg-10-20-ds-layout .xg-raw-block,
.line-inner.xg-ten-only-layout .line-left,
.line-inner.xg-ten-only-layout .xg-raw-block,
.line-inner.xg-double-zodiac-layout .line-left,
.line-inner.xg-double-zodiac-layout .xg-raw-block{
  overflow:visible !important;
  text-align:center !important;
}

.line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row,
.line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row,
.line-inner.xg-ten-only-layout .xg-fixed-ten-code-row,
.line-inner.xg-double-zodiac-layout .xg-fixed-double-zodiac-row{
  display:flex !important;
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  white-space:nowrap !important;
  text-align:center !important;
  word-break:keep-all !important;
}

.line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row,
.line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row .xg-col-single,
.line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row .xg-col-single *,
.line-inner.xg-ten-only-layout .xg-fixed-ten-code-row,
.line-inner.xg-ten-only-layout .xg-fixed-ten-code-row .xg-col-single,
.line-inner.xg-ten-only-layout .xg-fixed-ten-code-row .xg-col-single *{
  font-family:Arial,"Microsoft YaHei",sans-serif !important;
  font-size:clamp(9px, .92vw, 15px) !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  letter-spacing:clamp(-.75px, -.045vw, -.18px) !important;
  word-spacing:0 !important;
  white-space:nowrap !important;
  text-align:center !important;
}

.line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row,
.line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single,
.line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single *,
.line-inner.xg-double-zodiac-layout .xg-fixed-double-zodiac-row,
.line-inner.xg-double-zodiac-layout .xg-fixed-double-zodiac-row .xg-col-single,
.line-inner.xg-double-zodiac-layout .xg-fixed-double-zodiac-row .xg-col-single *{
  font-family:Arial,"Microsoft YaHei",sans-serif !important;
  font-size:clamp(10px, 1vw, 16px) !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  letter-spacing:clamp(-.48px, -.025vw, -.1px) !important;
  word-spacing:clamp(0px, .18vw, 2px) !important;
  white-space:nowrap !important;
  text-align:center !important;
}

.line-inner.xg-10-20-ds-layout .xg-col-single,
.line-inner.xg-10-20-ds-layout .xg-col-single *,
.line-inner.xg-ten-only-layout .xg-col-single,
.line-inner.xg-ten-only-layout .xg-col-single *,
.line-inner.xg-double-zodiac-layout .xg-col-single,
.line-inner.xg-double-zodiac-layout .xg-col-single *{
  display:inline !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  text-align:center !important;
}

/* 窄窗口、手机端：继续保持三栏，只自动收紧。 */
@media(max-width:520px){
  :root{
    --mat-issue-w:54px;
    --mat-result-w:76px;
    --mat-row-gap:4px;
    --mat-content-size:13px;
  }

  .page{
    width:calc(100vw - 10px) !important;
  }

  .material-line{
    padding:3px 3px !important;
  }

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

  .open-num{
    min-width:1.8em !important;
  }

  .xg-align-row-4col{
    column-gap:3px !important;
    transform:scale(.92);
    transform-origin:center center;
  }

  .line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row,
  .line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row .xg-col-single,
  .line-inner.xg-10-20-ds-layout .xg-fixed-ten-code-row .xg-col-single *,
  .line-inner.xg-ten-only-layout .xg-fixed-ten-code-row,
  .line-inner.xg-ten-only-layout .xg-fixed-ten-code-row .xg-col-single,
  .line-inner.xg-ten-only-layout .xg-fixed-ten-code-row .xg-col-single *{
    font-size:9px !important;
    letter-spacing:-.72px !important;
  }

  .line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row,
  .line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single,
  .line-inner.xg-10-20-ds-layout .xg-fixed-double-zodiac-row .xg-col-single *,
  .line-inner.xg-double-zodiac-layout .xg-fixed-double-zodiac-row,
  .line-inner.xg-double-zodiac-layout .xg-fixed-double-zodiac-row .xg-col-single,
  .line-inner.xg-double-zodiac-layout .xg-fixed-double-zodiac-row .xg-col-single *{
    font-size:10px !important;
    letter-spacing:-.42px !important;
    word-spacing:0 !important;
  }

  .hit-tag,
  .hit-no,
  .hit-wait{
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:22px !important;
    font-size:12px !important;
  }
}
/* [/MATERIAL-RESPONSIVE-CENTER-FINAL-V24] */

/* [FIX-MULTILINE-BLANK-GAP-V25] */
/* 清掉多行资料模板自带换行造成的大白空；保留中间内容居中。 */

.line-left .xg-raw-block,
.line-left .xg-align-row-single,
.line-left .xg-align-row-single .xg-col-single,
.line-left .xg-align-row-4col,
.line-left .xg-align-row-4col span{
  white-space:normal !important;
}

.line-left .xg-raw-block{
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.22 !important;
  text-align:center !important;
}

.line-left .xg-align-row-single,
.line-left .xg-align-row-4col{
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.22 !important;
  text-align:center !important;
}

.line-left .xg-align-row-single + .xg-align-row-single,
.line-left .xg-align-row-4col + .xg-align-row-4col{
  margin-top:0 !important;
}

.line-left .xg-align-row-single .xg-col-single{
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.22 !important;
  text-align:center !important;
}
/* [/FIX-MULTILINE-BLANK-GAP-V25] */

/* [MOBILE-TARGET-8-CLEAN-V47] */
/* 只处理：单双三肖、六尾中牌，平特④ₖ/大奉送|三头四尾、绝杀十码、20码中特–廴庄三连肖. */
@media (max-width:520px){
  .material-line.xg-mobile-real-3col{
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 62px !important;
    column-gap:2px !important;
    align-items:center !important;
    padding:3px 2px !important;
    min-height:0 !important;
  }

  .material-line.xg-mobile-real-3col > .line-issue{
    grid-column:1 !important;
    grid-row:1 !important;
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    align-self:center !important;
    font-size:11px !important;
  }

  /* 把中间包装层展开：期数、内容编、开奖成为猟排三标。 */
  .material-line.xg-mobile-real-3col > .line-text,
  .material-line.xg-mobile-real-3col > .line-text > .line-inner{
    display:contents !important;
  }

  .material-line.xg-mobile-real-3col .line-left{
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    min-width:0 !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    text-align:center !important;
    transform:none !important;
  }

  .material-line.xg-mobile-real-3col .line-right{
    grid-column:3 !important;
    grid-row:1 !important;
    display:flex !important;
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
    align-items:center !important;
    justify-content:flex-end !important;
    align-self:center !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    color:#111 !important;
    font-size:10px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    transform:none !important;
  }

  .material-line.xg-mobile-real-3col .open-num{
    min-width:1.35em !important;
    font-size:11px !important;
  }

  .material-line.xg-mobile-real-3col .hit-tag,
  .material-line.xg-mobile-real-3col .hit-no,
  .material-line.xg-mobile-real-3col .hit-wait{
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:20px !important;
    margin-left:1px !important;
    font-size:10px !important;
  }

  /* 后台原本一行就是一行；后台原本二行就保留二行。 */
  .material-line.xg-mobile-real-3col .xg-raw-block,
  .material-line.xg-mobile-real-3col .xg-one-line{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }

  .material-line.xg-mobile-real-3col .xg-raw-block >div,
  .material-line.xg-mobile-real-3col .xg-one-line{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
    transform:none !important;
  }

  .material-line.xg-mobile-real-3col .line-left *,
  .material-line.xg-mobile-real-3col .xg-raw-block >div *{
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1.18 !important;
    letter-spacing:-.28px !important;
    word-spacing:0 !important;
    white-space:inherit !important;
    word-break:keep-all !important;
  }

  /* 20码 / 绝杀十码: 每个后台原本十码行完整显示，绝不裁掉。 */
  .material-line.xg-mobile-real-3col .xg-fixed-ten-code-row,
  .material-line.xg-mobile-real-3col .xg-fixed-ten-code-row .xg-col-single,
  .material-line.xg-mobile-real-3col .xg-fixed-ten-code-row .xg-col-single *{
    font-size:9px !important;
    line-height:1.15 !important;
    letter-spacing:-.58px !important;
    word-spacing:0 !important;
    white-space:nowrap !important;
  }

  /* 双徃三肖、波类三肖、三肖类：缩字但保留后台原本一行。 */
  .material-line.xg-mobile-real-3col .xg-fixed-double-zodiac-row,
  .material-line.xg-mobile-real-3col .xg-fixed-double-zodiac-row .xg-col-single,
  .material-line.xg-mobile-real-3col .xg-fixed-double-zodiac-row .xg-col-single *{
    font-size:9px !important;
    line-height:1.16 !important;
    letter-spacing:-.42px !important;
    word-spacing:0 !important;
    white-space:nowrap !important;
  }
}
/* [/MOBILE-TARGET-8-CLEAN-V47] */


/* [MOBILE-TARGET-8-FONT-FIT-V48] */
@media (max-width:520px){
  .material-line.xg-mobile-real-3col{
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 70px !important;
    column-gap:2px !important;
    align-items:center !important;
    padding:3px 2px !important;
    min-height:0 !important;
  }
  .material-line.xg-mobile-real-3col > .line-issue{
    grid-column:1 !important;
    grid-row:1 !important;
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    font-size:11px !important;
    align-self:center !important;
  }
  .material-line.xg-mobile-real-3col > .line-text,
  .material-line.xg-mobile-real-3col .line-inner{
    display:contents !important;
  }
  .material-line.xg-mobile-real-3col .line-left{
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    min-width:0 !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    text-align:center !important;
    transform:none !important;
  }
  .material-line.xg-mobile-real-3col .line-right{
    grid-column:3 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    white-space:nowrap !important;
    font-family:Arial,"Microsoft YaHei",sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-shadow:none !important;
    transform:none !important;
  }
  .material-line.xg-mobile-real-3col .line-right .open-num{
    min-width:1.35em !important;
    font-size:10px !important;
  }
  .material-line.xg-mobile-real-3col .line-right .hit-tag,
  .material-line.xg-mobile-real-3col .line-right .hit-no,
  .material-line.xg-mobile-real-3col .line-right .hit-wait{
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:18px !important;
    margin-left:1px !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:18px !important;
  }

  .material-line.xg-mobile-real-3col .xg-raw-block{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }
  .material-line.xg-mobile-real-3col .xg-raw-block > .xg-align-row,
  .material-line.xg-mobile-real-3col .xg-one-line{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
  }
  .material-line.xg-mobile-real-3col .xg-align-row-4col{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 2px !important;
  }
  .material-line.xg-mobile-real-3col .xg-align-row > *,
  .material-line.xg-mobile-real-3col .xg-align-row > * *,
  .material-line.xg-mobile-real-3col .xg-one-line > *,
  .material-line.xg-mobile-real-3col .xg-one-line > * *{
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-family:Arial,"Microsoft YaHei",sans-serif !important;
    font-size:9px !important;
    font-weight:900 !important;
    line-height:1.16 !important;
    letter-spacing:-.38px !important;
    word-spacing:0 !important;
    white-space:inherit !important;
    word-break:keep-all !important;
    text-shadow:none !important;
    transform:none !important;
  }
  .material-line.xg-mobile-real-3col .xg-fixed-ten-code-row > *,
  .material-line.xg-mobile-real-3col .xg-fixed-ten-code-row > * *,
  .material-line.xg-mobile-real-3col .xg-fixed-double-zodiac-row > *,
  .material-line.xg-mobile-real-3col .xg-fixed-double-zodiac-row > * *{
    font-size:9px !important;
    line-height:1.14 !important;
    letter-spacing:-.52px !important;
    word-spacing:0 !important;
    white-space:nowrap !important;
  }
}


/* [MOBILE-TARGET-8-SMALLER-V49] */
@media (max-width:520px){
  .material-line.xg-mobile-real-3col .line-left,
  .material-line.xg-mobile-real-3col .line-left *,
  .line-inner.xg-mobile-desktop-target .line-left,
  .line-inner.xg-mobile-desktop-target .line-left *{
    font-size:8px !important;
    line-height:1.08 !important;
    letter-spacing:-.60px !important;
    word-spacing:0 !important;
    text-shadow:none !important;
  }

  .material-line.xg-mobile-real-3col .line-right,
  .line-inner.xg-mobile-desktop-target .line-right{
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:-.25px !important;
  }

  .material-line.xg-mobile-real-3col .open-num,
  .line-inner.xg-mobile-desktop-target .open-num{
    font-size:10px !important;
    min-width:1.25em !important;
  }

  .material-line.xg-mobile-real-3col .hit-tag,
  .material-line.xg-mobile-real-3col .hit-no,
  .material-line.xg-mobile-real-3col .hit-wait,
  .line-inner.xg-mobile-desktop-target .hit-tag,
  .line-inner.xg-mobile-desktop-target .hit-no,
  .line-inner.xg-mobile-desktop-target .hit-wait{
    width:23px !important;
    min-width:23px !important;
    max-width:23px !important;
    height:18px !important;
    font-size:9px !important;
    line-height:18px !important;
    padding:0 !important;
  }
}
/* [/MOBILE-TARGET-8-SMALLER-V49] */

/* [MOBILE-20-ONLY-V51] */@media(max-width:520px){.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;row-gap:1px!important;column-gap:0!important;width:100%!important}.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-left{grid-column:1!important;grid-row:1!important;min-width:0!important;overflow:visible!important}.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right{grid-column:1!important;grid-row:2!important;width:auto!important;min-width:0!important;max-width:none!important;justify-self:end!important;justify-content:flex-end!important;font-size:10px!important;white-space:nowrap!important}.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-raw-block{display:block!important;width:100%!important;margin:0!important;padding:0!important}.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-fixed-ten-code-row{display:block!important;width:100%!important;margin:0!important;padding:0!important;white-space:nowrap!important;text-align:center!important}.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-fixed-ten-code-row .xg-col-single,.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-fixed-ten-code-row .xg-col-single *{font-size:9px!important;line-height:1.1!important;letter-spacing:-.65px!important;word-spacing:0!important;white-space:nowrap!important}}

/* [MOBILE-20-RIGHT-STACK-V52] */
@media(max-width:520px){
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-inner{display:grid!important;grid-template-columns:minmax(0,1fr) 66px!important;grid-template-rows:auto!important;column-gap:1px!important;align-items:center!important;width:100%!important;min-width:0!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-left{grid-column:1!important;grid-row:1!important;min-width:0!important;overflow:visible!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right{grid-column:2!important;grid-row:1!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;width:66px!important;min-width:66px!important;max-width:66px!important;margin:0!important;padding:0!important;text-align:right!important;white-space:nowrap!important;font-size:9px!important;line-height:1!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right br{display:none!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right .open-num{display:inline-block!important;flex:0 0 auto!important;min-width:1.25em!important;font-size:9px!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right :is(.hit-tag,.hit-no,.hit-wait){display:inline-flex!important;flex:0 0 23px!important;align-items:center!important;justify-content:center!important;width:23px!important;min-width:23px!important;max-width:23px!important;height:18px!important;margin:0 0 0 1px!important;padding:0!important;font-size:9px!important;line-height:18px!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-fixed-ten-code-row,.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-fixed-ten-code-row *{font-size:8px!important;line-height:1.12!important;letter-spacing:-.62px!important;word-spacing:0!important;white-space:nowrap!important}
}
/* [/MOBILE-20-RIGHT-STACK-V52] */


/* [MOBILE-20-STRUCTURED-V54] */
@media (max-width:520px){
  /* Only 20 code: issue | two source rows | independent result stack. */
  .material-line:has(.line-inner.xg-20-only-layout){
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    column-gap:2px !important;
    align-items:center !important;
    padding:3px 2px !important;
    min-height:0 !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) > .line-issue{
    grid-column:1 !important;
    grid-row:1 !important;
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    font-size:11px !important;
    align-self:center !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) > .line-text{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:auto !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .line-inner.xg-20-only-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 62px !important;
    grid-template-rows:auto !important;
    column-gap:2px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .line-left{
    grid-column:1 !important;
    grid-row:1 !important;
    display:block !important;
    min-width:0 !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .line-right{
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
    align-self:center !important;
    margin:0 !important;
    padding:0 !important;
    text-align:right !important;
    white-space:nowrap !important;
    font-size:10px !important;
    line-height:1 !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .xg-20-result{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    justify-content:center !important;
    width:100% !important;
    min-height:0 !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .xg-20-open{
    display:block !important;
    width:100% !important;
    min-height:11px !important;
    font-size:10px !important;
    line-height:1.05 !important;
    text-align:right !important;
    white-space:nowrap !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .xg-20-open > div{
    margin:0 !important;
    padding:0 !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .xg-20-status{
    display:block !important;
    width:100% !important;
    min-height:18px !important;
    margin-top:2px !important;
    text-align:right !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .xg-20-status :is(.hit-tag,.hit-no,.hit-wait){
    display:inline-block !important;
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:9px !important;
    line-height:18px !important;
    text-align:center !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .xg-raw-block{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row{
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single,
  .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single *{
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-family:Arial,"Microsoft YaHei",sans-serif !important;
    font-size:9px !important;
    font-weight:900 !important;
    line-height:1.16 !important;
    letter-spacing:-.58px !important;
    word-spacing:0 !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
  }
}
/* [/MOBILE-20-STRUCTURED-V54] */

/* [MOBILE-20-RIGHT-NUDGE-V55] */@media(max-width:520px){.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right{position:relative!important;right:5px!important;font-size:8px!important}.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right .open-num{font-size:9px!important;min-width:1.2em!important}.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right :is(.hit-tag,.hit-no,.hit-wait){margin-left:auto!important}}



/* [MOBILE-20-OPEN-STATUS-ONE-LINE-V57] */
@media(max-width:520px){
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-inner{grid-template-columns:minmax(0,1fr) 64px!important;column-gap:1px!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;width:64px!important;min-width:64px!important;max-width:64px!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right :is(.hit-tag,.hit-no,.hit-wait){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:23px!important;min-width:23px!important;max-width:23px!important;height:18px!important;margin:0 0 0 2px!important;font-size:9px!important;line-height:18px!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right .open-num{font-size:9px!important;min-width:1.15em!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-fixed-ten-code-row,.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-fixed-ten-code-row *{font-size:8px!important;letter-spacing:-.68px!important}
}

/* [MOBILE-20-FINAL-ONE-LINE-V59] */
@media(max-width:520px){
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-inner{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;column-gap:0!important;align-items:center!important;width:100%!important;min-width:0!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-left{min-width:0!important;overflow:visible!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;position:static!important;right:auto!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;white-space:nowrap!important;font-size:8px!important;line-height:1!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right br{display:none!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right .open-num{display:inline-block!important;min-width:1.1em!important;font-size:9px!important;text-align:left!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right :is(.hit-tag,.hit-no){display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-width:15px!important;height:16px!important;margin:0 0 0 1px!important;padding:0 1px!important;font-size:8px!important;line-height:16px!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right .hit-wait{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-width:21px!important;height:16px!important;margin:0 0 0 1px!important;padding:0 1px!important;font-size:8px!important;line-height:16px!important}
.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-fixed-ten-code-row,.material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .xg-fixed-ten-code-row *{font-size:8px!important;line-height:1.1!important;letter-spacing:-.55px!important;word-spacing:0!important;white-space:nowrap!important}
}


/* [MOBILE-TEN-TRUE-3COL-V66] */
@media(max-width:520px){
.material-line:has(.line-inner.xg-ten-only-layout){display:grid!important;grid-template-columns:64px minmax(0,1fr) 62px!important;column-gap:2px!important;align-items:center!important;padding:3px 2px!important;min-height:0!important}
.material-line:has(.line-inner.xg-ten-only-layout) > .line-issue{grid-column:1!important;grid-row:1!important;width:64px!important;min-width:64px!important;max-width:64px!important;font-size:11px!important}
.material-line:has(.line-inner.xg-ten-only-layout) > .line-text,.material-line:has(.line-inner.xg-ten-only-layout) > .line-text > .line-inner{display:contents!important}
.material-line:has(.line-inner.xg-ten-only-layout) .line-left{grid-column:2!important;grid-row:1!important;display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important;text-align:center!important}
.material-line:has(.line-inner.xg-ten-only-layout) .line-right{grid-column:3!important;grid-row:1!important;position:static!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:62px!important;min-width:62px!important;max-width:62px!important;margin:0!important;padding:0!important;white-space:nowrap!important;font-size:9px!important;line-height:1!important;text-align:right!important}
.material-line:has(.line-inner.xg-ten-only-layout) .line-right br{display:none!important}
.material-line:has(.line-inner.xg-ten-only-layout) .line-right .open-num{min-width:1.15em!important;font-size:9px!important}
.material-line:has(.line-inner.xg-ten-only-layout) .line-right :is(.hit-tag,.hit-no){width:20px!important;min-width:20px!important;max-width:20px!important;height:18px!important;margin-left:1px!important;padding:0!important;font-size:9px!important;line-height:18px!important}
.material-line:has(.line-inner.xg-ten-only-layout) .line-right .hit-wait{width:25px!important;min-width:25px!important;max-width:25px!important;height:18px!important;margin-left:1px!important;padding:0!important;font-size:9px!important;line-height:18px!important}
.material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,.material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row *{font-size:10px!important;line-height:1.1!important;letter-spacing:-.35px!important;word-spacing:0!important;white-space:nowrap!important}
}
/* [MOBILE-OPEN-NUM-NATURAL-WIDTH-V70] */
@media(max-width:520px){
body .material-line .line-right{gap:1px!important}
body .material-line .line-right .open-num{display:inline-block!important;width:auto!important;min-width:1.05em!important;margin:0!important;padding:0!important;text-align:center!important}
body .material-line .line-right :is(.hit-tag,.hit-no,.hit-wait){margin-left:1px!important}
body .material-line:has(.line-inner.xg-ten-only-layout) .line-right .open-num{width:auto!important;min-width:1.05em!important;margin:0!important;padding:0!important}
body .material-line:has(.line-inner.xg-10-20-ds-layout:not(.xg-ten-only-layout):not(.xg-double-zodiac-layout)) .line-right .open-num{width:auto!important;min-width:1.05em!important;margin:0!important;padding:0!important}
body .material-line:has(.line-inner.xg-20-only-layout) .line-right .open-num{width:auto!important;min-width:1.05em!important;margin:0!important;padding:0!important}
}

/* [CLEANED-20260709-TEN-CODE] 已清除损坏乱码注释 */
/* [FIX-20260709-TEN-CODE-MOBILE-2] 十码期号不压号码 */
@media (max-width:760px){
  .line-inner.xg-ten-only-layout .line-left,
  .line-inner.xg-10-20-ds-layout .line-left{
    font-size:16px !important;
    letter-spacing:-1.4px !important;
    gap:4px !important;
  }

  .line-inner.xg-ten-only-layout .line-right,
  .line-inner.xg-10-20-ds-layout .line-right{
    min-width:82px !important;
    font-size:16px !important;
    letter-spacing:-1px !important;
  }

  .line-inner.xg-ten-only-layout .issue-badge,
  .line-inner.xg-ten-only-layout .xg-issue-badge,
  .line-inner.xg-ten-only-layout .line-issue,
  .line-inner.xg-10-20-ds-layout .issue-badge,
  .line-inner.xg-10-20-ds-layout .xg-issue-badge,
  .line-inner.xg-10-20-ds-layout .line-issue{
    flex:0 0 58px !important;
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    margin-right:6px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    font-size:15px !important;
    letter-spacing:-1px !important;
    text-align:center !important;
    overflow:hidden !important;
  }
}
/* [FIX-20260709-TEN-ONLY-OUTER-GRID-V1]
   只修：绝杀十码手机端，期号不再压住第一个号码
*/
@media (max-width:520px){

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout){
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    column-gap:2px !important;
    align-items:center !important;
    width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) > .line-issue{
    grid-column:1 !important;
    grid-row:1 !important;
    position:static !important;
    transform:none !important;
    left:auto !important;
    top:auto !important;
    flex:0 0 52px !important;
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    margin:0 !important;
    padding:2px 0 !important;
    box-sizing:border-box !important;
    text-align:center !important;
    font-size:13px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    z-index:auto !important;
  }

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) > .line-text{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .line-inner.xg-ten-only-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 82px !important;
    column-gap:2px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    padding:0 !important;
  }

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .line-left{
    grid-column:1 !important;
    grid-row:1 !important;
    display:block !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-align:left !important;
    white-space:nowrap !important;
    font-size:15px !important;
    line-height:1.12 !important;
    letter-spacing:-0.8px !important;
    font-family:Consolas,"Courier New",monospace !important;
  }

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .xg-raw-block,
  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .xg-col-single{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-align:left !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .xg-col-single,
  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .xg-col-single *{
    font-size:15px !important;
    line-height:1.12 !important;
    letter-spacing:-0.8px !important;
    word-spacing:0 !important;
    white-space:nowrap !important;
  }

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .line-right{
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-flow:row nowrap !important;
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    font-size:15px !important;
    line-height:1 !important;
    letter-spacing:-0.8px !important;
    text-align:right !important;
  }

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .open-num{
    min-width:20px !important;
    font-size:15px !important;
    padding:0 !important;
    margin:0 !important;
  }

  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .hit-tag,
  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .hit-no,
  .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout) .hit-wait{
    flex:0 0 28px !important;
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:22px !important;
    line-height:22px !important;
    font-size:14px !important;
    margin-left:2px !important;
    padding:0 !important;
  }
}

/* [TEN-FONT-FINAL-V2] 绝杀十码最终字号 */
@media (min-width:521px){
  html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
  html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row *,
  html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single,
  html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single *{
    font-size:11.5px !important;
    line-height:1.15 !important;
    letter-spacing:-0.6px !important;
    word-spacing:1px !important;
  }
}
@media (max-width:520px){
  html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
  html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row *,
  html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single,
  html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single *{
    font-size:10px !important;
    line-height:1.1 !important;
    letter-spacing:-0.35px !important;
    word-spacing:0 !important;
  }
}

/* [TEN-OPEN-GAP-FINAL-V1] */
html body .material-line:has(.line-inner.xg-ten-only-layout) .line-right{
  gap:0 !important;
}
html body .material-line:has(.line-inner.xg-ten-only-layout) .line-right .open-num{
  margin-left:-2px !important;
}

/* [TEN-OPEN-TIGHT-FINAL-V2] */
html body .material-line:has(.line-inner.xg-ten-only-layout) .line-right{
  gap:0 !important;
}
html body .material-line:has(.line-inner.xg-ten-only-layout) .line-right .open-num{
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  position:relative !important;
  left:-5px !important;
}

/* [GLOBAL-OPEN-TIGHT-FINAL-V1] */
html body .material-line .line-right{
  gap:0 !important;
}
html body .material-line .line-right .open-num{
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  position:relative !important;
  left:-5px !important;
}
html body .material-line .line-right :is(.hit-tag,.hit-no,.hit-wait){
  margin-left:0 !important;
}

/* [GLOBAL-RIGHT-ONE-LINE-FINAL-V1] */
html body .material-line .line-right{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:2px !important;
  white-space:nowrap !important;
}
html body .material-line .line-right br{
  display:none !important;
}
html body .material-line .line-right .open-num,
html body .material-line .line-right :is(.hit-tag,.hit-no,.hit-wait){
  display:inline-flex !important;
  flex:0 0 auto !important;
  margin:0 !important;
}

/* [20-RESULT-ONE-LINE-FINAL-V1] */
html body .material-line:has(.line-inner.xg-20-only-layout) .line-right{
  display:flex !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  align-items:center !important;
  justify-content:flex-end !important;
  white-space:nowrap !important;
}
html body .material-line:has(.line-inner.xg-20-only-layout) .xg-20-result{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:2px !important;
  width:auto !important;
}
html body .material-line:has(.line-inner.xg-20-only-layout) .xg-20-open,
html body .material-line:has(.line-inner.xg-20-only-layout) .xg-20-status{
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  align-items:center !important;
  white-space:nowrap !important;
}
html body .material-line:has(.line-inner.xg-20-only-layout) .xg-20-status :is(.hit-tag,.hit-no,.hit-wait){
  margin:0 !important;
}

/* [TEN-ISSUE-LEFT-FINAL-V1] */
html body .material-line:has(.line-inner.xg-ten-only-layout) > .line-issue{
  transform:translateX(-4px) !important;
  margin:0 !important;
}

/* [TEN-LEFT-GAP-FINAL-V1] */
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row{
  padding-left:2px !important;
  box-sizing:border-box !important;
}
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row *{
  letter-spacing:-0.7px !important;
}

/* [TEN-NUMBER-ONLY-FIT-V1] */
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row *,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single *{
  font-size:10.6px !important;
  letter-spacing:-1px !important;
  word-spacing:-0.5px !important;
  line-height:1.1 !important;
}

/* [TEN-SIDE-GAP-FINAL-V1] */
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row{
  padding-left:2px !important;
  padding-right:2px !important;
  box-sizing:border-box !important;
}

/* [TEN-INNER-GAP-FINAL-V1] */
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row .xg-col-single{
  display:block !important;
  width:calc(100% - 2px) !important;
  margin-left:1px !important;
  margin-right:1px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  text-align:center !important;
}
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row *{
  font-size:10.3px !important;
  letter-spacing:-1.05px !important;
  word-spacing:-0.5px !important;
}

/* [TEN-NUMBER-SAFE-FINAL-V1] */
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row *,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single *{
  font-size:9.9px !important;
  letter-spacing:-1.15px !important;
  word-spacing:-0.6px !important;
  line-height:1.1 !important;
}

/* [TEN-CONTENT-RIGHT-GAP-FINAL-V1] */
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row .xg-col-single{
  padding-right:4px !important;
  box-sizing:border-box !important;
}

/* [TEN-FONT-ONLY-FINAL-V1] */
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row *,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single,
html body .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single *{
  font-size:9.2px !important;
  line-height:1.1 !important;
  letter-spacing:-0.8px !important;
  word-spacing:-0.4px !important;
}

/* [TEN-REAL-SIZE-FINAL] */
#xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-text{
  --xg-fit-size:14px !important;
  --xg-base-size:14px !important;
}
#xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row .manual-bold{
  font-size:14px !important;
  letter-spacing:-0.4px !important;
}


/* [TEN-STATUS-NORMAL-FINAL] */
#xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  white-space:nowrap !important;
}
#xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right .open-num{
  position:static !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  font-size:17px !important;
  line-height:1 !important;
}
#xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right .hit-tag,
#xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right .hit-no,
#xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right .hit-wait{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:48px !important;
  height:30px !important;
  margin:0 !important;
  padding:0 6px !important;
  box-sizing:border-box !important;
  font-size:17px !important;
  line-height:30px !important;
}


/* [DS-CONTENT-FONT-SMALL-FINAL] */
#xgMaterialsWrap .material-line:has(.line-inner.xg-double-zodiac-layout) .line-left,
#xgMaterialsWrap .material-line:has(.line-inner.xg-double-zodiac-layout) .line-left *{
  font-size:15px !important;
  line-height:1.12 !important;
  letter-spacing:-0.25px !important;
}


/* [HIDE-FIRST-TEMA-MARK-FINAL] */
.xg-open-ball-tema::before,
.xg-open-ball-item-tema::before{
  content:none !important;
  display:none !important;
}

/* [SERVER-TEN-OPEN-LABEL-FINAL-V2] */
@media (max-width:520px){
  #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout){
    grid-template-columns:64px minmax(0,1fr) 86px!important;
  }

  #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) > .line-text,
  #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-inner.xg-ten-only-layout{
    width:100%!important;
    min-width:0!important;
  }

  #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right{
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:1px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right .open-num{
    position:static!important;
    left:auto!important;
    display:inline-block!important;
    width:auto!important;
    min-width:1.25em!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1!important;
    text-align:center!important;
  }

  #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right br{
    display:none!important;
  }
}

/* 普通资料统一字号。带固定十码行的长号码板块继续使用专用排版。 */
@media (min-width:521px){
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) > .line-issue,
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-left,
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-left :is(span, b, strong, em),
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-right,
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-right .open-num{
    font-size:18px!important;
    line-height:1.34!important;
  }

  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)){
    min-height:52px!important;
  }

  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-left{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:520px){
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) > .line-issue,
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-left,
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-left :is(span, b, strong, em),
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-right,
  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-right .open-num{
    font-size:16px!important;
    line-height:1.34!important;
  }

  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)){
    min-height:48px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }

  html body #xgMaterialsWrap .material-line:not(:has(.xg-fixed-ten-code-row)) .line-left{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}
/* [/SERVER-TEN-OPEN-LABEL-FINAL-V2] */

/* [MOBILE-LAYOUT-CLEAN-FINAL-20260712]
   只修手机端指定资料：保持“期数｜资料｜开/准错”三栏；
   后台一行仍一行，后台两行仍两行；电脑端完全不受影响。
*/
@media (max-width:520px){
  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout){
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    column-gap:3px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:4px 3px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col > .line-issue,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) > .line-issue{
    grid-column:1 !important;
    grid-row:1 !important;
    position:static !important;
    transform:none !important;
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    margin:0 !important;
    padding:3px 0 !important;
    box-sizing:border-box !important;
    align-self:center !important;
    font-size:11px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col > .line-text,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) > .line-text{
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .line-inner,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .line-inner{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 70px !important;
    column-gap:2px !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .line-left,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .line-left{
    grid-column:1 !important;
    grid-row:1 !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 1px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    text-align:center !important;
    white-space:normal !important;
    font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif !important;
    font-size:12px !important;
    font-weight:900 !important;
    line-height:1.16 !important;
    letter-spacing:-.25px !important;
    word-spacing:0 !important;
    transform:none !important;
    text-shadow:none !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .xg-raw-block,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-raw-block{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    text-align:center !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .xg-raw-block > .xg-align-row,
  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .xg-one-line,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-raw-block > .xg-align-row,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-one-line{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-align:center !important;
    line-height:1.16 !important;
    transform:none !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .line-left *,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .line-left *{
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:900 !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
    word-spacing:inherit !important;
    text-shadow:none !important;
    transform:none !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .line-right,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .line-right{
    grid-column:2 !important;
    grid-row:1 !important;
    position:static !important;
    right:auto !important;
    transform:none !important;
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    gap:1px !important;
    white-space:nowrap !important;
    color:#111 !important;
    font-family:Arial,"Microsoft YaHei",sans-serif !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:-.15px !important;
    text-align:right !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .line-right br,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .line-right br{
    display:none !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .line-right .open-num,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .line-right .open-num{
    position:static !important;
    left:auto !important;
    display:inline-block !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:1.25em !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1 !important;
    text-align:center !important;
  }

  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .line-right :is(.hit-tag,.hit-no,.hit-wait),
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .line-right :is(.hit-tag,.hit-no,.hit-wait){
    display:inline-flex !important;
    flex:0 0 25px !important;
    align-items:center !important;
    justify-content:center !important;
    width:25px !important;
    min-width:25px !important;
    max-width:25px !important;
    height:19px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:5px !important;
    font-size:9px !important;
    line-height:19px !important;
  }

  /* 单双三肖等：整组保持一行，不拆生肖。 */
  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .xg-fixed-double-zodiac-row,
  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .xg-fixed-double-zodiac-row .xg-col-single,
  html body #xgMaterialsWrap .material-line.xg-mobile-real-3col .xg-fixed-double-zodiac-row .xg-col-single *{
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    font-size:10.5px !important;
    line-height:1.14 !important;
    letter-spacing:-.42px !important;
    word-spacing:0 !important;
    white-space:nowrap !important;
  }

  /* 绝杀十码：10个号码仍在同一行。 */
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row .xg-col-single,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row .xg-col-single *{
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.12 !important;
    letter-spacing:-.48px !important;
    word-spacing:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  /* 20码中特：后台两行继续两行，每行10码；右边“开+准错”同一行。 */
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single *{
    display:inline !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:9.4px !important;
    line-height:1.13 !important;
    letter-spacing:-.58px !important;
    word-spacing:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-20-result,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-20-open,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-20-status{
    display:inline-flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    gap:1px !important;
    white-space:nowrap !important;
    font-size:10px !important;
    line-height:1 !important;
  }
}
/* [/MOBILE-LAYOUT-CLEAN-FINAL-20260712] */


/* [TEN-MOBILE-ONLY-FINAL-20260712] */
@media (max-width:520px){
html body #xgMaterialsWrap .material-line.xg-mobile-real-3col.xg-mobile-desktop-target-row:has(.line-inner.xg-ten-only-layout),
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout){
display:grid!important;grid-template-columns:64px minmax(0,1fr) 86px!important;column-gap:2px!important;align-items:center!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:4px 4px!important;
}
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout)>.line-issue{
grid-column:1!important;grid-row:1!important;width:64px!important;min-width:64px!important;max-width:64px!important;margin:0!important;transform:none!important;font-size:12px!important;
}
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout)>.line-text,
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout)>.line-text>.line-inner{
display:contents!important;
}
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-left{
grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;text-align:center!important;white-space:nowrap!important;
}
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row .xg-col-single{
display:block!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;text-align:center!important;white-space:nowrap!important;
}
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row *,
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single,
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-col-single *{
font-size:11.5px!important;line-height:1.1!important;letter-spacing:-.35px!important;word-spacing:0!important;white-space:nowrap!important;
}
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right{
grid-column:3!important;grid-row:1!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;width:86px!important;min-width:86px!important;max-width:86px!important;margin:0!important;padding:0!important;gap:2px!important;overflow:visible!important;white-space:nowrap!important;
}
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right .open-num{
position:static!important;display:inline-block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1!important;text-align:right!important;
}
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right :is(.hit-tag,.hit-no){
display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:30px!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:30px!important;
}
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right .hit-wait{
display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:30px!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:30px!important;
}
}

/* ===== 图片资料板块 ===== */
.xg-image-materials-wrap{
  width:100%;
  max-width:760px;
  margin:12px auto 18px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.xg-image-material-card{
  background:#fff;
  border:1px solid #d7dbe3;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.xg-image-material-head{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:8px 12px;
  background:linear-gradient(180deg,#fff,#f2f4f8);
  border-bottom:1px solid #d7dbe3;
  color:#111;
  font-size:20px;
  font-weight:900;
  text-align:center;
}
.xg-image-material-head em{
  font-style:normal;
  font-size:14px;
  color:#667085;
  white-space:nowrap;
}
.xg-image-material-body{
  padding:8px;
  background:#fff;
}
.xg-image-material-item + .xg-image-material-item{
  margin-top:8px;
}
.xg-image-material-item img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  margin:0 auto;
  object-fit:contain;
}
@media(max-width:900px){
  .xg-image-materials-wrap{
    max-width:none;
    margin:8px 0 14px;
    gap:8px;
  }
  .xg-image-material-card{
    border-left:0;
    border-right:0;
    border-radius:0;
  }
  .xg-image-material-head{
    min-height:40px;
    padding:7px 8px;
    font-size:18px;
  }
  .xg-image-material-head em{
    font-size:13px;
  }
  .xg-image-material-body{
    padding:4px;
  }
}


/* [HIDE-IMAGE-MATERIAL-TITLE] */
.xg-image-material-head{display:none!important;}
.xg-image-material-body{margin-top:0!important;}

/* [UNIFIED-CONTENT-IMAGES-V1] Keep every content image complete and proportional. */
.banner-track img,
#bottomBannerWrap .banner img,
.mid-banner img,
.xg-image-material-item img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* 20码中特：电脑端优先提高号码可读性，保持每行十码和右侧开奖栏不变。 */
@media (min-width:901px){
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single *{
    font-size:18px!important;
    line-height:1.16!important;
    letter-spacing:-.12px!important;
    word-spacing:1px!important;
    white-space:nowrap!important;
  }
}

@media (min-width:521px) and (max-width:900px){
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single *{
    font-size:14px!important;
    line-height:1.15!important;
    letter-spacing:-.18px!important;
    white-space:nowrap!important;
  }
}

/* 资料行统一三栏：期数 | 内容 | 开奖状态。长号码单独处理，不能盖住右栏。 */
html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-inner.xg-ten-only-layout{
  grid-template-columns:minmax(0,1fr) 116px!important;
  column-gap:8px!important;
}

html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-left{
  min-width:0!important;
  overflow:hidden!important;
}

html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right{
  position:static!important;
  width:116px!important;
  min-width:116px!important;
  max-width:116px!important;
  overflow:hidden!important;
}

/* 非长号码资料统一正文基线；内容过长时自然换行。 */
html body #xgMaterialsWrap .material-line:not(:has(.line-inner.xg-10-20-ds-layout)) .line-left,
html body #xgMaterialsWrap .material-line:not(:has(.line-inner.xg-10-20-ds-layout)) .line-left :is(span, b, strong, em){
  font-size:var(--mat-content-size)!important;
  line-height:1.34!important;
}

html body #xgMaterialsWrap .material-line:not(:has(.line-inner.xg-10-20-ds-layout)) .line-left{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* 手机上的二十码使用右栏闲置高度，号码更大、两行更舒展。 */
@media (max-width:520px){
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout){
    grid-template-columns:58px minmax(0,1fr)!important;
    column-gap:4px!important;
    padding:5px 3px!important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) > .line-issue{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    font-size:12px!important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .line-inner.xg-20-only-layout{
    grid-template-columns:minmax(0,1fr) 86px!important;
    column-gap:4px!important;
    align-items:center!important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-raw-block{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .xg-fixed-ten-code-row .xg-col-single *{
    font-size:12px!important;
    line-height:1.3!important;
    letter-spacing:-.2px!important;
    white-space:nowrap!important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-20-only-layout) .line-right{
    position:static!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    overflow:hidden!important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout){
    grid-template-columns:58px minmax(0,1fr) 92px!important;
    column-gap:4px!important;
    padding:5px 3px!important;
    min-height:48px!important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) > .line-issue{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    font-size:12px!important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .line-right{
    position:static!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    overflow:hidden!important;
  }

  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row .xg-col-single,
  html body #xgMaterialsWrap .material-line:has(.line-inner.xg-ten-only-layout) .xg-fixed-ten-code-row .xg-col-single *{
    font-size:11px!important;
    line-height:1.24!important;
    letter-spacing:-.25px!important;
    white-space:nowrap!important;
  }
}