/* ========================================
   CSS变量定义 - 设计规范
   ======================================== */
:root {
  /* 主色调 */
  --color-primary: #CCF381;

  /* 中性色 */
  --color-text-primary: #E0E0E0;
  --color-text-secondary: #9CA3AF;
  --color-text-muted: #666666;
  --color-border: rgba(255, 255, 255, 0.1);
  --color-bg-surface: #121212;
  --color-bg-dark: #050505;

  /* 字体 */
  --font-family-display: 'Space Grotesk', sans-serif;
  --font-family-body: 'Outfit', sans-serif;

  /* 间距 */
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;

  /* 圆角 */
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;

  /* 过渡 */
  --transition-base: all 0.3s ease;
}

/* ========================================
   分页组件样式
   ======================================== */

/* 页码按钮样式 */
.page-numbar a {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 0;
  color: #9ca3af;
  text-decoration: none;
  transition: all 0.3s;
}

.page-numbar a:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.3);
}

/* 选中页码样式 - 匹配 Tailwind: w-10 h-10 border border-yime-primary bg-yime-primary text-black font-bold */
.page-numbar .page-num-current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #CCF381;
  background-color: #CCF381;
  color: #000000;
  font-weight: bold;
}

/* 选中页码hover时保持原色（不改变文字颜色） */
.page-numbar .page-num-current:hover {
  color: #000000;
  border-color: #CCF381;
  background-color: #CCF381;
}