html, body { margin: 0; }
body { background: #fff; padding-top: 120px; font-family: -apple-system, "Microsoft YaHei", sans-serif; color: #1f2a37; }
.wp { max-width: 1200px; margin: 0 auto; padding: 0 18px; }
.n_banner { position: relative; border: 0 !important; margin: 0 !important; padding: 0 !important; }
.n_banner .img { height: 300px; max-height: none; overflow: hidden; }
.n_banner .img img { width: 100%; height: 100%; display: block; object-fit: cover; }
.n_banner.n_banner--xygs .img {
  height: 320px;
  min-height: 320px;
  max-height: 320px;
  overflow: hidden;
  background: #052e5e;
}
.n_banner.n_banner--xygs .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}
/* 通知公告：横幅下移取景，露出图书馆主体 */
.n_banner.n_banner--tzgg .img img {
  object-position: center 52%;
}
.n_banner .top { position: absolute; left: 0; right: 0; bottom: 14px; }
.n_banner .top h2 { color: #fff; font-size: 40px; font-weight: 900; text-shadow: 0 6px 18px rgba(0,0,0,.28); }
.n_banner .posi { margin-top: 10px; color: rgba(255,255,255,.95); font-weight: 700; display: flex; align-items: center; gap: 8px; }
.n_banner .posi a { color: rgba(255,255,255,.95); text-decoration: none; }
.n_banner .posi a:hover { text-decoration: underline; }
.inner-page { background: #f4f7fb; padding: 26px 0 60px; }
.inner_s2 { background: #fff; border-radius: 14px; padding: 4px 24px 24px; border: 1px solid rgba(0,0,0,.05); box-shadow: none; }
.inner_s2 ul { list-style: none; margin: 0; padding: 0; }
.inner_s2 li { border-bottom: 1px solid #edf2f7; padding: 20px 0; position: relative; }
.inner_s2 li:last-child { border-bottom: 0; }
.inner_s2 li a { display: block; text-decoration: none; color: inherit; }
.inner_s2 li a:hover h3 { color: #00479d; }
.inner_s2 li time { color: #6b7280; font-size: 14px; font-weight: 700; }
.news-date-year { font-size: 14px; color: #8e8e8e; margin-left: 8px; font-family: "Microsoft YaHei", sans-serif; }
.inner_s2 li .txt .l2 { height: auto; max-height: 52px; overflow: hidden; }
.inner_s2 li .txt { width: 100%; }
.inner_s2 li .txt h3 { margin-top: 10px; font-size: 20px; line-height: 1.45; font-weight: 900; color: #0f2f57; }
.inner_s2 li .txt .l2 { margin-top: 6px; color: #5b6573; font-size: 14px; line-height: 1.65; }
.inner_s2 li a { min-height: 120px; }

/* 列表图文卡片：有封面图则左图右文 */
.nli-link {
  display: grid !important;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 12px;
  border: 1px solid #d7e3f3;
  background: #fff;
}
.nli-thumb {
  width: 160px;
  max-width: 160px;
  aspect-ratio: 16 / 9;
  border-radius: 2px;
  overflow: hidden;
  background: #eef2f7;
  border: 1px solid #d8dfe8;
}
.nli-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nli-text { min-width: 0; width: 100%; }
.empty-tip { text-align: center; font-size: 18px; color: #666; padding: 64px 0; }
.pb_sys_common { margin-top: 0.4rem; text-align: center; }
.pb_sys_common .p_pages { display: inline-flex; align-items: center; gap: 8px; margin: 0 10px; flex-wrap: wrap; }
.pb_sys_common .p_t { color: #6b7280; font-size: 14px; }
.pb_sys_common .p_no a,
.pb_sys_common .p_fun a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 10px; border-radius: 8px; border: 1px solid #d6deea; color: #1f2a37; text-decoration: none; }
.pb_sys_common .p_no_d,
.pb_sys_common .p_fun_d { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 10px; border-radius: 8px; border: 1px solid #c8d8f0; background: #00479d; color: #fff; }
.pb_sys_common .p_fun_d { background: #e8eef7; color: #a1acbd; border-color: #e1e8f2; }
.goto-wrap { display: inline-flex; align-items: center; gap: 8px; margin-left: 8px; }
.goto-wrap input { width: 58px; height: 32px; border: 1px solid #d8d8d8; padding: 0 8px; }
.goto-wrap button { height: 32px; border: 1px solid #3f5aad; background: #3f5aad; color: #fff; padding: 0 12px; cursor: pointer; }
@media (max-width: 1024px) { body { padding-top: 90px; } .n_banner .top h2 { font-size: 30px; } }
@media (max-width: 640px) {
  body { padding-top: 70px; }
  /* 手机端：去掉“嵌入卡片”观感的灰边/阴影感 */
  .inner-page { background: #fff; padding: 0 0 40px; }
  .wp { padding: 0; }
  .inner_s2 { border-radius: 0; border-left: 0; border-right: 0; padding: 6px 14px 16px; }

  .inner_s2 li .txt h3 { font-size: 18px; }
  .inner_s2 li .txt .l2 { font-size: 14px; }
  .nli-link { grid-template-columns: 120px minmax(0, 1fr); gap: 10px; padding: 10px; }
  .nli-thumb { width: 120px; max-width: 120px; aspect-ratio: 4 / 3; border-radius: 2px; }
}