/* ============================================================

   分支机构列表（about-branches.html）

   + 二级专委会子主页（branch.html）通用段落 / 新闻列表

   设计基调：深蓝主色、细线分隔、编辑式目录，去除模板化 AI 观感。

   ============================================================ */



/* ===== 列表标题栏 ===== */

.section-head { margin: 4px 0 22px; }



/* ===== 区块标题 ===== */

.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; }

}