/* ========== 设计令牌 ========== */
:root {
  /* 主色：星光金 */
  --primary-color: #E8A33D;
  --primary-color-60: #F5D89A;
  --primary-color-dim: rgba(232, 163, 61, 0.12);
  --primary-color-soft: rgba(232, 163, 61, 0.06);

  /* 副色：星云紫 */
  --secondary-color: #8B6BB0;
  --secondary-color-soft: rgba(139, 107, 176, 0.10);

  /* 点缀：极光青 */
  --accent-color: #3D9A8B;
  --accent-color-soft: rgba(61, 154, 139, 0.10);

  /* 背景：拂晓白 */
  --background-color: #FDFBF7;
  --background-color-alt: #FFFFFF;
  --background-color-hover: #F7F3EB;

  /* 文字：暖调深空 */
  --text-color: #2C2A38;
  --text-color-secondary: #5F5C70;
  --text-color-muted: #A09DAB;

  /* 边框与线：暖灰 */
  --line-color: #EFEAE0;
  --border-color: #EAE5DA;
  --border-color-hover: #D9D2C2;

  /* 阴影：带金色温度的柔和阴影 */
  --light-shadow: 0 2px 8px -2px rgba(232, 163, 61, 0.08);
  --card-shadow: 0 8px 28px -12px rgba(232, 163, 61, 0.12);

  /* 品牌渐变：金 → 珊瑚 → 星紫（像一束光穿过光谱） */
  --brand-gradient: linear-gradient(135deg, #E8A33D 0%, #E07A5F 45%, #8B6BB0 100%);
  --brand-gradient-soft: linear-gradient(135deg, rgba(232,163,61,0.10) 0%, rgba(224,122,95,0.08) 45%, rgba(139,107,176,0.08) 100%);
  --background-linear: linear-gradient(135deg, rgba(232,163,61,0.06) 0%, rgba(139,107,176,0.04) 100%);

  /* 圆角：柔和优雅 */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* 间距 */
  --gap: 20px;
}

.dark {
  /* 主色：星光金（暗色下提亮，保持温暖） */
  --primary-color: #F0B858;
  --primary-color-60: #7A5828;
  --primary-color-dim: rgba(240, 184, 88, 0.14);
  --primary-color-soft: rgba(240, 184, 88, 0.08);

  --secondary-color: #A88AD0;
  --secondary-color-soft: rgba(168, 138, 208, 0.12);

  --accent-color: #5BC0B0;
  --accent-color-soft: rgba(91, 192, 176, 0.12);

  /* 深空底色：不是纯黑，是带紫调的夜 */
  --background-color: #16141F;
  --background-color-alt: #1E1B2A;
  --background-color-hover: #272335;

  /* 文字：暖白 */
  --text-color: #F2EFE8;
  --text-color-secondary: #B5B2C0;
  --text-color-muted: #7A7789;

  --line-color: #272335;
  --border-color: rgba(242, 239, 232, 0.08);
  --border-color-hover: rgba(242, 239, 232, 0.16);

  /* 暗色下阴影转为发光效果 */
  --light-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.4);
  --card-shadow: 0 12px 32px -16px rgba(0, 0, 0, 0.6);

  --brand-gradient: linear-gradient(135deg, #F0B858 0%, #E88A6F 45%, #A88AD0 100%);
  --brand-gradient-soft: linear-gradient(135deg, rgba(240,184,88,0.14) 0%, rgba(232,138,111,0.10) 45%, rgba(168,138,208,0.10) 100%);
  --background-linear: linear-gradient(135deg, rgba(240,184,88,0.08) 0%, rgba(168,138,208,0.06) 100%);

  /* bootstrap hack */
  --bs-body-bg: #16141F;
  --bs-border-color: rgba(242, 239, 232, 0.08);
  --bs-body-color: #F2EFE8;
  --bs-secondary-color: #7A7789;
}

/* ===== 侧边栏收起状态样式（保持不变） ===== */
.layout-left.collapsed {
    width: 60px !important;
    overflow: visible !important;
    transition: width 0.3s ease;
}

.layout-left.collapsed .side-menu a {
    font-size: 0;
    justify-content: center;
    padding: 12px 10px;
    height: auto;
}
.layout-left.collapsed .side-menu a i,
.layout-left.collapsed .side-menu a .icon,
.layout-left.collapsed .side-menu a .iconfont {
    font-size: 20px !important;
    margin-right: 0;
    display: inline-block;
}

/* 侧边栏开关按钮样式（位于右侧） */
.layout-right .toggle-side-menu-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 998;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    padding: 5px 10px;
    border-radius: 10px;
    transition: right 0.3s ease;
}

/* 收起状态下开关按钮样式 */
.layout-left.collapsed ~ .layout-right .toggle-side-menu-icon {
    right: 10px;
    top: 10px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
}

/* 暗黑模式下开关按钮样式 */
.dark .layout-right .toggle-side-menu-icon,
.dark .layout-left.collapsed ~ .layout-right .toggle-side-menu-icon {
    background: rgba(46, 37, 32, 0.8);
}

/* 布局样式（保持不变） */
.layout-left {
    margin-right: 15px !important;
}

.layout-right {
    flex: 1;
    min-width: 0;
    position: relative;
}