/* ============================================================
   分支机构列表（about-branches.html）
   + 二级专委会子主页（branch.html）通用段落 / 新闻列表
   设计基调：深蓝主色、细线分隔、编辑式目录，去除模板化 AI 观感。
   ============================================================ */

/* ===== 列表标题栏 ===== */
.section-head { margin: 4px 0 22px; }

/* ===== 区块标题（与新闻页面 panel-title 字号、字重保持一致） ===== */
.section-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.2;
    position: relative;
    padding-left: 14px;
}
.section-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 4px;
    height: 0.7em;
    background: var(--primary-blue);
    border-radius: 2px;
}

/* ===== 列表引言 + 数据区 ===== */
.branches-intro {
    position: relative;
    padding: 28px 30px;
    margin-bottom: 32px;
    background: #fff;
    border: 1px solid #cfe1f5;
    border-radius: 8px;
}
.branches-lead {
    margin: 0;
    font-size: 16px;
    line-height: 1.95;
    color: #45586d;
    max-width: 940px;
}
.branches-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 56px;
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #eef2f7;
}
.b-stat { display: flex; align-items: baseline; gap: 9px; }
.b-num {
    font-size: 32px;
    font-weight: 800;
    color: #0e2c54;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    letter-spacing: 0.5px;
}
.b-num i { font-style: normal; font-size: 19px; font-weight: 700; margin-left: 1px; }
.b-label { font-size: 14px; color: #6b7a90; }

/* ===== 机构名录（两列编辑式目录） ===== */
.branch-groups { margin-top: 0; }
.unit-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 56px;
    margin-top: 8px;
}
.unit-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 21px 46px 21px 18px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.55;
    color: #0e2c54;
    text-decoration: none;
    border-bottom: 1px solid #e9eef4;
    transition: color .2s ease, background-color .2s ease, padding-left .2s ease;
}
/* 前置小圆点（默认常驻） */
.unit-card::before {
    content: '';
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b9c6d8;
    transition: background-color .2s ease, transform .2s ease;
}
/* 右侧箭头（默认隐藏，hover 出现） */
.unit-card::after {
    content: '\2192';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) translateX(8px);
    font-size: 18px;
    color: #0e2c54;
    opacity: 0;
    transition: opacity .2s ease, transform .2s ease;
}
.unit-card:hover {
    color: #103a72;
    background: #f4f8fd;
    padding-left: 26px;
}
.unit-card:hover::before { background: #0e2c54; transform: scale(1.2); }
.unit-card:hover::after { opacity: 1; transform: translateY(-50%) translateX(0); }

/* ===== 子主页：通用段落 ===== */
.branch-text {
    font-size: 16px;
    line-height: 1.95;
    color: #44576b;
    margin: 0 0 16px;
}

/* ===== 子主页：新闻 / 公告列表 ===== */
.branch-news { margin-top: 6px; }
.news-item {
    display: flex;
    align-items: baseline;
    gap: 18px;
    padding: 18px 6px;
    border-bottom: 1px solid #eef2f7;
    text-decoration: none;
    transition: background .2s ease;
}
.news-item:last-child { border-bottom: none; }
.news-item:hover { background: #f7faff; }
.news-date {
    flex: 0 0 auto;
    min-width: 96px;
    font-size: 13px;
    color: #9aa9bd;
    font-variant-numeric: tabular-nums;
}
.news-title {
    font-size: 16px;
    color: #2c3a4d;
    line-height: 1.6;
}
.news-item:hover .news-title { color: var(--primary-blue); }
.news-tag {
    flex: 0 0 auto;
    margin-left: auto;
    font-size: 12px;
    color: #7c8aa0;
    background: #eef3fa;
    padding: 3px 10px;
    border-radius: 999px;
}

/* ===== 响应式 ===== */
@media (max-width: 680px) {
    .branches-intro { padding: 22px 20px; }
    .branches-stats { gap: 14px 30px; }
    .b-num { font-size: 27px; }
    .unit-grid { grid-template-columns: 1fr; column-gap: 0; }
    /* 移动端：收紧左右内边距、去掉右侧箭头预留位，让机构名在窄屏下尽量晚换行 */
    .unit-card { font-size: 16px; padding: 17px 16px; }
    .unit-card::after { display: none; }
    .news-item { flex-wrap: wrap; gap: 6px 14px; }
    .news-tag { margin-left: 0; }
}