/* 本文件由 scripts/split_css.py 从原 main.css 切分而来，级联顺序不变。 */
/* ============================================================
   玻璃质感增强 v5.0 - 更强悬浮感 + 玻璃反光效果
   ============================================================ */

/* 增强CSS变量 */
:root {
    --glass-shadow-v5: 
        0 1px 1px rgba(255, 255, 255, 0.9) inset,
        0 -1px 2px rgba(255, 255, 255, 0.4) inset,
        0 2px 8px rgba(0, 0, 0, 0.04),
        0 8px 24px rgba(0, 0, 0, 0.06),
        0 16px 48px rgba(0, 0, 0, 0.08);
    --glass-shadow-hover-v5: 
        0 1px 2px rgba(255, 255, 255, 1) inset,
        0 -1px 2px rgba(255, 255, 255, 0.6) inset,
        0 4px 12px rgba(0, 0, 0, 0.06),
        0 12px 32px rgba(0, 0, 0, 0.1),
        0 24px 64px rgba(0, 0, 0, 0.12);
    --glass-highlight-top: linear-gradient(180deg, 
        rgba(255,255,255,0.6) 0%, 
        rgba(255,255,255,0.2) 30%, 
        rgba(255,255,255,0) 60%);
    --glass-reflection-diagonal: linear-gradient(135deg, 
        rgba(255,255,255,0.4) 0%, 
        rgba(255,255,255,0.1) 25%, 
        rgba(255,255,255,0) 50%);
    --glass-edge-glow: 0 0 0 1px rgba(255,255,255,0.3), 
                        0 0 20px rgba(255,255,255,0.1);
}

/* 全局卡片玻璃反光增强 - 使用伪元素添加高光层 */
.stat-card,
.table-card,
.modal-content,
.filter-bar,
.tabs-container,
.template-card,
.template-list-item,
.bi-card,
.kpi-card,
.chart-card,
.form-card,
.settings-card,
.notification-card,
.activity-card {
    position: relative;
    overflow: hidden;
    box-shadow: var(--glass-shadow-v5);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 顶部高光反射条 */
.stat-card::before,
.table-card::before,
.modal-content::before,
.template-card::before,
.bi-card::before,
.kpi-card::before,
.chart-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: var(--glass-highlight-top);
    pointer-events: none;
    z-index: 1;
    border-radius: inherit;
}

/* 斜向反光层 */
.stat-card::after,
.table-card::after,
.template-card::after,
.bi-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: var(--glass-reflection-diagonal);
    pointer-events: none;
    z-index: 1;
    transform: rotate(-15deg);
    opacity: 0.5;
}

/* 悬停增强 - 更强悬浮感 */
.stat-card:hover,
.template-card:hover,
.bi-card:hover,
.kpi-card:hover,
.chart-card:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: var(--glass-shadow-hover-v5);
}

/* 悬停时反光增强动画 */
.stat-card:hover::after,
.template-card:hover::after,
.bi-card:hover::after {
    animation: glassShine 1.2s ease-in-out;
}

@keyframes glassShine {
    0% {
        transform: translateX(-100%) rotate(-15deg);
        opacity: 0;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        transform: translateX(100%) rotate(-15deg);
        opacity: 0;
    }
}

/* 模态框玻璃质感增强 */
.modal-content {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(80px) saturate(220%);
    -webkit-backdrop-filter: blur(80px) saturate(220%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 
        0 1px 2px rgba(255, 255, 255, 0.9) inset,
        0 -1px 1px rgba(255, 255, 255, 0.5) inset,
        0 10px 40px rgba(0, 0, 0, 0.1),
        0 30px 80px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(255, 255, 255, 0.3);
}

.modal-content::before {
    height: 40%;
    opacity: 0.7;
}

/* 按钮玻璃质感增强 */
.btn-primary,
.btn-success,
.btn-warning,
.btn-danger,
.btn-secondary,
.btn-outline {
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary::before,
.btn-success::before,
.btn-warning::before,
.btn-danger::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
    pointer-events: none;
    z-index: 1;
}

.btn-primary:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-danger:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.4) inset,
        0 4px 12px rgba(0,0,0,0.1),
        0 8px 24px rgba(0,0,0,0.12);
}

.btn-primary:active,
.btn-success:active,
.btn-warning:active,
.btn-danger:active {
    transform: translateY(-1px);
}

/* 侧边栏玻璃质感 */
.sidebar {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(60px) saturate(200%);
    -webkit-backdrop-filter: blur(60px) saturate(200%);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 
        1px 0 0 rgba(255,255,255,0.3),
        4px 0 20px rgba(0,0,0,0.04);
}

/* 顶部导航玻璃质感 */
.topbar,
.header {
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(50px) saturate(200%);
    -webkit-backdrop-filter: blur(50px) saturate(200%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/* 表格行悬浮效果 */
.data-table tbody tr {
    transition: all 0.2s ease;
    position: relative;
}

.data-table tbody tr:hover {
    background: rgba(0, 122, 255, 0.06);
    transform: scale(1.005);
    box-shadow: 0 2px 8px rgba(0, 122, 255, 0.1);
}

/* 输入框玻璃质感 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.8) inset,
        0 1px 3px rgba(0,0,0,0.04);
    transition: all 0.2s ease;
}

input:focus,
select:focus,
textarea:focus {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 122, 255, 0.5);
    box-shadow: 
        0 0 0 3px rgba(0, 122, 255, 0.1),
        0 1px 2px rgba(255,255,255,0.8) inset,
        0 2px 8px rgba(0, 122, 255, 0.1);
}

/* 标签/徽章玻璃质感 */
.badge,
.status-badge,
.tag {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* 下拉菜单玻璃质感 */
.dropdown-menu,
.select-dropdown,
.autocomplete-dropdown {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(40px) saturate(200%);
    -webkit-backdrop-filter: blur(40px) saturate(200%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.8) inset,
        0 8px 32px rgba(0,0,0,0.1),
        0 16px 48px rgba(0,0,0,0.08);
}

/* Toast通知玻璃质感 */
.toast,
.notification-toast {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(30px) saturate(200%);
    -webkit-backdrop-filter: blur(30px) saturate(200%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.8) inset,
        0 8px 24px rgba(0,0,0,0.1),
        0 16px 40px rgba(0,0,0,0.08);
}

/* 进度条玻璃质感 */
.progress-bar,
.progress-track {
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    overflow: hidden;
}

.progress-fill {
    position: relative;
    overflow: hidden;
}

.progress-fill::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%);
}

/* 分页按钮悬浮效果 */
.pagination button,
.pagination a {
    transition: all 0.2s ease;
}

.pagination button:hover,
.pagination a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.2);
}

/* 标签页玻璃质感 */
.tabs {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.tab-btn {
    position: relative;
    transition: all 0.3s ease;
}

.tab-btn:hover:not(.active) {
    background: rgba(0, 122, 255, 0.05);
    transform: translateY(-1px);
}

.tab-btn.active {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.8) inset,
        0 2px 8px rgba(0,0,0,0.06);
}

/* 移动端底部导航玻璃质感 */
.mobile-bottom-nav,
.bottom-nav {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(40px) saturate(200%);
    -webkit-backdrop-filter: blur(40px) saturate(200%);
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 -4px 20px rgba(0,0,0,0.06);
}

/* 悬浮按钮(FAB)玻璃质感 */
.fab,
.floating-action-button {
    background: rgba(0, 122, 255, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.3) inset,
        0 4px 12px rgba(0, 122, 255, 0.3),
        0 8px 24px rgba(0, 122, 255, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.fab:hover,
.floating-action-button:hover {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.4) inset,
        0 6px 16px rgba(0, 122, 255, 0.4),
        0 12px 32px rgba(0, 122, 255, 0.3);
}

/* 骨架屏玻璃质感 */
.skeleton,
.skeleton-loading {
    background: linear-gradient(90deg, 
        rgba(255,255,255,0.3) 25%, 
        rgba(255,255,255,0.6) 50%, 
        rgba(255,255,255,0.3) 75%);
    background-size: 200% 100%;
    animation: skeletonLoading 1.5s infinite;
}

@keyframes skeletonLoading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* 空状态玻璃质感 */
.empty-state,
.no-data {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px dashed rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}

/* 工具提示玻璃质感 */
.tooltip,
[data-tooltip]::after {
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* 滚动条玻璃质感 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.3);
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25);
}

/* 页面加载进度条玻璃质感 */
.page-loader {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.page-loader-bar {
    background: linear-gradient(90deg, 
        rgba(0, 122, 255, 0.8), 
        rgba(175, 82, 222, 0.8), 
        rgba(0, 122, 255, 0.8));
    background-size: 200% 100%;
    animation: loaderGradient 1.5s linear infinite;
    box-shadow: 0 0 10px rgba(0, 122, 255, 0.5);
}

@keyframes loaderGradient {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

/* 面包屑玻璃质感 */
.breadcrumb {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
}

/* 回到顶部按钮玻璃质感 */
.back-to-top {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.8) inset,
        0 4px 12px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.back-to-top:hover {
    transform: translateY(-3px);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.9) inset,
        0 6px 16px rgba(0,0,0,0.12);
}

/* 快捷操作面板玻璃质感 */
.quick-actions-panel,
.command-palette {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(60px) saturate(220%);
    -webkit-backdrop-filter: blur(60px) saturate(220%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.8) inset,
        0 20px 60px rgba(0,0,0,0.15),
        0 40px 100px rgba(0,0,0,0.1);
}

/* 快捷键帮助面板玻璃质感 */
.shortcuts-panel,
.help-panel {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(50px) saturate(220%);
    -webkit-backdrop-filter: blur(50px) saturate(220%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.8) inset,
        0 16px 48px rgba(0,0,0,0.12);
}

/* 键盘按键玻璃质感 */
kbd,
.key-badge {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-width: 2px;
    box-shadow: 
        0 1px 1px rgba(255,255,255,0.8) inset,
        0 1px 2px rgba(0,0,0,0.1);
}

/* 统计数字渐变文字 */
.stat-value,
.kpi-value,
.metric-value {
    background: linear-gradient(135deg, #1d1d1f 0%, #5856D6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 卡片内容层级 - 确保内容在反光层之上 */
.stat-card > *,
.table-card > *,
.template-card > *,
.bi-card > * {
    position: relative;
    z-index: 2;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .stat-card:hover,
    .template-card:hover,
    .bi-card:hover {
        transform: translateY(-3px) scale(1.005);
    }
    
    .modal-content {
        backdrop-filter: blur(40px) saturate(200%);
        -webkit-backdrop-filter: blur(40px) saturate(200%);
    }
}


/* ============================================================
   CERT-WINGS Logo 样式 + 深蓝青绿色系 v6.0
   ============================================================ */

/* 侧边栏Logo样式 */
.sidebar-logo {
    padding: 20px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 12px;
}

.sidebar-logo-img {
    max-width: 100%;
    height: auto;
    max-height: 56px;
    object-fit: contain;
    filter: drop-shadow(0 2px 8px rgba(13, 71, 161, 0.15));
    transition: all 0.3s ease;
}

.sidebar-logo-img:hover {
    filter: drop-shadow(0 4px 12px rgba(13, 71, 161, 0.25));
    transform: scale(1.02);
}

/* 登录页Logo样式 */
.login-logo {
    text-align: center;
    margin-bottom: 32px;
}

.login-logo img {
    max-width: 280px;
    height: auto;
    filter: drop-shadow(0 4px 16px rgba(13, 71, 161, 0.2));
}

/* ============================================================
   系统色系调整 - 深蓝青绿渐变主题
   ============================================================ */

:root {
    /* CERT-WINGS 主色系 - 深蓝到青绿渐变 */
    --cw-primary-dark: #0D47A1;      /* 深蓝色 - CERT文字色 */
    --cw-primary: #1565C0;            /* 中蓝色 */
    --cw-primary-light: #1E88E5;      /* 亮蓝色 */
    --cw-accent: #00BFA5;             /* 青绿色 - WINGS文字色 */
    --cw-accent-light: #26A69A;       /* 浅青绿 */
    --cw-accent-dark: #00897B;        /* 深青绿 */
    --cw-gradient: linear-gradient(135deg, #0D47A1 0%, #1565C0 40%, #00BFA5 100%);
    --cw-gradient-soft: linear-gradient(135deg, rgba(13,71,161,0.08) 0%, rgba(0,191,165,0.08) 100%);
    --cw-gradient-text: linear-gradient(135deg, #0D47A1 0%, #00BFA5 100%);
    
    /* 覆盖原苹果蓝变量 */
    --apple-blue: #1565C0;
    --apple-blue-hover: #0D47A1;
    --apple-blue-light: rgba(21, 101, 192, 0.1);
    --apple-teal: #00BFA5;
    --apple-green: #00BFA5;
    
    /* 渐变背景调整 */
    --bg-gradient: linear-gradient(135deg, #0D47A1 0%, #1565C0 50%, #00BFA5 100%);
    --bg-gradient-soft: linear-gradient(135deg, rgba(13,71,161,0.05) 0%, rgba(0,191,165,0.05) 100%);
}

/* 按钮主色调整为深蓝青绿渐变 */
.btn-primary {
    background: var(--cw-gradient);
    border: none;
    color: white;
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.3) inset,
        0 2px 8px rgba(13,71,161,0.25),
        0 4px 16px rgba(0,191,165,0.15);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #0D47A1 0%, #0D47A1 40%, #00BFA5 100%);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.4) inset,
        0 4px 12px rgba(13,71,161,0.35),
        0 8px 24px rgba(0,191,165,0.25);
}

/* 侧边栏激活项颜色 */
.sidebar-nav .nav-item.active {
    background: var(--cw-gradient-soft);
    border-left: 3px solid var(--cw-accent);
    color: var(--cw-primary-dark);
}

.sidebar-nav .nav-item.active i {
    color: var(--cw-accent);
}

.sidebar-nav .nav-item:hover:not(.active) {
    background: rgba(0, 191, 165, 0.06);
    color: var(--cw-primary);
}

/* 链接和强调文字颜色 */
a {
    color: var(--cw-primary);
}

a:hover {
    color: var(--cw-accent);
}

/* 状态徽章颜色调整 */
.status-active,
.status-approved,
.status-completed,
.status-issued {
    background: rgba(0, 191, 165, 0.12);
    color: var(--cw-accent-dark);
    border: 1px solid rgba(0, 191, 165, 0.2);
}

.status-pending,
.status-draft,
.status-reviewing,
.status-in_progress {
    background: rgba(21, 101, 192, 0.1);
    color: var(--cw-primary);
    border: 1px solid rgba(21, 101, 192, 0.2);
}

/* 页面标题渐变文字 */
.page-title h1,
.header-left h1 {
    background: var(--cw-gradient-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 统计卡片图标颜色 */
.stat-icon-blue {
    background: rgba(21, 101, 192, 0.12);
    color: var(--cw-primary);
}

.stat-icon-green {
    background: rgba(0, 191, 165, 0.12);
    color: var(--cw-accent);
}

/* 进度条填充色 */
.progress-fill,
.progress-bar-fill {
    background: var(--cw-gradient);
}

/* 表格选中行 */
.data-table tbody tr.selected {
    background: rgba(0, 191, 165, 0.08);
}

/* 标签页激活下划线 */
.tab-btn.active {
    border-bottom-color: var(--cw-accent);
    color: var(--cw-primary-dark);
}

/* Toast成功通知 */
.toast-success {
    border-left: 4px solid var(--cw-accent);
}

.toast-info {
    border-left: 4px solid var(--cw-primary);
}

/* 加载进度条 */
.page-loader-bar {
    background: linear-gradient(90deg, 
        var(--cw-primary-dark) 0%, 
        var(--cw-primary) 30%, 
        var(--cw-accent) 60%, 
        var(--cw-primary-dark) 100%);
    background-size: 300% 100%;
    box-shadow: 0 0 10px rgba(0, 191, 165, 0.4);
}

/* 快捷键高亮 */
kbd {
    background: var(--cw-gradient-soft);
    color: var(--cw-primary-dark);
    border-color: rgba(21, 101, 192, 0.2);
}

/* 表单聚焦颜色 */
input:focus,
select:focus,
textarea:focus {
    border-color: var(--cw-accent);
    box-shadow: 
        0 0 0 3px rgba(0, 191, 165, 0.1),
        0 1px 2px rgba(255,255,255,0.8) inset,
        0 2px 8px rgba(0, 191, 165, 0.08);
}

/* 复选框和单选框 */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background: var(--cw-gradient);
    border-color: var(--cw-primary);
}

/* 滚动条 */
::-webkit-scrollbar-thumb {
    background: var(--cw-gradient);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--cw-primary-dark), var(--cw-accent-dark));
}

/* 背景装饰光斑颜色调整 */
.bg-orb-1 {
    background: radial-gradient(circle, rgba(13,71,161,0.15) 0%, transparent 70%);
}

.bg-orb-2 {
    background: radial-gradient(circle, rgba(0,191,165,0.12) 0%, transparent 70%);
}

/* 登录页背景 */
.login-container {
    background: linear-gradient(135deg, #0D47A1 0%, #1565C0 40%, #00BFA5 100%);
}

/* 移动端底部导航激活色 */
.bottom-nav-item.active {
    color: var(--cw-accent);
}

.bottom-nav-item.active i {
    color: var(--cw-accent);
}

/* FAB按钮颜色 */
.fab {
    background: var(--cw-gradient);
    box-shadow: 
        0 1px 2px rgba(255,255,255,0.3) inset,
        0 4px 12px rgba(13,71,161,0.3),
        0 8px 24px rgba(0,191,165,0.2);
}


/* ============================================================
   Logo优化 v6.1 - 放大尺寸 + 背景融合
   ============================================================ */

/* 侧边栏Logo - 放大尺寸 */
.sidebar-logo {
    padding: 24px 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    margin-bottom: 16px;
    background: linear-gradient(180deg, 
        rgba(13, 71, 161, 0.03) 0%, 
        rgba(0, 191, 165, 0.02) 100%);
}

.sidebar-logo-img {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: 72px;
    object-fit: contain;
    filter: 
        drop-shadow(0 2px 6px rgba(13, 71, 161, 0.12))
        drop-shadow(0 4px 12px rgba(0, 191, 165, 0.08));
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0.95;
}

.sidebar-logo-img:hover {
    filter: 
        drop-shadow(0 4px 10px rgba(13, 71, 161, 0.2))
        drop-shadow(0 8px 20px rgba(0, 191, 165, 0.12));
    transform: scale(1.03);
    opacity: 1;
}

/* 登录页Logo - 放大尺寸 */
.login-logo {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.login-logo::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    height: 120px;
    background: radial-gradient(ellipse, 
        rgba(255, 255, 255, 0.15) 0%, 
        transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.login-logo img {
    max-width: 340px;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    filter: 
        drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15))
        drop-shadow(0 8px 24px rgba(0, 0, 0, 0.1));
    transition: all 0.4s ease;
}

.login-logo img:hover {
    filter: 
        drop-shadow(0 6px 16px rgba(0, 0, 0, 0.2))
        drop-shadow(0 12px 32px rgba(0, 0, 0, 0.15));
    transform: scale(1.02);
}

/* 移动端Logo适配 */
@media (max-width: 768px) {
    .sidebar-logo-img {
        max-height: 56px;
    }
    
    .login-logo img {
        max-width: 260px;
    }
}


/* ============================================================
   Logo间距优化 v6.2 - 减小logo与导航间距
   ============================================================ */

.sidebar-logo {
    padding: 16px 12px 10px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.sidebar-logo-img {
    max-height: 60px !important;
    margin-bottom: 0 !important;
}

/* 导航菜单顶部间距调整 */
.sidebar-nav {
    padding-top: 4px !important;
}


/* ============================================================
   统计卡片样式修复 - 统一Apple毛玻璃风格
   ============================================================ */

.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

.stat-card {
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    position: relative;
    overflow: hidden;
}

.stat-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
}

.stat-icon-blue {
    background: linear-gradient(135deg, rgba(13, 71, 161, 0.15), rgba(21, 101, 192, 0.1));
    color: #0D47A1;
}

.stat-icon-green {
    background: linear-gradient(135deg, rgba(52, 199, 89, 0.15), rgba(0, 191, 165, 0.1));
    color: #34C759;
}

.stat-icon-orange {
    background: linear-gradient(135deg, rgba(255, 149, 0, 0.15), rgba(255, 159, 10, 0.1));
    color: #FF9500;
}

.stat-icon-purple {
    background: linear-gradient(135deg, rgba(175, 82, 222, 0.15), rgba(191, 90, 242, 0.1));
    color: #AF52DE;
}

.stat-icon-red {
    background: linear-gradient(135deg, rgba(255, 59, 48, 0.15), rgba(255, 69, 58, 0.1));
    color: #FF3B30;
}

.stat-content {
    flex: 1;
    min-width: 0;
}

.stat-label {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-value {
    font-size: 24px;
    font-weight: 700;
    color: #1c1c1e;
    line-height: 1.2;
}

/* 响应式 */
@media (max-width: 1200px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }
    .stat-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }
    .stat-icon svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
    }
    .stat-value {
        font-size: 20px;
    }
}