/* topic_index.css — 專題列表頁 */

.topic-main {
    padding: var(--section-gap) 0 60px;   /* 顶部与面包屑之间统一 --section-gap（强制 20） */
}

.topic-wrap {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 var(--page-pad);
}

/* ===== 頁頭 ===== */
.topic-page-hd {
    margin-bottom: var(--section-gap);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
}

.topic-page-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-1);
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ===== 卡片 Grid =====
   欄數與卡片樣式統一由 main.css 的 .topic-grid／.topic-card（widget/topic_card）定義，
   本頁只補底部間距（topic-index 強制 1.1：與首頁共用同一套卡片組件；全局強制 11.9：同一元件只定義一處） */
.topic-wrap .topic-grid { margin-bottom: var(--section-gap); }

/* ===== RWD ===== */
@media (max-width: 700px) {
    .topic-main {
        padding-bottom: 80px;
    }
}

/* 無專題空態（topic-index 強制 3.2） */
.topic-empty { text-align: center; padding: 60px 20px; color: var(--text-3); }
.topic-empty .mac-icon { font-size: 44px; margin-bottom: 10px; }