/* 定义CSS变量确保主题色全局生效 */
 :root {
  --color-primary: #D92121; /* 主题红（主色） */
  --color-primary-dark: #B71C1C; /* 红色加深色 */
  --color-primary-light: #FCEEEE; /* 红色浅色调 */
  --color-secondary: #333333; /* 辅助色 */
  --color-neutral: #F8F9FA; /* 中性色 */
 }
 
 /* 全局样式 */
 body {
  scroll-behavior: smooth;
  font-family: Inter, system-ui, sans-serif;
  color: var(--color-secondary);
 }
 
 /* 导航栏滚动效果 */
 .navbar-scrolled {
  background-color: white;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
 }
 
 /* 自定义工具类 */
 .content-auto {
  content-visibility: auto;
 }
 .text-shadow {
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
 .hover-scale {
  transition: transform 0.3s ease;
 }
 .hover-scale:hover {
  transform: scale(1.03);
 }
 
 /* 覆盖Tailwind类名，确保主题色生效 */
 .text-primary { color: var(--color-primary) !important; }
 .bg-primary { background-color: var(--color-primary) !important; }
 .bg-primary-light { background-color: var(--color-primary-light) !important; }
 .border-primary { border-color: var(--color-primary) !important; }
 .hover\:bg-primary:hover { background-color: var(--color-primary) !important; }
 .hover\:bg-primary-dark:hover { background-color: var(--color-primary-dark) !important; }
 .hover\:text-primary:hover { color: var(--color-primary) !important; }
 .focus\:ring-primary:focus { --tw-ring-color: var(--color-primary) !important; }
 /* 面包屑样式 */
 .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  margin: 0 0.5rem;
  color: #999;
 }
 /* 分页样式 */
 .pagination-item {
  padding: 0.5rem 1rem;
  border: 1px solid #e5e7eb;
  margin: 0 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
 }
 .pagination-item:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
 }
 .pagination-item.active {
  background-color: var(--color-primary);
  color: white;
  border-color: var(--color-primary);
 }