/* 首页「高手资料」：对齐参考站的资料表样式 —— 彩色标题条 + 每期一行居中 + 斑马纹 + 命中黄底 */
.home-news {
  margin-top: 10px;
  background: #f2f3f5;
}

.home-news-head {
  display: flex;
  align-items: center;
  height: 54px;
  padding: 0 14px;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
}

.home-news-head h2 {
  flex: 1;
  margin: 0;
  color: #1f2329;
  font-size:0.36rem;
  font-weight: 700;
}

.home-news-head button {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border: 1px solid #e4e8ee;
  border-radius: 15px;
  background: #fff;
  color: #6b7684;
  font-size:0.26rem;
}

.home-news-head button i {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  transition: transform .2s ease;
}

.home-news.open .home-news-head button i {
  transform: rotate(180deg);
}

.home-news-body {
  padding: 10px 0 16px;
}

/* ---------- 玩法资料表 ---------- */
.home-news-item {
  margin-bottom: 10px;
  border: 0;
  background: #fff;
  overflow: hidden;
}

.home-news-item:last-child {
  margin-bottom: 0;
}

/* 彩色标题条：居中白字 */
.home-news-item-head {
  padding: 9px 10px;
  text-align: center;
}

.home-news-item-head b {
  color: #fff;
  font-size:0.34rem;
  font-weight: 700;
  letter-spacing: .5px;
}

/* 说明行（战绩） */
.hn-note {
  padding: 5px 10px;
  border-bottom: 1px dashed #e6e9ee;
  background: #fff;
  color: #d01515;
  text-align: center;
  font-size:0.26rem;
  font-weight: 600;
}

/* 每期一行：居中，斑马纹 */
.hn-rows {
  background: #fff;
}

.home-news-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
  padding: 8px 10px;
  border-bottom: 1px dashed #eceff3;
  color: #333;
  text-align: center;
  font-size:0.32rem;
  line-height: 1.5;
}

.hn-rows .home-news-row:nth-child(even) {
  background: #f4f6f8;
}

.home-news-row:last-child {
  border-bottom: 0;
}

/* 本期（未开奖）浅黄底 */
.home-news-row.current {
  background: #fffbe6;
}

.home-news-row.num {
  display: block;
}

.hn-r1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 4px;
}

.hn-r2 {
  margin-top: 4px;
  word-break: break-all;
}

/* 期号：绿色加粗 */
.hn-period {
  color: #0f8a3c;
  font-weight: 700;
  white-space: nowrap;
}

/* 预测内容：红色加粗，用【】包住 */
.hn-val {
  color: #d01515;
  font-weight: 700;
  letter-spacing: .06em;
  word-break: break-all;
}

.hn-val i {
  font-style: normal;
}

/* 开奖：绿色 */
.hn-open {
  color: #0f8a3c;
  white-space: nowrap;
}

/* 号码按波色 */
.hn-c-red { color: #d01515; }
.hn-c-blue { color: #1249c8; }
.hn-c-green { color: #0f8a3c; }

/* 五行色 */
.hn-c-wx-jin { color: #b8891d; }
.hn-c-wx-mu { color: #2f8a45; }
.hn-c-wx-shui { color: #2f6fc4; }
.hn-c-wx-huo { color: #c94436; }
.hn-c-wx-tu { color: #8a6234; }

/* 命中：黄底（保留字色） */
.hn-hit {
  padding: 0 1px;
  border-radius: 2px;
  background: #ffff00;
}

.hn-plus {
  color: #8a94a6;
  font-style: normal;
  font-weight: 400;
}

/* 中 / 错 图标 */
.home-news-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-left: 2px;
  padding: 0 2px;
  font-size:0.28rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.home-news-badge.ok { color: #0f8a3c; }
.home-news-badge.no { color: #ee0000; }

/* 号码类第二行的号码串 */
.hn-nums {
  color: #333;
}

/* 卡片边框已去掉，标题条仍按玩法配色 */
.hn-a-green .home-news-item-head { background: #0d6b3f; }
.hn-a-teal .home-news-item-head { background: #0f7a6a; }
.hn-a-orange .home-news-item-head { background: #e08a1e; }
.hn-a-blue .home-news-item-head { background: #1a5fb4; }
.hn-a-purple .home-news-item-head { background: #7a3cb0; }
.hn-a-red .home-news-item-head { background: #c0392b; }
.hn-a-yellow .home-news-item-head { background: #c8a020; }
.hn-a-brown .home-news-item-head { background: #8a5a2b; }
.hn-a-gray .home-news-item-head { background: #5a6473; }

/* ---------- 本期必中汇总表 ---------- */
.home-news-body .home-bizhong {
  margin: 0 0 10px;
  border: 0;
  background: #fff;
  overflow: hidden;
}

.home-news-body .home-bizhong table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.home-news-body .home-bizhong th,
.home-news-body .home-bizhong td {
  padding: 8px 10px;
  border: 0;
  border-bottom: 1px dashed #eceff3;
  font-size:0.3rem;
  line-height: 1.6;
  text-align: center;
  word-break: break-all;
}

.home-news-body .home-bizhong tr:last-child th,
.home-news-body .home-bizhong tr:last-child td {
  border-bottom: 0;
}

.home-news-body .home-bizhong .bz-head {
  background: #c0392b;
  color: #fff;
  font-size:0.32rem;
  font-weight: 700;
  letter-spacing: .5px;
}

.home-news-body .home-bizhong .bz-label { color: #0f8a3c; font-weight: 700; }
.home-news-body .home-bizhong .bz-value,
.home-news-body .home-bizhong .bz-yellow { color: #d01515; font-weight: 700; }
.home-news-body .home-bizhong .bz-ok { color: #0f8a3c; font-weight: 700; }
.home-news-body .home-bizhong .bz-cyan { color: #0f8a3c; font-weight: 700; }
.home-news-body .home-bizhong .bz-nums { white-space: nowrap; word-break: keep-all; }

.home-news-body .home-bizhong .bz-foot {
  background: #fafbfc;
  color: #333;
  font-weight: 700;
}

.home-news-body .home-bizhong .bz-foot .bz-cyan { color: #0f8a3c; }
.home-news-body .home-bizhong .bz-foot .bz-yellow { color: #d01515; }
.home-news-body .home-bizhong .bz-foot .bz-ok { color: #0f8a3c; }

.home-news-empty {
  padding: 28px 0;
  color: #9aa3b2;
  text-align: center;
  font-size:0.3rem;
}

/* ---------- 模板2：纯分类文章列表 ---------- */
.home-news-template-2 {
  background: #f0f5f9;
}

.home-news-template-2 .home-news-head {
  border-bottom: 1px solid #e3ebf4;
  background: #fff;
}

.home-news-template-2 .home-news-head h2 {
  color: #315a9b;
}

.home-news-template-2 .home-news-body {
  padding: 0 0 12px;
}

.home-news-template-2 .home-bizhong {
  margin: 10px;
  border: 1px solid #dce9f5;
}

.home-news-template-2 .home-bizhong .bz-head {
  background: #4763b2;
}

.hn2-module {
  margin: 10px;
  overflow: hidden;
  border: 1px solid #e3ebf4;
  border-radius: 5px;
  background: #fff;
}

.hn2-module-head {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0 12px;
  border-bottom: 1px solid #edf2f8;
  background: #fff;
}

.hn2-module-head:before {
  width: 3px;
  height: 19px;
  margin-right: 9px;
  background: #3e98f0;
  content: "";
}

.hn2-module-head h3 {
  flex: 1;
  margin: 0;
  color: #1b1b1b;
  font-size:0.32rem;
  font-weight: 700;
}

.hn2-acc {
  color: #8a94a6;
  font-size:0.24rem;
  white-space: nowrap;
}

.hn2-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hn2-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
  padding: 9px 12px;
  border-bottom: 1px solid #eef3f8;
  color: #1b1b1b;
  font-size:0.28rem;
  line-height: 1.65;
}

.hn2-row:last-child {
  border-bottom: 0;
}

.hn2-row.current {
  background: #eef8ff;
}

.hn2-period {
  flex: 0 0 auto;
  color: #3e98f0;
  font-weight: 700;
}

.hn2-content {
  flex: 1;
  min-width: 0;
  word-break: break-all;
}

.hn2-content .home-news-hit {
  background: #ffff00;
}

.hn2-open {
  flex: 0 0 auto;
  color: #d01515;
  white-space: nowrap;
}

/* ---------- 模板3：高手资料白盒 + 本期预测高亮 ---------- */
.home-news-template-3 {
  background: #f4f4f4;
}

.home-news-template-3 .home-news-head {
  border-bottom: 0;
  background: #03c86b;
}

.home-news-template-3 .home-news-head h2 {
  color: #fff;
}

.home-news-template-3 .home-news-head button {
  border-color: rgba(255, 255, 255, .55);
  background: rgba(255, 255, 255, .16);
  color: #fff;
}

.home-news-template-3 .home-news-body {
  padding: 0 10px 16px;
}

.hn3-page-title {
  height: 63px;
  margin: 0 -10px;
  background: #03c86b;
  color: #fff;
  font-size:0.4rem;
  font-weight: 700;
  line-height: 63px;
  text-align: center;
}

.home-news-template-3 .home-bizhong {
  margin: 10px 0;
  border: 1px solid #c9e8d7;
}

.home-news-template-3 .home-bizhong .bz-head {
  background: #03c86b;
}

.home-news-template-3 .home-bizhong .bz-nums {
  white-space: nowrap;
  word-break: keep-all;
}

.home-news-template-3 .white-box {
  margin-top: 10px;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .05);
}

.hn3-module-head {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 10px;
  background: #03c86b;
  color: #fff;
}

.hn3-module-head b {
  font-size:0.32rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.hn3-module-head span {
  margin-left: 10px;
  color: rgba(255, 255, 255, .82);
  font-size:0.24rem;
}

.hn3-acc {
  padding: 7px 12px;
  border-bottom: 1px solid #e2f3e9;
  background: #f3fbf7;
  color: #079d50;
  font-size:0.24rem;
  text-align: right;
}

.home-news-template-3 .gt-current {
  padding: 10px 12px 9px;
  border-left: 4px solid #03c86b;
  border-bottom: 1px solid #e2f3e9;
  background: linear-gradient(180deg, #eefaf3, #f8fdfa);
}

.home-news-template-3 .gt-current-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 6px;
}

.home-news-template-3 .gt-tag {
  margin-right: 6px;
  padding: 1px 8px;
  border-radius: 9px;
  background: #03c86b;
  color: #fff;
  font-size:0.24rem;
  font-weight: 700;
}

.home-news-template-3 .gt-current-period {
  margin-right: 8px;
  color: #f72e35;
  font-size:0.34rem;
  font-weight: 700;
}

.home-news-template-3 .gt-current-name {
  color: #5b9c7b;
  font-size:0.26rem;
}

.home-news-template-3 .gt-current-body {
  color: #d52b2b;
  font-size:0.38rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  word-break: break-all;
}

.home-news-template-3 .gt-current-foot {
  margin-top: 4px;
  color: #999;
  font-size:0.24rem;
}

.hn3-row {
  padding: 8px 10px;
  border-bottom: 1px solid #edf2ee;
  color: #333;
  font-size:0.3rem;
  line-height: 1.65;
  text-align: center;
}

.hn3-row:last-child {
  border-bottom: 0;
}

.hn3-row-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0 4px;
}

.hn3-period {
  color: #03a85a;
  font-weight: 700;
  white-space: nowrap;
}

.hn3-content {
  color: #d52b2b;
  font-weight: 700;
  word-break: break-all;
}

.hn3-content .home-news-hit {
  background: #ffff00;
}

.hn3-open {
  color: #03a85a;
  white-space: nowrap;
}

.hn3-content-line {
  margin-top: 4px;
  word-break: break-all;
}

.home-news-template-3 .gt-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 5px;
  padding: 0 6px;
  border-radius: 3px;
  font-size:0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  vertical-align: middle;
}

.home-news-template-3 .gt-badge.ok {
  border: 1px solid #a9e3c3;
  background: #e8f8ee;
  color: #02bf65;
}

.home-news-template-3 .gt-badge.no {
  border: 1px solid #f5bcbc;
  background: #fdeaea;
  color: #f72e35;
}

.home-news-template-3 .gt-badge.wait {
  border: 1px solid #d8e0ea;
  background: #eef2f7;
  color: #7a8899;
}