/* 新彩种页样式（球体/标签/卡片），视觉对齐本站白卡风格 */
.ngballs { display: inline-flex; flex-wrap: wrap; align-items: flex-start; gap: 4px; }
.ngcol { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; }
.ngball {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; font-size: 13px; font-weight: 800; color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.6), 0 0 2px rgba(0,0,0,.45);
  box-shadow: inset 0 -3px 5px rgba(0,0,0,.22), 0 2px 3px rgba(0,0,0,.22);
}
.ngball-s { width: 20px; height: 20px; font-size: 11px; }
.ngball-sq { border-radius: 5px; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -2px 3px rgba(0,0,0,.18), 0 1px 2px rgba(0,0,0,.2); }
.ngball-rd { border-radius: 999px; }
.ngball-sp { outline: 2px solid #fb923c; outline-offset: 1px; }
.ngplus { align-self: center; color: #9ca3af; font-weight: 800; margin: 0 2px; }
.nglab { font-size: 10px; line-height: 1; color: #6b7280; }
.nglab-sp { color: #ea580c; font-weight: 700; }
.ngtags { display: inline-flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ngtag { white-space: nowrap; font-size: 13px; }
.ngtag-l { color: #6b7280; margin-right: 4px; }
.ngt-r { color: #ef4444; } .ngt-b { color: #3b82f6; } .ngt-g { color: #16a34a; }
.ngcard { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 14px 16px; margin-bottom: 14px; }
.ngcard-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.ngcard-title { font-size: 16px; font-weight: 700; }
.ngperiod { color: #6b7280; font-size: 13px; }
.ngperiod b { color: #ea580c; font-family: ui-monospace, monospace; }
.ngcenter { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 6px 0; }
.ngtable { width: 100%; border-collapse: collapse; font-size: 13px; }
.ngtable th, .ngtable td { padding: 7px 6px; border-bottom: 1px solid #f3f4f6; text-align: center; }
.ngtable th { color: #6b7280; font-weight: 600; }
.ngtable td.ngtd-period { font-family: ui-monospace, monospace; text-align: left; white-space: nowrap; }
.ngtable td.ngtd-time { color: #9ca3af; white-space: nowrap; text-align: right; }
/* 移动端：表格转卡片（390px 视口 7 列表格必然挤压，口径同 Next 版历史卡片） */
@media (max-width: 640px) {
  .ngtable, .ngtable tbody { display: block; }
  .ngtable thead { display: none; }
  .ngtable tr { display: block; padding: 8px 2px; border-bottom: 1px solid #f3f4f6; }
  .ngtable td { display: block; border: none; padding: 2px 0; }
  .ngtable td.ngtd-period { text-align: left; font-weight: 700; }
  .ngtable td.ngtd-balls { text-align: center; padding: 6px 0; }
  .ngtable td.ngtd-tags { text-align: center; }
  .ngtable td.ngtd-time { text-align: right; margin-top: -22px; }
}
/* 静态站家族补充：导航条与页头 */
.ngnav { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 10px 0; align-items: center; }
.ngnav-group { display: inline-flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; }
.ngnav-label { color: #9ca3af; font-size: 12px; margin-right: 2px; }
.ngnav-item { display: inline-block; padding: 4px 10px; border: 1px solid #e5e7eb; border-radius: 6px; font-size: 13px; color: #374151; text-decoration: none; }
.ngnav-item:hover { border-color: #9ca3af; }
.ngnav-on { background: #111827; color: #fff; border-color: #111827; }
.ngwrap { max-width: 960px; margin: 0 auto; padding: 12px; }
.ngtop { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 0; border-bottom: 1px solid #f3f4f6; }
.ngtop a.nghome { color: #6b7280; text-decoration: none; font-size: 13px; }
.ngcd { color: #6b7280; font-size: 13px; } .ngcd b { color: #ea580c; font-family: ui-monospace, monospace; }