/* ===== Banner (与详情页一致) ===== */
      .page-banner {
        width: 100%;
        height: 320px;
        background: url("/images/newsbanner.jpg") no-repeat center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
      }
 
      @media (max-width: 768px) {
        .page-banner {
          height: 220px;
        }
        .page-banner .banner-text h1 {
          font-size: 2.2rem;
        }
      }

      /* ===== 面包屑 ===== */
      .page-nav {
        max-width: 1200px;
        margin: 0 auto;
        padding: 18px 20px;
        border-bottom: 1px solid #e8ecf2;
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 0.9rem;
        color: #6a7f9b;
      }
      .page-nav a {
        color: #1a2639;
        text-decoration: none;
        transition: 0.2s;
      }
      .page-nav a:hover {
        color: #ae1623;
      }
      .page-nav .sep {
        color: #c0c8d6;
      }
      .page-nav .current {
        color: #ae1623;
        font-weight: 600;
      }

      /* ===== 内容主体 ===== */
      .content-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        padding: 40px 20px 80px;
      }

      /* ===== 新闻中心头部 (复用详情页 news-header) ===== */
      .news-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 30px;
        margin-bottom: 20px;
      }
      .news-header-left {
        display: flex;
        flex-direction: column;
      }
      .news-header-left .main-title {
        font-size: 2.2rem;
        font-weight: 700;
        color: #1a2639;
        letter-spacing: 2px;
      }
      .news-header-left .sub-title {
        font-size: 0.9rem;
        color: #6a7f9b;
        letter-spacing: 4px;
        text-transform: uppercase;
        margin-top: 2px;
      }
      .news-categories {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: center;
      }
      .news-categories .cat-item {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 0.9rem;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
        padding: 8px 18px;
        background: rgb(164, 30, 37);
        border-radius: 0;
        transition: background 0.2s;
        text-decoration: none;
      }
      .news-categories .cat-item .line {
        display: inline-block;
        width: 0;
        height: 2px;
        background: rgba(255, 255, 255, 0.8);
        transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        flex-shrink: 0;
      }
      .news-categories .cat-item.active .line,
      .news-categories .cat-item:hover .line {
        width: 24px;
      }
      .news-categories .cat-item:hover,
      .news-categories .cat-item.active {
        background: rgb(164, 30, 37);
        transform: none;
        box-shadow: none;
      }
      .news-divider {
        width: 100%;
        height: 1px;
        background: #d0d7e2;
        margin: 10px 0 30px 0;
      }

      @media (max-width: 768px) {
        .news-header {
          flex-direction: column;
          gap: 16px;
        }
        .news-header-left .main-title {
          font-size: 1.8rem;
        }
        .news-categories .cat-item {
          font-size: 0.8rem;
          padding: 6px 14px;
        }
      }
      @media (max-width: 480px) {
        .news-categories .cat-item {
          font-size: 0.7rem;
          padding: 5px 10px;
        }
      }

      /* ===== 新闻列表 (基于 news-list-track 风格) ===== */
      .news-list {
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin-top: 10px;
      }

      .news-item {
        display: flex;
        gap: 28px;
        padding: 20px 24px;
        background: #ffffff;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
        transition: 0.3s ease;

        align-items: stretch;
      }
      .news-item:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.07);
        border-color: #dce3ec;
      }

      .news-item .item-img {
        flex: 0 0 200px;
        height: 150px;
        overflow: hidden;
        background: #eef2f7;
      }
      .news-item .item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: 0.3s ease;
      }
      .news-item:hover .item-img img {
        transform: scale(1.02);
      }

      .news-item .item-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 10px;
      }
      .news-item .item-content .item-title {
        font-size: 1.2rem;
        font-weight: 700;
        color: #1a2639;
        text-decoration: none;
        transition: 0.2s;
        line-height: 1.4;
      }
      .news-item .item-content .item-title:hover {
        color: #ae1623;
      }
      .news-item .item-content .item-summary {
        font-size: 0.95rem;
        color: #4d5d78;
        line-height: 1.6;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      .news-item .item-content .item-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 20px;
        font-size: 0.85rem;
        color: #7a8ba3;
        margin-top: 4px;
        border-top: 1px solid #eef2f7;
        padding-top: 12px;
      }
      .news-item .item-content .item-meta span {
        display: flex;
        align-items: center;
        gap: 6px;
      }
      .news-item .item-content .item-meta i {
        color: #ae1623;
        font-size: 0.8rem;
      }

      /* ===== 详情链接 + 箭头交互 (鼠标移上去箭头右移) ===== */
      .detail-link-wrapper {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #ae1623;
        font-weight: 500;
        text-decoration: none;
        transition: 0.3s ease;
        margin-left: auto;
        cursor: pointer;
      }
      .detail-link-wrapper i {
        transition: transform 0.3s ease;
        font-size: 0.8rem;
      }
      .detail-link-wrapper:hover i {
        transform: translateX(6px);
      }
      .detail-link-wrapper a {
        color: #ae1623;
        text-decoration: none;
        font-weight: 500;
      }
      .detail-link-wrapper a:hover {
        text-decoration: underline;
      }

      /* ===== 分页 ===== */
      .pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 48px;
        flex-wrap: wrap;
      }
      .pagination a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 40px;
        height: 40px;
        padding: 0 14px;
        font-size: 0.9rem;
        font-weight: 500;
        color: #1a2639;
        background: #f4f7fc;
        text-decoration: none;
        transition: 0.2s;
        border: 1px solid transparent;
      }
      .pagination a:hover {
        background: #e8ecf3;
        border-color: #cdd5e2;
      }
      .pagination a.active {
        background: #ae1623;
        color: #fff;
        border-color: #ae1623;
      }
      .pagination a.arrow {
        background: transparent;
        color: #6a7f9b;
      }
      .pagination a.arrow:hover {
        background: #f0f3f8;
        color: #1a2639;
      }

      /* ===== 底部 (与详情页一致) ===== */
      .footer {
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        padding: 30px 20px 20px;
        text-align: center;
        font-size: 0.8rem;
        color: #2d4059;
        line-height: 1.7;
        background: #f8faff;
      }
      .footer .footer-row {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: baseline;
        gap: 6px 20px;
      }
      .footer .footer-row .sep {
        color: #b0b8c5;
        margin: 0 4px;
      }
      .footer .footer-row a {
        color: #3b6cb7;
        text-decoration: none;
      }
      .footer .footer-row a:hover {
        text-decoration: underline;
      }
      @media (max-width: 768px) {
        .footer {
          padding: 20px 16px 16px;
          font-size: 0.7rem;
        }
      }

      /* ===== 响应式 ===== */
      @media (max-width: 768px) {
           .content-wrapper {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px 20px 20px;
            } 
            .news-divider {
            width: 100%;
            height: 1px;
            background: #d0d7e2;
            margin: 0px;
          }
          /* ===== 新闻列表 (基于 news-list-track 风格) ===== */
      .news-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
      }
        .news-item {
          flex-direction: column;
          gap: 6px;
          padding: 10px;
        }
        .news-item .item-img {
          flex: 0 0 auto;
          width: 100%;
          height: 160px;
        }
        .news-item .item-content .item-title {
          font-size: 1.05rem;
        }
        .news-item .item-content .item-summary {
          font-size: 0.9rem;
          -webkit-line-clamp: 3;
        }
        .news-item .item-content .item-meta {
          gap: 12px;
          font-size: 0.8rem;
          flex-wrap: wrap;
        }
        .pagination a {
          min-width: 36px;
          height: 36px;
          font-size: 0.8rem;
          padding: 0 10px;
        }
        .detail-link-wrapper {
          margin-left: 0;
        }
      }
      @media (max-width: 480px) {
        .news-item .item-content .item-title {
          font-size: 0.95rem;
        }
        .news-item .item-content .item-summary {
          font-size: 0.85rem;
        }
        .news-item .item-content .item-meta {
          font-size: 0.75rem;
          gap: 8px;
        }
      }