/* ==========================================================================
   新闻中心（news.html，原站 key=xwzx）页面专属样式
   引入位置：assets/css/style.css 之后
   数值来源：_source/measure/xwzx.json（实测坐标）+ 原站 mirror 页样式
             （列表控件 listnews_Style8、分页控件 xn-pager Style1）
   坐标换算：页面 x=1440 视口下画布左边界为 120，故 行内/CSS 的 left = 实测 x − 120；
             正文自 y=458 起，故 section 内 top = 实测 y − 458。
   新增类名：.sec-news / .news-list / .news-card
             / .nc-date / .nc-title / .nc-desc / .nc-btn
   ========================================================================== */

/* ---------- 1. 新闻列表区（原站 smv_Main：458~1058，高 600px） ---------- */
.sec-news { height: 600px; }
.news-list { position: relative; }

/* 新闻卡片：350×310 白卡、内边距 56/30、0 5px 30px rgba(0,0,0,.1) 投影，
   悬停上浮 8px 并转主题蓝 —— 均照抄原站 listnews_Style8。
   三张卡片左边界 25 / 391 / 757（实测 145 / 511 / 877 − 120），卡片间距 16px。 */
.news-card {
  position: absolute; top: 31px; width: 350px; height: 310px;
  padding: 56px 30px 0; overflow: hidden; background: #fff;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .1);
  transition: all .3s ease-in-out;
}
.news-card:hover {
  transform: perspective(900px) translate3d(0, -8px, 8px);
  background-color: #4dadf7;
}
.news-card > a { display: block; width: 100%; text-align: center; }

/* 日期：14px 粗体 / 行高 20px，超长省略（原站 Tahoma） */
.news-card .nc-date {
  display: block; font: 700 14px/20px Tahoma; color: #989898;
  text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* 标题：16px 粗体 / 行高 22px，与日期间距 24px，超出截断为 1 行 */
.news-card .nc-title {
  padding-top: 24px; font: 700 16px/22px Tahoma; color: #262626; text-align: left;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}
/* 摘要：12px / 行高 22px，与标题间距 24px，固定 1 行高（原站为 content-box，此处显式声明） */
.news-card .nc-desc {
  box-sizing: content-box; height: 22px; padding-top: 24px;
  font: 400 12px/22px Tahoma; color: #989898; text-align: left;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;
}
/* 查看详情：12px 粗体 / 行高 17px，与摘要间距 48px */
.news-card .nc-btn {
  padding-top: 48px; font: 700 12px/17px Tahoma; color: #4dadf7; text-align: left;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* 悬停整卡文字转白（原站 hover 规则） */
.news-card:hover .nc-date,
.news-card:hover .nc-title,
.news-card:hover .nc-desc,
.news-card:hover .nc-btn { color: #fff; }

/* ---------- 2. 分页（原站 xn-pager Style1）----------
   容器实测 554,835 354×30；序号方块 30×32（含 1px 边框）圆角 3px、右间距 10px，
   首/末项“上一页 / 下一页”宽 67px；当前页底色 #eee / 边框 #ccc；
   首页时“上一页”不可用，原站将其置为 50% 透明（此处照抄，否则边框会多出墨迹）。 */
.sec-news .pager {
  left: 434px; width: 354px; text-align: left;
  font: 400 12px/30px Arial, "Lucida Grande", "Microsoft Yahei", "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
}
.sec-news .pager ul { display: flex; }
.sec-news .pager li { width: 30px; height: 30px; margin: 0 10px 0 0; text-align: center; }
.sec-news .pager li.prev, .sec-news .pager li.next { width: 67px; }
.sec-news .pager li.prev { opacity: .5; }
.sec-news .pager a,
.sec-news .pager span { display: block; min-width: 0; margin: 0; color: #666; }
.sec-news .pager a {
  height: 32px; line-height: 30px; background: #fff;
  border: 1px solid #ddd; border-radius: 3px;
}
.sec-news .pager a:hover { color: #2188ca; border-color: #2188ca; }
.sec-news .pager li.on a { color: #666; font-weight: 400; background: #eee; border-color: #ccc; }