/* 浅色主题与页面配色变量。组件外观放在各自的样式文件中。 */
:root { --ink: #354154; --muted: #768397; --line: #dce5ef; --paper: #f8fbfe; --white: #ffffff; --blue: #c9e5f5; --blue-strong: #8fc5e5; --lilac: #e4dcf4; --orange: #ee9b6b; --dark: #3b4659; --shadow: 0 18px 45px rgba(75, 111, 145, 0.10); --ui-accent: #7284b0; --ui-accent-strong: #6578a3; --ui-line: #d6deef; --ui-soft: #eef1fb; --ui-online: #7fb8c2; --ui-about-background: linear-gradient(115deg, #f3f6fd, #f6f3fc); }
.page-home { --ink: #3e465c; --muted: #7e89a0; --line: #dce1ef; --paper: #f8faff; --blue: #e2eafb; --orange: #e994ae; --shadow: 0 12px 32px #7787ad10; }
body:not(.page-home) { --ink: #3e465c; --muted: #7c8599; --line: #dce1ef; --paper: #f8faff; --orange: #e994ae; --blue: #e0eafb; --blue-strong: #a6b8df; --lilac: #eee9f8; --shadow: 0 16px 40px #7c88ae14; }

/* Primary actions and tab markers use the same soft palette across modules. */
:root {
  --ui-primary-bg: linear-gradient(110deg, #e7effc, #efe7f9);
  --ui-primary-text: #586585;
  --ui-primary-border: #d5dcef;
  --ui-primary-hover-bg: linear-gradient(110deg, #dce8fb, #e8ddf6);
  --ui-primary-hover-text: #4f5e80;
  --ui-primary-hover-border: #bdc9e5;
  --ui-tab-accent: linear-gradient(110deg, #9ebee5, #bda8d7 65%, #e4abc2);
}
html[data-color-theme="dark"] body {
  --ui-primary-bg: linear-gradient(110deg, #3a4259, #4a405b);
  --ui-primary-text: #e4e2f5;
  --ui-primary-border: #686582;
  --ui-primary-hover-bg: linear-gradient(110deg, #464e68, #594d6b);
  --ui-primary-hover-text: #f2efff;
  --ui-primary-hover-border: #85809f;
  --ui-tab-accent: linear-gradient(110deg, #a9c5e7, #c6b2e1 65%, #e8b1c6);
}