/* 亮色模式 */
:root {
  --bg-color: #ffffff;
  --text-color: rgba(0, 0, 0, .85);
  --border-top: #f0f0f0;
  --border-color:#eee;
  --border-bottom:#eee;
  --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

/* 暗黑模式 */
:root.dark,
:root[data-theme="dark"] {
  --bg-color: #232324;
  --border-color: #2e2e30;
  --border-bottom:#484849;
  --text-color: rgba(255, 255, 255, .7);
  --border-top: #121111;
  --color: #fff;
}

/* 应用变量 */
body {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family);
  border-top: 0 solid  var(--border-top);
  border-color: var(--border-color);
  border-bottom: var(--border-bottom);
  transition: all 0.3s ease; /* 平滑过渡效果 */
}