/* ============================================================
   贸易数据模块页面级样式
   由 data/ 下 6 个模板（national/provinces/cities/province/city/article）
   的内联 style 抽取合并而来；在 base.html 的 head block 中于 v4.css 之后加载。
   说明：对 v4.css 中 .item、.btn.ghost 等既有类的覆盖，
   使用复合选择器（同等/更高优先级 + 后加载）以复现原内联样式的层叠结果。
   ============================================================ */

/* ---------- 最新期次文章行（national / provinces / cities 共用，含日期徽章） ---------- */
.item.data-article-row{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line2)}
/* 文章入口行整行即链接：hover 时标题变主题绿 */
.item.data-article-row .data-article-title{transition:color .18s ease}
.item.data-article-row:hover .data-article-title{color:var(--brand-d)}
.data-date-badge{flex:0 0 76px;border-radius:8px;overflow:hidden;text-align:center}
.data-date-year{background:#2EB6AE;color:#fff;font-size:16.5px;font-weight:700;line-height:1.6}
.data-date-md{background:#EBF9F8;color:#2AA8A1;font-size:16px;line-height:1.8}
.data-article-main{flex:1;min-width:0}
.data-article-title{display:block;font-size:16px;font-weight:600;margin-bottom:6px}
.data-article-summary{margin:0;font-size:13.5px;color:#78829D;line-height:1.8}

/* ---------- 按地区查看：省份 / 城市入口网格（provinces / cities 共用） ---------- */
.data-region-head{margin:0 0 12px}
.data-region-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.btn.ghost.data-region-btn{display:block;text-align:center;color:var(--ink);border-color:var(--line);font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 8px}
@media (max-width:900px){
  .data-region-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  /* 文章入口行的日期徽章在窄屏隐藏（右侧已有发布日期） */
  .item.data-article-row .data-date-badge{display:none}
}

/* ---------- 查看更多 ---------- */
.data-more{margin-top:14px;text-align:center}

/* ---------- 本省主要城市入口（province） ---------- */
.data-city-head{margin:0 0 13px}
.data-city-flex{display:flex;gap:10px;flex-wrap:wrap}
.btn.ghost.data-city-btn{color:var(--ink);border-color:var(--line);font-weight:500;font-size:14px;padding:6px 13px}

/* ---------- 分页条（province / city 共用） ---------- */
.data-pager{margin-top:16px;display:flex;gap:10px;align-items:center}
.btn.ghost.data-pager-btn{font-size:14px;padding:7px 15px;color:var(--ink);border-color:var(--line);font-weight:500}
.data-pager-info{font-size:13.5px;color:var(--muted)}

/* ---------- 文章详情页（article） ---------- */
h2.data-title{font-size:24px;line-height:1.4}
.data-meta{margin:0}
.data-body-p{margin:8px 0 0;font-size:16px;line-height:1.95;color:var(--ink2)}
.data-block-h2{margin:22px 0 0;font-size:17.5px;line-height:1.6;color:var(--ink)}
.data-block-h3{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--ink2)}
.data-chart{margin-top:14px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 14px}
.data-chart-name{font-size:14px;font-weight:600;color:var(--ink2);text-align:center}
.data-chart-canvas{height:380px;margin-top:6px}