[data-theme].svelte-10f1im3 {
    --danger: #c62430; /* 危险/警示色 */
    --border: #dcdcdc; /* 边框中性色 */
    --muted: #969696; /* 次级文字灰 */
    --muted-2: #999999; /* 次级文字灰2 */
    --card: #ffffff; /* 卡片白背景 */
    --on-primary: #ffffff; /* 主色/主色渐变上的前景色 */
    --shadow-sm: 0px 1px 3.5px 0px rgba(0, 0, 0, 0.1); /* 通用浅阴影 */
    --shadow-md: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0px -3px 6px 0px rgba(35, 43, 50, 0.1);
    --shadow-strong: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    --shadow-soft: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);
    --shadow-elevated: 0px 1px 2.7px 0px rgba(0, 0, 0, 0.26);
    --overlay: rgba(0, 0, 0, 0.5);
    --success: #4ae972;
    --warning: #ffa82e;
    --warning-soft: rgba(255, 168, 46, 0.3);
    --error: #ff2d55;
    --error-300: #ff5c7b;
    --toast-bg: rgba(255, 255, 255, 0.9);
    --toast-fg: var(--default);
    --muted-3: #595959;
    --shadow-card-glow: 0px 2px 10px 0px #fff inset, 0px -6px 23px 0px rgba(255, 165, 0, 0.25);
    --warning-soft-bg: rgba(255, 168, 46, 0.15);
    --card-soft-bg: rgba(255, 255, 255, 0.7);
    --on-primary-soft-bg: rgba(255, 255, 255, 0.2);
    --chip-on-primary-bg: rgba(255, 255, 255, 0.3);
    --chip-error-soft-bg: rgba(255, 45, 85, 0.25);
    --chip-error-soft-border: rgba(255, 45, 85, 0.45);
    --chip-error-strong-border: rgba(255, 45, 85, 0.7);
    --progress-track-bg: rgba(255, 255, 255, 0.2);
    --primary-soft-grad-end: rgba(255, 126, 7, 0.25);
    --warning-chip-grad: linear-gradient(to bottom, var(--warning), #e8921d);
    --vip-maintain-top-grad: linear-gradient(to bottom, #d0e9ff, #fff);
    --panel-dark-grad: linear-gradient(to bottom, #5c5c5c, #2c2c2c);
    --daily-task-tab-grad: linear-gradient(to bottom, var(--primary-200), var(--card) 10%, rgba(254, 254, 254, 0.09));
    --disabled: #d8d8d8;
    --error-grad-start: #ff6464;
    --error-grad-end: #ff412d;
    --danger-grad: linear-gradient(to bottom, var(--error-grad-start), var(--error-grad-end));
  }
  [data-theme="orange"].svelte-10f1im3 {
    --primary: #ff7e07; /* 主色 */
    --primary-100: #fff4e5;
    --primary-200: #ffe1b7;
    --primary-300: #ffce8a;
    --primary-400: #ffbb5c;
    --primary-500: #ffa82e;
    --primary-600: #ff9500;
    --primary-700: #d67d00;
    --primary-800: #ad6500;
    --primary-900: #854e00;
    --primary-1000: #5c3600;
    --primary-grad-start: #ffa44b;
    --primary-grad-end: #ff7e01;
    --primary-grad: linear-gradient(270deg, var(--primary-grad-start) 0%, var(--primary-grad-end) 100%);
    --primary-shadow: rgba(190, 117, 15, 0.2);
    --primary-10a: rgba(255, 126, 7, 0.1);
    --primary-20a: rgba(255, 126, 7, 0.2);
    --default: #2f0e00; /* 文字主色**/
    --secondary: #959799; /* 富文本色 */
    --bg: #f3f5f7; /* 背景色 */
  }
  [data-theme="blue"].svelte-10f1im3 {
    --primary: #4c9eea; /* 主色 */
    --primary-100: #eff7ff;
    --primary-200: #cbe6ff;
    --primary-300: #a8d4ff;
    --primary-400: #84c3ff;
    --primary-500: #5faffb;
    --primary-600: #4892d9;
    --primary-700: #3477b7;
    --primary-800: #235d95;
    --primary-900: #164573;
    --primary-1000: #0b2f51;
    --primary-grad-start: #5fc2ff;
    --primary-grad-end: #2d96ff;
    --primary-grad: linear-gradient(270deg, var(--primary-grad-start) 0%, var(--primary-grad-end) 100%);
    --primary-shadow: rgba(15, 119, 190, 0.2);
    --primary-10a: rgba(76, 158, 234, 0.1);
    --primary-20a: rgba(76, 158, 234, 0.2);
    --default: #01325d; /* 文字主色**/
    --secondary: #5580a0; /* 富文本色 */
    --bg: #faf9f7; /* 背景色 */
  }

  [data-theme="purple"].svelte-10f1im3 {
    --primary: #716ac7;
    --primary-100: #f1f0f8;
    --primary-200: #eae9f6;
    --primary-300: #d3d2ec;
    --primary-400: #706cc1;
    --primary-500: #6561ae;
    --primary-600: #59579a;
    --primary-700: #545191;
    --primary-800: #434174;
    --primary-900: #333157;
    --primary-1000: #272644;
    --primary-grad-start: #716ac7;
    --primary-grad-end: #47449b;
    --primary-grad: linear-gradient(270deg, var(--primary-grad-start) 0%, var(--primary-grad-end) 100%);
    --primary-shadow: rgba(71, 68, 155, 0.2);
    --primary-10a: rgba(113, 106, 199, 0.1);
    --primary-20a: rgba(113, 106, 199, 0.2);
    --default: #444370;
    --secondary: #686791;
    --bg: #f3f5f7;
    --warning-chip-grad: linear-gradient(to bottom, var(--primary-grad-start), var(--primary-grad-end));
  }

  [data-theme="gold"].svelte-10f1im3 {
    --primary: #dca340;
    --primary-100: #fbf7f0;
    --primary-200: #f7efe1;
    --primary-300: #f4e7d2;
    --primary-400: #f0dfc3;
    --primary-500: #f3c780;
    --primary-600: #dda543;
    --primary-700: #005fb9;
    --primary-800: #004b96;
    --primary-900: #003264;
    --primary-1000: #001428;
    --primary-grad-start: #ecc177;
    --primary-grad-end: #dca240;
    --primary-grad: linear-gradient(270deg, var(--primary-grad-start) 0%, var(--primary-grad-end) 100%);
    --primary-shadow: rgba(220, 163, 64, 0.2);
    --primary-10a: rgba(220, 163, 64, 0.1);
    --primary-20a: rgba(220, 163, 64, 0.2);
    --default: #573000;
    --secondary: #ae8047;
    --bg: #f7f6f3;
  }

  /* 按钮样式 */
  .container-my .btn-primary {
    background: var(--primary-grad);
    color: var(--on-primary);
  }
  /* 按钮样式 */
  .container-my .btn-primary.btn-outline {
    background: #fff;
    color: var(--primary);
    border: 1px solid var(--primary) !important;
  }