/* ============================================================
   css/theme.css — 前台主题变量与少量分页样式
   ------------------------------------------------------------
   说明：原实现把这段 CSS 内联写在 inc/head.php 的 <style> 里，
   导致每个页面都重复传输且无法被浏览器缓存。抽出为独立文件后
   由 <link> 引入（带 ?v= 版本号），可缓存、可压缩、便于维护。
   注意：:root 变量来自后台「主题配色」设置，此处给出默认值兜底。
   ============================================================ */
:root {
    --color-bg:             #F5F5F5;
    --color-surface:        #ffffff;
    --color-text:           #1a1a1a;
    --color-text-secondary: #6b7280;
    --color-border:         #e5e7eb;
    --color-primary:        #1a1a1a;
    --color-primary-hover:  #333333;
    --color-accent:         #e74c3c;
    --color-danger:         #dc2626;
    --color-danger-hover:   #b91c1c;
    --color-success:        #16a34a;
    --color-success-hover:  #15803d;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
    --radius: 10px;
    --radius-sm: 6px;
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 让分页的 <a> 样式与按钮一致 */
.pagination a.btn-page { text-decoration: none; color: var(--color-text); }
.pagination a.btn-page.active { color: #fff; }
.pagination span.btn-page { cursor: not-allowed; }