/* 响应式样式 - 移动端优先 */

/* ========== 通用 nowrap 规则 ========== */
.module-content {
  overflow-x: auto;
  white-space: nowrap;
}

.module-content table {
  white-space: nowrap;
}

.module-content table td {
  white-space: nowrap;
}

/* ========== 期号+资料行内不换行 ========== */
.info-table td,
.xst01-table td,
.xst02-table td,
.xst03-table td,
.xst04-table td,
.xst05-table td,
.xst06-table td,
.xst07-table td,
.xst08-table td,
.xst09-table td,
.xst10-table td,
.xst11-table td,
.xst12-table td,
.xst13-table td,
.xst14-table td,
.xst15-table td,
.xst16-table td,
.xst17-table td,
.xst18-table td,
.xst19-table td,
.xst20-table td,
.xst21-table td,
.xst22-table td {
  white-space: nowrap;
}

/* ========== 屏幕适配 ========== */
@media (max-width: 720px) {
  .main-container { padding: 60px 8px 16px; }
  .module-tabs { padding: 8px; gap: 6px; }
  .module-card { margin-bottom: 12px; }
}

@media (max-width: 480px) {
  .header { height: 46px; padding: 0 8px; }
  .main-container { padding: 56px 6px 12px; }
  .module-tabs { border-radius: 10px; }
  .module-tab { padding: 6px 9px; font-size: 12px; border-radius: 8px; }
  .title-bar { height: 36px; line-height: 36px; font-size: 15px; }
  .card-body { padding: 10px; }
  /* 数字序列强制不换行 */
  .module-content table td { font-size: 13px; }
}

@media (max-width: 360px) {
  .module-tab { padding: 5px 7px; font-size: 11px; }
  .title-bar { font-size: 14px; }
}

/* ========== 窄屏下内容列自动换行修复 ========== */
@media (max-width: 520px) {
  .module-content table td,
  .xst01-table td, .xst02-table td, .xst03-table td,
  .xst04-table td, .xst05-table td, .xst06-table td,
  .xst07-table td, .xst08-table td, .xst09-table td,
  .xst10-table td, .xst11-table td, .xst12-table td,
  .xst13-table td, .xst14-table td, .xst15-table td,
  .xst16-table td, .xst17-table td, .xst18-table td,
  .xst19-table td, .xst20-table td, .xst21-table td,
  .xst22-table td,
  .info-table td {
    white-space: normal !important;
    word-break: break-all;
  }
  .module-content table,
  .info-table {
    white-space: normal !important;
    table-layout: auto;
  }
  .xst04-nums, .xst05-zodiacs, .xst06-nums,
  .xst13-nums, .xst13-zodiacs,
  .xst18-nums, .xst20-nums, .xst21-nums, .xst21-zodiacs,
  .xst22-nums, .xst22-zodiacs,
  .module-content td[class*="nums"],
  .module-content td[class*="zodiacs"] {
    font-size: 12px !important;
  }
}

@media (max-width: 380px) {
  .xst04-nums, .xst05-zodiacs, .xst06-nums,
  .xst13-nums, .xst13-zodiacs,
  .xst18-nums, .xst20-nums, .xst21-nums, .xst21-zodiacs,
  .xst22-nums, .xst22-zodiacs,
  .module-content td[class*="nums"],
  .module-content td[class*="zodiacs"] {
    font-size: 11px !important;
  }
}

/* ========== 超窄屏进一步压缩 ========== */
@media (max-width: 340px) {
  .module-content td:first-child {  /* 期号列 */
    font-size: 11px !important;
    min-width: 55px;
  }
  .module-content td:nth-child(3),
  .module-content td[class*="type"],
  .xst04-nums, .xst05-zodiacs, .xst06-nums,
  .xst13-nums, .xst13-zodiacs,
  .xst18-nums, .xst20-nums, .xst21-nums, .xst21-zodiacs,
  .xst22-nums, .xst22-zodiacs {
    font-size: 10px !important;
  }
}