/**
 * 基础公共样式
 * 包含：CSS 变量、重置样式、滚动条、Layer 弹窗暗黑模式
 */

/* 修复 layui 字体加载警告 - 添加 font-display: swap */
@font-face {
    font-family: layui-icon;
    font-display: swap;
    src: url(../font/iconfont.eot?v=293);
    src: url(../font/iconfont.eot?v=293#iefix) format('embedded-opentype'),
         url(../font/iconfont.woff2?v=293) format('woff2'),
         url(../font/iconfont.woff?v=293) format('woff'),
         url(../font/iconfont.ttf?v=293) format('truetype'),
         url(../font/iconfont.svg?v=293#layui-icon) format('svg');
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; overflow: hidden; }

/* 深色主题变量 */
:root {
    --bg-primary: #1a1a1a;
    --bg-secondary: #242424;
    --bg-tertiary: #2d2d2d;
    --bg-hover: #363636;
    --text-primary: #e0e0e0;
    --text-secondary: #a0a0a0;
    --accent-green: #4caf50;
    --accent-blue: #2196f3;
    --border-color: #333;
}

body {
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 滚动条 */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--bg-tertiary);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bg-hover);
}

/* Layui 覆盖 - 暗黑模式 */
.layui-btn {
    background: var(--accent-green);
}

/* Layer 弹窗暗黑模式 */
.layui-layer {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}

.layui-layer-title {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.layui-layer-content {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

.layui-layer-btn {
    background: var(--bg-tertiary) !important;
    border-top: 1px solid var(--border-color) !important;
}

.layui-layer-btn a {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

.layui-layer-btn a:hover {
    background: var(--accent-green) !important;
    color: white !important;
}

.layui-layer-btn .layui-layer-btn0 {
    background: var(--accent-green) !important;
    color: white !important;
    border-color: var(--accent-green) !important;
}

.layui-layer-setwin .layui-layer-close1,
.layui-layer-setwin .layui-layer-close2 {
    filter: invert(1);
}

/* Layer msg 提示暗黑模式 */
.layui-layer-msg {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}

.layui-layer-hui {
    background: var(--bg-secondary) !important;
}

/* Layer 确认框暗黑模式 */
.layui-layer-dialog .layui-layer-content {
    color: var(--text-primary) !important;
}

.layui-layer-ico {
    filter: brightness(1.2);
}

.layui-layer-padding {
    padding: 20px !important;
}