/* ==========================================================================
   DS 暗黑模式 — 条件加载
   启用方式:后台"全局视觉配置"→ 明暗模式默认 = on,或用户点击切换
   触发:html/body 上加 .ds-dark class
   ========================================================================== */

.ds-dark,
.ds-dark body {
    --ds-color-primary:        #367CFF;
    --ds-color-primary-light:  #5A93FF;
    --ds-color-primary-dark:   #2468D6;
    --ds-color-success:        #2DCB55;
    --ds-color-warning:        #FF9D40;
    --ds-color-danger:         #F76560;

    --ds-color-white:    #1D2129;
    --ds-color-bg:       #15171C;
    --ds-color-bg-soft:  #1A1D24;
    --ds-color-text-1:   #E5E6EB;
    --ds-color-text-2:   #A9AEB8;
    --ds-color-text-3:   #6B7280;
    --ds-color-border:   #2E333D;
    --ds-color-divider:  #262A33;

    --ds-shadow-card:  0 4px 12px rgba(0, 0, 0, 0.32);
    --ds-shadow-nav:   0 2px 8px rgba(0, 0, 0, 0.4);
    --ds-shadow-modal: 0 12px 32px rgba(0, 0, 0, 0.6);
}

/* 暗黑模式图片自动降低 15% 亮度 + 护眼 */
.ds-dark img,
.ds-dark video {
    filter: brightness(0.85) contrast(0.95) saturate(0.9);
}

/* 暗黑模式弹窗背景 */
.ds-dark .ds-base-modal { background: rgba(0, 0, 0, 0.7); }
.ds-dark .ds-base-modal-box { background: var(--ds-color-white); }

/* 暗黑模式输入框 */
.ds-dark .ds-base-input {
    background: var(--ds-color-bg-soft);
    border-color: var(--ds-color-border);
    color: var(--ds-color-text-1);
}

/* 暗黑模式代码块 */
.ds-dark code, .ds-dark pre {
    background: var(--ds-color-bg-soft);
    color: var(--ds-color-text-1);
}

/* 暗黑模式 toast */
.ds-dark .ds-base-toast {
    background: rgba(229, 230, 235, 0.92);
    color: var(--ds-color-text-1);
}

/* 暗黑模式返回顶部按钮 */
.ds-dark .ds-base-back-top {
    background: var(--ds-color-white);
    border-color: var(--ds-color-border);
}

/* 暗黑模式选中文字 */
.ds-dark ::selection {
    background: rgba(54, 124, 255, 0.4);
    color: #fff;
}