:root {
  /* 背景 —— 更深一档的粉灰底，让白色卡片真正「浮」起来 */
  --c-bg:            #f3dae2;   /* ↓ 从 #fdeef2 加深 */
  --c-card:          #ffffff;   /* ↑ 纯白，与背景拉开明度差 */
  --c-surface:       #fbe4ed;   /* 面板：比背景更粉一档 */
  --c-row-hover:     #fff0f5;
  --c-count-bar:     #f7d3e0;
  --c-divider:       #e9bccd;   /* ↓ 分割线加深，不再若有若无 */

  /* 主色 —— 提高饱和度，冷暖对比更清晰 */
  --c-primary:       #ef6a9e;
  --c-primary-dark:  #c73a72;   /* ↓ 加深，可读性更好 */

  /* 强调色 —— 黑色更黑，形成真正的明暗对比 */
  --c-accent:        #1a1216;   /* ↓ 更深 */
  --c-accent-soft:   #523c46;

  /* 标签 —— 粉底配深字，对比明确 */
  --c-chip-bg:       #f9cfdf;
  --c-chip-text:     #8e1f52;   /* ↓ 明显加深 */

  /* 文字 —— 关键：正文压到接近黑，副文字也要可读 */
  --c-text:          #241318;   /* ↓ 大幅压暗，告别灰蒙蒙 */
  --c-text-sub:      #7d5a68;   /* ↓ 比之前深两档 */
  --c-border:        #e8a8bf;   /* ↓ 边框加深，卡片轮廓清晰 */

  /* 阴影 —— 双层阴影：一层贴合 + 一层弥散，立体感立现 */
  --shadow-card:     0 1px 2px rgba(120, 30, 65, .10),
                     0 4px 12px rgba(120, 30, 65, .14);
  --shadow-panel:    0 2px 4px rgba(120, 30, 65, .12),
                     0 10px 28px rgba(120, 30, 65, .22);
  --shadow-pink:     0 4px 14px rgba(239, 106, 158, .45);

  /* 圆角与渐变 */
  --radius-card:     14px;
  --grad-primary:    linear-gradient(135deg, #f78fb3 0%, #ef6a9e 55%, #c73a72 100%);
  --grad-dark:       linear-gradient(135deg, #1a1216 0%, #4a313c 100%);
}