/* ==========================================================================
   site.css —— 站点级公共样式
   从各页面内联 <style> 中抽出的跨页复用部分，供所有内页统一引用。
   页面独有样式（新闻列表 .news-*、下载中心 .dl-*、申请表 .apply-*）仍保留在各自页面。
   修改公共部分请只改本文件，再用 `python build.py sync` 同步到各页面。
   ========================================================================== */

/* 内页标题区（banner）：桌面保持 300px 视觉高度，窄屏等比降低，避免背景色块过高 */
.page-head-banner { position: relative; min-height: 170px; }
@media (min-width: 576px) { .page-head-banner { min-height: 200px; } }
@media (min-width: 768px) { .page-head-banner { min-height: 240px; } }
@media (min-width: 1200px) { .page-head-banner { min-height: 300px; } }

/* banner 背景图 + 深色遮罩，保证白色标题与面包屑可读 */
.page-head-banner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 3, 10, .55); }
.page-head-banner > .container { position: relative; z-index: 1; }

/* 侧栏小标题：标题前加主色小色块 */
.widget-title-mark::before { content: ""; display: inline-block; width: 5px; height: 17px; background-color: #1e479c; margin-right: 10px; vertical-align: -2px; }

/* 文章元信息行：来源 / 发布时间 / 浏览量 */
.article-meta { margin: 20px 0 25px; color: #9b9b9b; font-size: 14px; }
.article-meta-item { display: inline-block; margin-right: 30px; line-height: 24px; }
.article-meta-item .icon { margin-right: 8px; vertical-align: -2px; }
.article-meta-item a { color: #9b9b9b; }
.article-meta-item a:hover { color: #f26065; }
@media (max-width: 575px) { .article-meta-item { display: block; margin-right: 0; } }