/* sub3 修复层:统一字体/列表/文章排版 + 移动端适配 */
:root { --site-color: #227bc7; }

body, #Header, .ulist li a, .feed_tegao h4 a, .feed_tegao .summary { font-family: var(--font-cn); }
body { padding-top: 0; color: #333; }

/* 头部 */
#Header { box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
#Header .logo .site-logo-text { font-size: 22px; line-height: 60px; white-space: nowrap; }

/* 列表项:高度自适应,缩略图固定 4:3 */
.feed_tegao { height: auto; min-height: 125px; }
.feed_tegao .picture { background: #eef2f7; overflow: hidden; }
.feed_tegao .picture img { object-fit: cover; display: block; }
.feed_tegao h4 { padding-bottom: 8px; }
.feed_tegao h4 a {
  font-size: 22px; line-height: 30px; font-weight: 600; color: #222;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.feed_tegao h4 a:hover { color: var(--site-color); }
.feed_tegao .summary { font-size: 15px; line-height: 24px; height: auto; max-height: 48px; color: #666; }
.feed_tegao .summary:empty { display: none; }
.feed_tegao .infos { position: static; width: auto; margin-top: 10px; font-size: 13px; color: #999; }

/* 侧栏 */
.ulist li { padding-right: 0; }
.ulist li a { font-size: 15px; color: #333; }
.ulist li a:hover { color: var(--site-color); text-decoration: none; }
.apt .entit span { color: #aaa; }

/* 面包屑与分页 */
#banners > .site-info { font-size: 14px; color: #888; padding: 4px 15px 14px; }
#banners > .site-info a { color: var(--site-color); }
.left ul.pagination { margin: 30px 0 40px; }

/* 文章页 */
article h1 { font-size: 26px; line-height: 1.4; font-weight: 600; color: #111; }
.contInfo { color: #888; margin-bottom: 16px; }
.contInfo a { color: var(--site-color); }
.hclc article img { width: auto; max-width: 100%; height: auto; }
.fx-content { overflow-wrap: anywhere; }
.fx-content p { margin-top: 0; margin-bottom: 1em; font-size: 16px; line-height: 1.75; }
.fx-content table { max-width: 100%; }
.fx-content iframe, .fx-content video { max-width: 100%; }

.link { padding: 0 12px; }

/* 移动端 */
@media (max-width: 767px) {
  html, body { height: auto; }
  .wrap { height: auto; overflow: visible; }

  #Header { position: relative !important; height: auto; line-height: normal; }
  #Header .header { width: auto; max-width: 100%; height: auto; }
  #Header .logo { position: static; width: auto !important; height: 48px; margin: 0; padding: 6px 12px; box-sizing: border-box; }
  #Header .logo a { display: block !important; opacity: 1; filter: none; width: auto; height: 100%; }
  #Header .logo a img { width: auto; height: 100%; max-width: 160px; }
  #Header .logo .site-logo-text { font-size: 20px; line-height: 36px; }
  #Header .header .menulist.large {
    display: block !important; margin: 0 !important; padding: 0 6px;
    overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;
  }
  #Header .menulist ul { display: block; white-space: nowrap; }
  #Header .menulist .menu { float: none; display: inline-block; width: auto !important; height: 40px; line-height: 40px; padding: 0 12px; }
  #Header .menulist .menu a { float: none; display: block; font-size: 16px; height: 36px; border-bottom-width: 3px; }

  #Body { padding-top: 14px !important; transform: none; }
  .body { width: auto; max-width: 100%; min-height: 0; padding: 0 12px; box-sizing: border-box; }
  .body .left, .body .right { float: none; width: auto; max-width: 100%; margin: 0; min-height: 0; }
  .body .right { display: block; margin-top: 24px; }

  .layui-carousel { float: none !important; width: 100% !important; height: auto !important; aspect-ratio: 660 / 350; }
  #banners, #banners[style] { margin-top: 12px !important; }
  #banners > .site-info { padding-left: 0; padding-right: 0; }
  .slider-title { font-size: 14px !important; padding: 8px 10px !important; bottom: 24px !important; box-sizing: border-box; }

  .feed_tegao { margin: 0; padding: 12px 0 12px 112px; height: auto; min-height: 96px; }
  .feed_tegao .picture { left: 0; top: 12px; width: 100px; height: 75px; }
  .feed_tegao h4 { max-height: none; }
  .feed_tegao h4 a { font-size: 16px; line-height: 24px; }
  .feed_tegao .summary { display: none; }
  .feed_tegao .infos { margin-top: 6px; }

  .apfix { position: static; width: auto; }
  .ulist li a { font-size: 15px; }

  .hclc { float: none; width: auto; }
  .posNav, .article article, article { padding: 0; }
  article h1 { font-size: 21px; }
  .fx-content table { display: block; overflow-x: auto; }

  .left ul.pagination { flex-wrap: wrap; justify-content: center; }
}