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

   常务理事页（第七届常务理事单位名单）

   复用全站 section-title 语言；名单以淡边框卡片 + 蓝色圆点呈现，

   去除渐变与 AI 模板感，强调权威与可读性。

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



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

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

}



/* ===== 单位名单网格 ===== */

.unit-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 14px 18px;

    margin-top: 8px;

}



.unit-card {

    position: relative;

    display: flex;

    align-items: center;

    min-height: 58px;

    padding: 15px 18px 15px 36px;

    background: #fff;

    border: 1px solid #e7eef7;

    border-radius: 12px;

    font-size: 15px;

    line-height: 1.6;

    color: #33425a;

    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;

}



.unit-card::before {

    content: '';

    position: absolute;

    left: 18px;

    top: 50%;

    transform: translateY(-50%);

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: var(--primary-blue);

    opacity: 0.85;

}



.unit-card:hover {

    border-color: #c3d6ee;

    box-shadow: 0 12px 28px rgba(16, 42, 84, 0.07);

    transform: translateY(-2px);

}



/* 说明小字占满内容区，避免过早换行 */

.section-lead { max-width: 100%; }



/* ===== 响应式 ===== */

@media (max-width: 1100px) {

    .unit-grid { grid-template-columns: repeat(2, 1fr); }

}

@media (max-width: 680px) {

    .unit-grid { grid-template-columns: 1fr; }

    .unit-card { font-size: 14px; min-height: 0; }

}