/* ===== 资讯标题区（对应 reference：背景 #F9F9F9，padding 30px 0 0）===== */
  .news-head { background: #F9F9F9; padding: 30px 0 30px; }
  .news-title {
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 27px; font-weight: 600; line-height: 1.35; color: #0c0c0c; margin: 0; padding: 0;
  }

  /* ===== 资讯元信息（对应 reference：post-info 图标列表，容器 margin-top 10px）===== */
  .news-meta { display: flex; flex-wrap: wrap; list-style: none; margin: 10px -12px 0; padding: 0; }
  .news-meta li {
    position: relative; display: flex; align-items: center; margin: 0 12px;
    font-size: 16px; font-weight: 300; color: #666;
  }
  .news-meta li + li::before {
    content: ''; position: absolute; left: -12px; top: 0; bottom: 0;
    border-left: 1px solid #d5d8dc;
  }
  .news-meta .ico {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    width: 16px; height: 16px; margin-right: 6px;
    font-style: normal; color: #1e50a0;
  }
  .news-meta .ico svg { display: block; width: 16px; height: 16px; }
  .news-meta .txt { padding: 0 5px 0 0; }
  .news-meta a { color: #666; }
  .news-meta a:hover { color: #1e50a0; }

  /* ===== 正文区（对应 reference：theme-post-content，15px / 1.8em / 字距 0.5px / #0c0c0c）===== */
  .news-body { padding: 30px 0 50px; background: #fff; }
  .article-content {
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 15px; line-height: 1.8em; letter-spacing: 0.5px; color: #0c0c0c; word-wrap: break-word;
  }
  .article-content p { margin: 0 0 1.6em; }
  /* 编辑器输出：段落内图片一律水平居中——无需改动正文 HTML
     （common.css 里 img 是 display:block，父级 text-align:center 对块级图片无效，故用 auto 外边距居中） */
  .article-content p img { display: block; margin-left: auto; margin-right: auto; }
  .article-content p[style*="text-align:center"] img,
  .article-content p[style*="text-align: center"] img { display: block; margin-left: auto; margin-right: auto; }
  .article-content h1, .article-content h2, .article-content h3,
  .article-content h4, .article-content h5, .article-content h6 {
    font-family: inherit; color: #0c0c0c; font-weight: 700; line-height: 1.4; margin: 1.2em 0 .8em;
  }
  .article-content h2 { font-size: 1.5em; }
  .article-content h3 { font-size: 1.6875em; }
  .article-content h4 { font-size: 1.125em; }
  .article-content .text-center { text-align: center; }
  .article-content strong, .article-content b { font-weight: 700; }
  .article-content a { color: #1e50a0; }
  .article-content a:hover { text-decoration: underline; }
  .article-content ul, .article-content ol { margin: 0 0 1.6em; padding-left: 24px; }
  .article-content ul { list-style: disc; }
  .article-content ol { list-style: decimal; }
  .article-content li { margin-bottom: 4px; }
  .article-content blockquote { margin: 0 0 1.6em; padding: 2px 0 2px 16px; border-left: 3px solid #ddd; color: #666; }
  .article-content hr { border: none; border-top: 1px solid #eee; margin: 24px 0; }
  .article-content figure { margin: 0 0 1.6em; }
  .article-content figure.aligncenter, .article-content figure.align-center { text-align: center; }
  .article-content figure img { display: inline-block; height: auto; max-width: 100%; }
  .article-content figcaption { color: #555; font-size: 13px; text-align: center; margin-top: 6px; }
  .article-content img.aligncenter { display: block; margin: 0 auto 1.6em; }
  .article-content img.alignleft { float: left; margin: 6px 18px 12px 0; }
  .article-content img.alignright { float: right; margin: 6px 0 12px 18px; }
  .article-content table { width: 100%; border-collapse: collapse; margin-bottom: 1.6em; }
  .article-content th, .article-content td { border: 1px solid #e3e8f1; padding: 8px 12px; text-align: left; }
  .article-content th { background: #f5f7fb; font-weight: 600; }

  /* ===== 上下篇（对应 reference：post-navigation，白底 / 30px 内边距 / 1px rgba(12,12,12,.1) 边框）===== */
  .news-nav { padding: 0 0 50px; background: #fff; }
  .post-nav-box { background: #fff; padding: 30px; border: 1px solid rgba(12,12,12,.1); }
  .post-nav { display: flex; justify-content: space-between; overflow: hidden; }
  .post-nav__link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(50% - .5px); }
  .post-nav__link a { display: flex; align-items: center; gap: 15px; max-width: 100%; }
  .post-nav__next { text-align: right; }
  .post-nav__next a { justify-content: flex-end; }
  .post-nav__arrow { display: flex; align-items: center; font-size: 18px; color: #0c0c0c; flex: none; }
  .post-nav__txt { display: flex; flex-direction: column; overflow: hidden; }
  .post-nav__label { font-size: 15px; letter-spacing: .5px; color: #0c0c0c; }
  .post-nav__title { font-size: 15px; letter-spacing: .5px; color: #0c0c0c; overflow: hidden; text-overflow: ellipsis; }
  .post-nav__link a:hover .post-nav__title { color: #1e50a0; }

  @media (max-width: 768px) {
    .news-head { padding: 20px 0; }
    .news-title { font-size: 20px; }
    .news-meta li { font-size: 14px; }
    .news-body { padding: 20px 0 30px; }
    .article-content img.alignleft, .article-content img.alignright { float: none; display: block; margin: 12px auto; }
    .news-nav { padding-bottom: 30px; }
    .post-nav-box { padding: 18px; }
    .post-nav { flex-direction: column; gap: 14px; }
    .post-nav__link { width: 100%; }
    .post-nav__next { text-align: left; }
    .post-nav__next a { justify-content: flex-start; }
  }