:root {
    /* 浅色模式默认值 */
    --primary-color: #f1597c;
    --accent-color: #70a8b4;
    --text-color: #181818;       /* 主文本颜色 */
    --bg-color: #ffffff;       /* 次级背景 */
    --card-bg: rgba(255,255,255,0.7); /* 卡片背景 */
    --header-bg: rgba(0, 0, 0, 0);
    
    /* 深色模式默认值 */
    --dark-primary-color: #efb5b3;
    --dark-accent-color: #4b524d;
    --dark-text-color: #ebebeb;
    --dark-bg-color: #2d2d2d;
    --dark-card-bg: rgba(0,0,0,0.7);
    --dark-header-bg: rgba(0, 0, 0, 0);
}

body {
    /* 动态变量（默认浅色模式） */
    --current-primary: var(--primary-color);
    --current-accent: var(--accent-color);
    --current-text: var(--text-color);
    --current-bg: var(--bg-color);
    --current-card: var(--card-bg);
    --current-border: var(--border-color);
    /*--bg-image: url('../images/background/spring.jpg');*/  
}

/* 深色模式 */
body.dark-mode {
    --current-primary: var(--dark-primary-color);
    --current-accent: var(--dark-accent-color);
    --current-text: var(--dark-text-color);
    --current-bg: var(--dark-bg-color);
    --current-card: var(--dark-card-bg);
    --header-bg: var(--dark-header-bg);
}



/* 滚动条样式 和选中文本颜色*/
::-webkit-scrollbar {
	width: 6px;
	height: 5px;
  }
  
  ::-webkit-scrollbar-track {
	background-color: rgba(73, 177, 245, 0.2);
	border-radius: 2em;
  }
  
  ::-webkit-scrollbar-thumb {
	background-color: var(--current-primary);  /*滚动条颜色*/
	background-image: -webkit-linear-gradient(
	  45deg,
	  rgba(255, 255, 255, 0.4) 25%,
	  transparent 25%,
	  transparent 50%,
	  rgba(255, 255, 255, 0.4) 50%,
	  rgba(255, 255, 255, 0.4) 75%,
	  transparent 75%,
	  transparent
	);
	border-radius: 2em;
  }
  
  ::-webkit-scrollbar-corner {
	background-color: transparent;
  }
  ::-webkit-scrollbar-track {
    background: var(--bg-image) right/cover fixed;  /* 使用相同图片 */
    border-radius: 2em;
    background-attachment: local;  /* 关键：让背景随滚动同步 */
  }

  /*文本选择颜色*/
  ::selection { background: var(--current-accent); color: var(--current-text); }
  ::-moz-selection { background: var(--current-accent); color: var(--current-text); }  /* Firefox */
  ::-webkit-selection { background: var(--current-accent); color: var(--current-text); }  /* Chrome/Safari */