/* ============================================================
   BEYOND新闻 —— 独立版式
   版式来源：F:/AI开发/LOVEBEYOND/restore-site/news/index.html（原站真身）
     · 顶部 777×29 装饰条：04_1.gif(124) 头 + 三个 04_3.gif 底纹入口槽 + 04_2/04_4 边饰
       → 777×1 #CCCCCC 分隔线
     · 左 180px：三个 169px 三段盒子（kk_t.gif 头 24 / kk_c.gif 体 / kk_b.gif 尾 5）
     · 1px #CCCCCC 竖线
     · 右 596px：news_1.jpg(536×26) 标题条 + 536 宽新闻列表
       每行高 25，行间 line.gif(536×1)，收尾 line2.gif(536×12)
     · 分页在 line2.gif 下方：共N篇M页　当前X第页 | 首页 上一页 下一页 | 页码
   ⚠ 不要退回成通用 module-list 版式
   ============================================================ */

.nw-page { padding: 0 0 18px; }

/* ---------- 顶部装饰条 ---------- */
.nw-bar { width: 777px; max-width: 100%; border-collapse: collapse; }
.nw-bar td { padding: 0; line-height: 0; }
.nw-bar td.nw-slot { line-height: normal; padding: 0 2px 3px; }
.nw-bar td table { line-height: normal; }
.nw-bar-line { width: 777px; max-width: 100%; border-collapse: collapse; margin-bottom: 0; }

/* 当前位置条（原站底色 #F5F5F5） */
.nw-crumb { background: #F5F5F5; padding: 4px 4px; margin: 0; }
.nw-crumb .nw-cur { color: #333; }

/* ---------- 主体两栏 ---------- */
.nw-cols { display: flex; align-items: flex-start; padding-top: 0; }
.nw-divider { flex: 0 0 1px; width: 1px; align-self: stretch; background: #CCCCCC; }

/* 左栏 180px（内容 169px 居中） */
.nw-side { flex: 0 0 180px; width: 180px; text-align: center; padding: 8px 0 0; }
.nw-box { width: 169px; margin: 0 auto 16px; border-collapse: collapse; }
.nw-box td { padding: 0; }
.nw-h {
  height: 24px; text-align: center; color: #000; font-size: 12px;
  letter-spacing: 1px; line-height: 24px; white-space: nowrap;
}
.nw-c { line-height: 1.7; font-size: 12px; padding: 6px 6px 8px; text-align: left; }
.nw-search { margin: 0; padding: 4px 0 0; text-align: center; }
.nw-input {
  width: 118px; height: 17px; line-height: 17px; font-size: 12px;
  border: 1px solid #7F9DB9; padding: 1px 3px; font-family: var(--font);
}
.nw-btn { background: none; border: 0; padding: 6px 0 0; cursor: pointer; }
.nw-btn img { display: block; border: 0; }
.nw-red { color: #FF0000; text-align: center; line-height: 1.6; margin-top: 3px; }

/* 右栏 */
.nw-main { flex: 1; min-width: 0; padding: 8px 0 0 12px; }
.nw-main > img { display: block; }

/* ---------- 新闻列表 ---------- */
.nw-list { width: 536px; max-width: 100%; border-collapse: collapse; margin: 4px 0 0; }
.nw-list td { padding: 0 0 0 1px; }
.nw-list td[height="25"] {
  font-size: 12px; line-height: 1.5; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; max-width: 536px;
}
.nw-list a.nw-t { color: #0000CC; text-decoration: none; }
.nw-list a.nw-t:hover { color: #CC0000; text-decoration: underline; }
.nw-list .nw-empty { color: #888; font-size: 12px; padding: 10px 4px; }
.nw-searchtip { margin: 8px 0 2px; font-size: 12px; color: #333; }
.nw-searchtip b { color: #CC0000; }
.nw-searchback { margin-left: 8px; color: #0000CC; }

/* ---------- 分页（原站 table 538 宽居中，17 高） ---------- */
.nw-pager {
  width: 538px; max-width: 100%; border-collapse: collapse;
  margin: 2px auto 0; font-size: 12px;
}
.nw-pager td { height: 21px; }
.nw-pager a { color: #0000CC; text-decoration: none; }
.nw-pager a:hover { color: #CC0000; text-decoration: underline; }
.nw-pager b { color: #CC0000; }
.nw-pgnum { font-size: 11px; }
.nw-pgnum a { margin-right: 2px; }

.nw-goto { width: 538px; max-width: 100%; border-collapse: collapse; margin: 2px auto 0; font-size: 12px; }
.nw-goto input {
  width: 44px; height: 17px; line-height: 17px; font-size: 12px;
  border: 1px solid #7F9DB9; padding: 1px 3px; font-family: var(--font);
}
.nw-goto-btn {
  font-size: 11px; padding: 1px 7px; cursor: pointer;
  border: 1px solid #7F9DB9; background: #F0F0F0; font-family: var(--font);
}

/* ---------- 子馆（93年新闻 / 2000年前专访）正文页 ---------- */
.nw-sub { padding: 8px 0 6px; }
.nw-sub .nw-main { padding-left: 12px; }
.nw-sub-body {
  width: 100%; max-width: 750px; min-width: 0;
  font-size: 12px; line-height: 1.75; color: #000;
  word-break: break-word; overflow-wrap: anywhere;
  /* 老页面最外层是 <table width="750"> 硬编码宽度，容器收一刀防溢出 */
  overflow: hidden;
}
.nw-sub-body table { max-width: 100% !important; width: auto; }
.nw-sub-body img { max-width: 100%; height: auto; }
.nw-sub-body font { font-size: inherit; }
.nw-sub-body p { margin: 0 0 8px; }
.nw-sub-body td { font-size: 12px; }
/* 老页面里的 <hr width="720"> 会把容器撑出去，收进 100% */
.nw-sub-body hr { max-width: 100% !important; border: 0; border-top: 1px solid #000; }
.nw-sub-body td[width], .nw-sub-body table[width] { max-width: 100% !important; }

/* ============================================================
   移动端：原站桌面固定宽 777，窄屏改为纵向堆叠
   ============================================================ */
@media (max-width: 800px) {
  .nw-bar { display: none; }               /* 装饰条是固定像素拼图，窄屏隐藏 */
  .nw-cols { display: block; }
  .nw-divider { display: none; }
  .nw-side {
    width: 100%; flex: none; display: grid;
    grid-template-columns: 1fr 1fr; gap: 8px; padding: 6px 0 2px;
  }
  .nw-box { width: 100%; margin-bottom: 0; }
  .nw-box:nth-child(3) { grid-column: 1 / -1; }
  .nw-h { background: #336699 !important; color: #fff; border-radius: 3px 3px 0 0; }
  .nw-c { background: #F2F7FC !important; border: 1px solid #d7e3ef; border-top: 0; }
  .nw-main { padding: 8px 0 0; }
  .nw-main > img { width: 100%; height: auto; }
  .nw-list { width: 100%; }
  .nw-list td[height="25"] { white-space: normal; }
  .nw-pager, .nw-goto { width: 100%; }
  .nw-sub-body { width: 100%; }
}