/* ============================================================
   jingyan.css - 外贸经验 / 外贸商务手册 新版式（配合 news.css 使用）
   只做必要补充：无图卡片、列表区块、正文老标签/表格适配、上下篇
   ============================================================ */

/* ---- 无图卡片（老文章没有配图）---- */
.news-card.no-img {
    min-height: auto;
}
.news-card.no-img .card-image {
    display: none;
}
.news-card.no-img .card-body {
    padding-top: 18px;
}

/* ---- 首页/栏目页 面包屑（列在头部 iframe 下方）---- */
.jg-crumb {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 20px 0;
    font-size: 14px;
    color: #8a9aaa;
}
.jg-crumb a {
    color: #0070c9;
    text-decoration: none;
}
.jg-crumb a:hover {
    text-decoration: underline;
}
.jg-crumb .sep {
    margin: 0 8px;
    color: #ccd3dd;
}
.jg-crumb .current {
    color: #333;
    font-weight: 600;
}

/* ---- 正文底部「文章列表」区块 ---- */
.jg-section {
    max-width: 1200px;
    margin: 48px auto 0;
    padding: 0 20px;
}
.jg-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 22px;
    font-weight: 700;
    color: #1a3a6b;
    margin-bottom: 22px;
    padding-bottom: 12px;
    border-bottom: 2px solid #eef2f7;
}
.jg-section-title .jg-more {
    font-size: 14px;
    font-weight: 500;
    color: #1a3a6b;
    text-decoration: none;
    white-space: nowrap;
}
.jg-section-title .jg-more:hover {
    text-decoration: underline;
}

/* ---- 上下篇 ---- */
.jg-prevnext {
    max-width: 820px;
    margin: 26px auto 0;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    font-size: 14px;
    color: #8a9aaa;
}
.jg-prevnext a {
    color: #1a3a6b;
    text-decoration: none;
}
.jg-prevnext a:hover {
    text-decoration: underline;
}

/* ---- 正文：老页面标签 / 数据表格适配 ---- */
.geo-detail-body table {
    max-width: 100% !important;
    border-collapse: collapse;
    margin: 18px auto;
}
.geo-detail-body table td,
.geo-detail-body table th {
    padding: 6px 10px;
    border: 1px solid #e3e8ef;
    font-size: 14px;
    line-height: 1.6;
}
.geo-detail-body font {
    font-size: inherit;
    color: inherit;
}
.geo-detail-body img {
    max-width: 100%;
    height: auto;
}
.geo-detail-body center {
    text-align: center;
}

/* ---- 列表页分类导航/网格 与本栏目保持一致 ---- */
.jg-list-nav {
    padding-top: 6px;
}

/* ---- 总入口(首页) ---- */
.jg-hub {
    margin-bottom: 34px;
}
.jg-hub-block {
    border: 1px solid #eef2f7;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 14px;
    background: #fff;
}
.jg-hub-block h3 {
    font-size: 17px;
    font-weight: 700;
    color: #1a3a6b;
    margin: 0 0 12px;
}
.jg-hub-block h3 a {
    color: #1a3a6b;
    text-decoration: none;
}
.jg-hub-block h3 a:hover {
    text-decoration: underline;
}
.jg-hub-block h3 .jg-count {
    font-size: 13px;
    font-weight: 500;
    color: #8a9aaa;
    margin-left: 6px;
}
.jg-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.jg-chips a {
    display: inline-block;
    font-size: 13px;
    color: #1a3a6b;
    background: #e8edf6;
    padding: 3px 12px;
    border-radius: 20px;
    text-decoration: none;
    transition: all .2s;
}
.jg-chips a:hover {
    background: #1a3a6b;
    color: #fff;
}
.jg-chips a em {
    font-style: normal;
    color: #8a9aaa;
    margin-left: 4px;
}
.jg-chips a:hover em {
    color: #dbe6f5;
}
.jg-hub-total {
    text-align: center;
    color: #8a9aaa;
    font-size: 14px;
    margin: 0 0 22px;
}

@media (max-width: 768px) {
    .jg-section-title {
        font-size: 18px;
        align-items: flex-start;
        flex-direction: column;
    }
    .jg-section {
        margin-top: 34px;
    }
}