/**
 * GitHub Light Theme 风格样式
 * 对应 style.css 的亮色版本
 * 建材效果图图床系统
 * 
 * 注意：此文件必须在 style.css 之后加载，通过 [data-theme="light"] 选择器控制
 */

/* ========================================
   CSS变量 - GitHub Light Theme
   使用 [data-theme="light"] 选择器
   ======================================== */
[data-theme="light"] {
    /* 字体系统（与暗色主题相同） */
    --font-family: "Readex Pro", -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* GitHub Light 主题配色 */
    --bg-primary: #ffffff;
    --bg-secondary: #f6f8fa;
    --bg-tertiary: #ffffff;
    --bg-canvas: #ffffff;
    
    /* 边框和分隔线 */
    --border-primary: #d0d7de;
    --border-secondary: #d8dee4;
    
    /* 文字颜色 */
    --text-primary: #24292f;
    --text-secondary: #57606a;
    --text-muted: #656d76;
    
    /* 强调色 - GitHub蓝 */
    --accent-primary: #0969da;
    --accent-hover: #0860ca;
    --accent-emphasis: #0550ae;
    
    /* 功能色 */
    --success: #1a7f37;
    --warning: #9a6700;
    --danger: #cf222e;
    
    /* 卡片和按钮 */
    --btn-bg: #f6f8fa;
    --btn-hover-bg: #f3f4f6;
    --card-bg: #ffffff;
    --card-hover-bg: #f6f8fa;
}

/* ========================================
   平滑过渡动画 - 全局应用
   ======================================== */
[data-theme="light"] * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* ========================================
   全局样式覆盖 - 仅对亮色主题生效
   ======================================== */
[data-theme="light"] html {
    background-color: var(--bg-primary) !important;
}

[data-theme="light"] html,
[data-theme="light"] body {
    font-family: var(--font-family) !important;
    font-size: 14px !important;
    font-weight: var(--font-weight-normal) !important;
    color: var(--text-primary) !important;
    background-color: var(--bg-primary) !important;
    line-height: 1.6 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Bootstrap组件颜色覆盖 */
[data-theme="light"] .container,
[data-theme="light"] .container-fluid {
    color: var(--text-primary) !important;
}

/* ========================================
   导航栏 - GitHub Light风格
   ======================================== */
[data-theme="light"] .navbar {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .navbar-brand {
    color: var(--text-primary) !important;
}

[data-theme="light"] .navbar-brand i {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .nav-link {
    color: var(--text-primary) !important;
}

[data-theme="light"] .nav-link:hover {
    color: var(--accent-primary) !important;
    background-color: var(--btn-hover-bg) !important;
}

[data-theme="light"] .nav-link.active {
    color: var(--text-primary) !important;
}

[data-theme="light"] .dropdown-menu {
    background-color: var(--bg-tertiary) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .dropdown-item {
    color: var(--text-primary) !important;
}

[data-theme="light"] .dropdown-item:hover {
    background-color: var(--btn-hover-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .dropdown-header {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .dropdown-divider {
    border-color: var(--border-primary) !important;
}

/* ========================================
   轮播图 - GitHub Light风格
   ======================================== */
[data-theme="light"] .carousel {
    border-bottom: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .carousel-caption {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .carousel-caption h3 {
    color: var(--text-primary) !important;
}

/* ========================================
   统计信息条 - GitHub Light风格
   ======================================== */
[data-theme="light"] .stats-section {
    background-color: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-primary) !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .stats-section h5 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .stats-section .text-primary {
    color: var(--accent-primary) !important;
}

/* ========================================
   区块标题 - GitHub Light风格
   ======================================== */
[data-theme="light"] .section-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .section-header .text-muted {
    color: var(--text-secondary) !important;
}

/* ========================================
   快捷分类卡片 - GitHub Light风格
   ======================================== */
[data-theme="light"] .categories-section {
    background-color: var(--bg-primary) !important;
}

[data-theme="light"] .category-card-hover {
    border: 1px solid var(--border-primary) !important;
    background-color: var(--card-bg) !important;
}

[data-theme="light"] .category-card-hover:hover {
    border-color: var(--accent-primary) !important;
    background-color: var(--card-hover-bg) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .category-card-hover .card-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .category-icon i {
    color: var(--accent-primary) !important;
}

/* ========================================
   图片卡片 - GitHub Light风格
   ======================================== */
[data-theme="light"] .recommended-section,
[data-theme="light"] .latest-section {
    background-color: var(--bg-primary) !important;
}

[data-theme="light"] .recommended-section.bg-light {
    background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .minimal-image-card {
    border: 1px solid var(--border-primary) !important;
    background: var(--bg-tertiary) !important;
    /* 初始状态的微妙阴影 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* 卡片hover效果 - 多层阴影+光晕（与暗色模式逻辑一致） */
[data-theme="light"] .minimal-image-card:hover {
    border-color: var(--accent-primary) !important;
    /* 增强阴影 - 创造悬浮感（亮色模式适配） */
    box-shadow: 
        0 12px 24px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(9, 105, 218, 0.2),
        0 4px 12px rgba(9, 105, 218, 0.25) !important;
}

/* 图片缩略图过渡效果（与暗色模式一致） */
[data-theme="light"] .minimal-image-thumb {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 图片缩放效果（与暗色模式一致） */
[data-theme="light"] .minimal-image-card:hover .minimal-image-thumb {
    transform: scale(1.05) !important;
}

/* 信息栏默认状态 */
[data-theme="light"] .image-info-overlay {
    background: rgba(255, 255, 255, 0.95) !important;
    border-top: 1px solid rgba(9, 105, 218, 0.15) !important;
}

/* 信息栏hover状态 - 渐变加深（与暗色模式逻辑一致） */
[data-theme="light"] .minimal-image-card:hover .image-info-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 1) 100%) !important;
    border-top-color: rgba(9, 105, 218, 0.3) !important;
}

[data-theme="light"] .image-title-minimal {
    color: var(--text-primary) !important;
}

[data-theme="light"] .image-meta-minimal {
    color: var(--text-secondary) !important;
}

/* 悬停按钮组 - 亮色模式适配（与暗色模式逻辑一致） */
[data-theme="light"] .image-hover-actions {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="light"] .minimal-image-card:hover .image-hover-actions {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

/* 悬停按钮基础样式 - 亮色模式（与暗色模式逻辑一致） */
[data-theme="light"] .image-action-btn {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(9, 105, 218, 0.3) !important;
    border-radius: 6px !important;
    color: rgba(36, 41, 47, 0.9) !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

/* 悬停按钮hover效果 - 蓝色高亮（与暗色模式逻辑一致） */
[data-theme="light"] .image-action-btn:hover {
    background: rgba(9, 105, 218, 0.9) !important;
    border-color: rgba(9, 105, 218, 1) !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(9, 105, 218, 0.4) !important;
}

/* 悬停按钮激活效果 */
[data-theme="light"] .image-action-btn:active {
    transform: scale(0.95) !important;
}

[data-theme="light"] .image-action-btn i {
    font-size: 16px !important;
}

[data-theme="light"] .image-wrapper {
    background: var(--bg-tertiary) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .image-overlay {
    background: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="light"] .image-badge {
    background: rgba(255, 255, 255, 0.95) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .image-info {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-primary) !important;
}

/* ========================================
   列表/瀑布流页顶部工具栏文字提亮
   (统计文字、筛选/重置按钮、搜索相关)
   ======================================== */
[data-theme="light"] .toolbar-info .text-muted,
[data-theme="light"] .toolbar-info,
[data-theme="light"] .toolbar-actions,
[data-theme="light"] .btn-filter-minimal,
[data-theme="light"] .btn-filter-reset {
    color: var(--text-primary) !important;
}

[data-theme="light"] .toolbar-actions .form-control {
    color: var(--text-primary) !important;
}

[data-theme="light"] .toolbar-actions .form-control::placeholder {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .image-title {
    color: var(--text-primary) !important;
}

/* ========================================
   系列卡片 - GitHub Light风格
   ======================================== */
[data-theme="light"] .series-section {
    background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .series-card {
    border: 1px solid var(--border-primary) !important;
    background-color: var(--card-bg) !important;
}

[data-theme="light"] .series-card:hover {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .series-card .card-body {
    background-color: var(--card-bg) !important;
}

[data-theme="light"] .series-card .card-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .series-card .card-text {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .series-image-placeholder {
    background: var(--bg-tertiary) !important;
    color: var(--text-muted) !important;
}

/* ========================================
   页脚 - GitHub Light风格
   ======================================== */
[data-theme="light"] .footer {
    background: var(--bg-canvas) !important;
    color: var(--text-secondary) !important;
    border-top: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .footer h5 {
    color: var(--text-primary) !important;
}

/* ========================================
   按钮 - GitHub Light风格
   ======================================== */
[data-theme="light"] .btn-primary {
    background: var(--accent-emphasis) !important;
    border: 1px solid rgba(240, 246, 252, 0.1) !important;
    color: #ffffff !important;
}

[data-theme="light"] .btn-primary:hover {
    background: var(--accent-primary) !important;
}

[data-theme="light"] .btn-outline-primary {
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
    background: transparent !important;
}

[data-theme="light"] .btn-outline-primary:hover {
    background: var(--btn-hover-bg) !important;
    border-color: var(--accent-primary) !important;
    color: var(--accent-primary) !important;
}

[data-theme="light"] .btn-light {
    background: var(--btn-bg) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .btn-light:hover {
    background: var(--btn-hover-bg) !important;
    color: var(--text-primary) !important;
}

/* btn-outline-secondary 样式 */
[data-theme="light"] .btn-outline-secondary {
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
    background: transparent !important;
}

[data-theme="light"] .btn-outline-secondary:hover {
    background: var(--btn-hover-bg) !important;
    border-color: var(--accent-primary) !important;
    color: var(--accent-primary) !important;
}

/* btn-outline-secondary 激活状态 - 蓝色背景显示白色文字 */
[data-theme="light"] .btn-outline-secondary.active,
[data-theme="light"] .btn-group .btn-outline-secondary.active {
    background: var(--accent-emphasis) !important;
    border-color: var(--accent-emphasis) !important;
    color: #ffffff !important;
}

/* btn-group 中所有按钮的激活状态 - 蓝色背景显示白色文字 */
[data-theme="light"] .btn-group .btn.active {
    background: var(--accent-emphasis) !important;
    border-color: var(--accent-emphasis) !important;
    color: #ffffff !important;
}

/* ========================================
   通用样式覆盖 - GitHub Light风格
   ======================================== */
[data-theme="light"] .text-muted {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .bg-light {
    background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .bg-dark {
    background-color: var(--bg-canvas) !important;
}

[data-theme="light"] .border {
    border-color: var(--border-primary) !important;
}

[data-theme="light"] .border-bottom {
    border-bottom-color: var(--border-primary) !important;
}

[data-theme="light"] .border-top {
    border-top-color: var(--border-primary) !important;
}

[data-theme="light"] a {
    color: var(--accent-primary) !important;
}

[data-theme="light"] a:hover {
    color: var(--accent-hover) !important;
}

[data-theme="light"] .breadcrumb {
    background-color: transparent !important;
}

[data-theme="light"] .breadcrumb-item {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .breadcrumb-item.active {
    color: var(--text-primary) !important;
}

[data-theme="light"] .breadcrumb-item + .breadcrumb-item::before {
    color: var(--text-muted) !important;
}

[data-theme="light"] .breadcrumb-item a {
    color: var(--accent-primary) !important;
}

[data-theme="light"] .breadcrumb-item a:hover {
    color: var(--accent-hover) !important;
}

[data-theme="light"] .badge.bg-primary {
    background-color: var(--accent-emphasis) !important;
}

[data-theme="light"] .badge.bg-secondary {
    background-color: var(--btn-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .badge.bg-success {
    background-color: var(--success) !important;
}

[data-theme="light"] .badge.bg-warning {
    background-color: var(--warning) !important;
    color: #ffffff !important;
}

[data-theme="light"] .badge.bg-light {
    background-color: var(--btn-bg) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .text-primary {
    color: var(--accent-primary) !important;
}

[data-theme="light"] .text-warning {
    color: var(--warning) !important;
}

/* 搜索框 */
[data-theme="light"] .form-control {
    background-color: var(--bg-tertiary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .form-control:focus {
    background-color: var(--bg-secondary) !important;
    border-color: var(--accent-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.1) !important;
}

[data-theme="light"] .form-control::placeholder {
    color: var(--text-muted) !important;
}

/* 分页样式 - GitHub Light风格 */
[data-theme="light"] .page-link {
    background-color: transparent !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .page-link:hover {
    background-color: var(--btn-hover-bg) !important;
    border-color: var(--accent-primary) !important;
    color: var(--accent-primary) !important;
}

[data-theme="light"] .page-link:focus {
    background-color: var(--btn-hover-bg) !important;
    box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.1) !important;
}

[data-theme="light"] .page-item.active .page-link {
    background-color: var(--accent-emphasis) !important;
    border-color: var(--accent-emphasis) !important;
    color: #ffffff !important;
}

[data-theme="light"] .page-item.disabled .page-link {
    background-color: transparent !important;
    border-color: var(--border-primary) !important;
    color: var(--text-muted) !important;
}

/* 表格样式 - GitHub Light风格 */
[data-theme="light"] .table {
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="light"] .table thead {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-bottom: 2px solid var(--border-primary) !important;
}

[data-theme="light"] .table tbody tr {
    background-color: var(--card-bg) !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .table tbody tr:hover {
    background-color: var(--card-hover-bg) !important;
}

[data-theme="light"] .table td,
[data-theme="light"] .table th {
    border-color: var(--border-primary) !important;
}

/* 警告框样式 - GitHub Light风格 */
[data-theme="light"] .alert {
    border-radius: 6px !important;
    border: 1px solid !important;
}

[data-theme="light"] .alert-success {
    background-color: rgba(26, 127, 55, 0.1) !important;
    border-color: var(--success) !important;
    color: var(--success) !important;
}

[data-theme="light"] .alert-warning {
    background-color: rgba(154, 103, 0, 0.1) !important;
    border-color: var(--warning) !important;
    color: var(--warning) !important;
}

[data-theme="light"] .alert-danger {
    background-color: rgba(207, 34, 46, 0.1) !important;
    border-color: var(--danger) !important;
    color: var(--danger) !important;
}

[data-theme="light"] .alert-info {
    background-color: rgba(9, 105, 218, 0.1) !important;
    border-color: var(--accent-primary) !important;
    color: var(--accent-primary) !important;
}

/* 徽章样式增强 */
[data-theme="light"] .badge.bg-dark {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Card组件通用样式 */
[data-theme="light"] .card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .card-header {
    background-color: var(--bg-tertiary) !important;
    border-bottom: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .card-body {
    color: var(--text-primary) !important;
}

[data-theme="light"] .card-footer {
    background-color: var(--bg-tertiary) !important;
    border-top: 1px solid var(--border-primary) !important;
}

/* 列表组样式 - GitHub Light风格 */
[data-theme="light"] .list-group-item {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .list-group-item:hover {
    background-color: var(--card-hover-bg) !important;
}

[data-theme="light"] .list-group-item.active {
    background-color: var(--accent-emphasis) !important;
    border-color: var(--accent-emphasis) !important;
    color: #ffffff !important;
}

/* 工具提示样式 */
[data-theme="light"] .tooltip-inner {
    background-color: var(--bg-canvas) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary) !important;
}

/* Navbar toggler - GitHub Light风格 */
[data-theme="light"] .navbar-toggler {
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .navbar-toggler-icon {
    filter: none !important;
}

[data-theme="light"] .navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.1) !important;
}

/* 滚动条全局样式 - GitHub Light风格 */
[data-theme="light"] ::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: var(--bg-primary) !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: var(--border-primary) !important;
    border-radius: 6px !important;
    border: 3px solid var(--bg-primary) !important;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted) !important;
}

/* 选择文本样式 */
[data-theme="light"] ::selection {
    background-color: rgba(9, 105, 218, 0.2) !important;
    color: var(--text-primary) !important;
}

/* Bootstrap 背景色覆盖 */
[data-theme="light"] .bg-white {
    background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .bg-light {
    background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .bg-dark {
    background-color: var(--bg-canvas) !important;
}

/* 修复文字颜色 */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
    color: var(--text-primary) !important;
}

[data-theme="light"] p {
    color: var(--text-primary) !important;
}

[data-theme="light"] small {
    color: var(--text-secondary) !important;
}

/* ========================================
   精选作品 - Masonry瀑布流布局
   ======================================== */
[data-theme="light"] .featured-gallery-section {
    background: var(--bg-primary) !important;
}

[data-theme="light"] .masonry-card {
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] .masonry-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent) !important;
}

[data-theme="light"] .masonry-overlay h5 {
    color: #fff !important;
}

[data-theme="light"] .masonry-overlay p {
    color: rgba(255,255,255,0.8) !important;
}

/* ========================================
   分类导航 - Pill风格
   ======================================== */
[data-theme="light"] .category-pill-content {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .category-pill:hover .category-pill-content {
    background: var(--accent-emphasis) !important;
    border-color: var(--accent-primary) !important;
    box-shadow: 0 4px 12px rgba(9, 105, 218, 0.2) !important;
}

[data-theme="light"] .category-pill i {
    color: var(--accent-primary) !important;
}

/* ========================================
   Pinterest瀑布流墙
   ======================================== */
[data-theme="light"] .pinterest-wall-item:hover {
    box-shadow: 0 8px 24px rgba(9, 105, 218, 0.2) !important;
}

[data-theme="light"] .pinterest-wall-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent) !important;
}

[data-theme="light"] .pinterest-wall-overlay p {
    color: #fff !important;
}

/* ========================================
   统计横幅
   ======================================== */
[data-theme="light"] .stats-banner {
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%) !important;
    border-top: 1px solid var(--border-primary) !important;
    border-bottom: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .stat-item h2 {
    color: var(--accent-primary) !important;
    text-shadow: 0 2px 8px rgba(9, 105, 218, 0.2) !important;
}

[data-theme="light"] .stat-item p {
    color: var(--text-secondary) !important;
}

/* ========================================
   最新上传轮播样式
   ======================================== */
[data-theme="light"] .latest-carousel-section {
    background: var(--bg-secondary) !important;
}

[data-theme="light"] .latest-carousel-inner {
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] #latestImagesCarousel .carousel-control-prev-icon,
[data-theme="light"] #latestImagesCarousel .carousel-control-next-icon {
    background-color: rgba(9, 105, 218, 0.8) !important;
}

[data-theme="light"] #latestImagesCarousel .carousel-indicators button {
    border: 2px solid var(--accent-primary) !important;
}

[data-theme="light"] #latestImagesCarousel .carousel-indicators button.active {
    background-color: var(--accent-primary) !important;
}

/* ========================================
   最热下载轮播样式
   ======================================== */
[data-theme="light"] .hot-carousel-inner {
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] #hotImagesCarousel .carousel-control-prev-icon,
[data-theme="light"] #hotImagesCarousel .carousel-control-next-icon {
    background-color: rgba(9, 105, 218, 0.8) !important;
}

[data-theme="light"] #hotImagesCarousel .carousel-indicators button {
    border: 2px solid var(--accent-primary) !important;
}

[data-theme="light"] #hotImagesCarousel .carousel-indicators button.active {
    background-color: var(--accent-primary) !important;
}

/* ========================================
   品牌价值区样式
   ======================================== */
[data-theme="light"] .brand-value-section {
    background: var(--bg-secondary) !important;
}

[data-theme="light"] .slogan-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .value-card {
    border: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .value-card:hover {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 8px 24px rgba(9, 105, 218, 0.2) !important;
}

[data-theme="light"] .value-icon {
    color: var(--accent-primary) !important;
}

[data-theme="light"] .value-card h5 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .value-card p {
    color: var(--text-secondary) !important;
}

/* ========================================
   本周热门样式（横向滚动）
   ======================================== */
[data-theme="light"] .hot-section {
    background: var(--bg-primary) !important;
}

[data-theme="light"] .hot-scroll-container::-webkit-scrollbar-track {
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] .hot-scroll-container::-webkit-scrollbar-thumb {
    background: var(--border-primary) !important;
}

[data-theme="light"] .hot-scroll-container::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted) !important;
}

[data-theme="light"] .hot-card {
    border: 1px solid var(--border-primary) !important;
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] .hot-card:hover {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 8px 24px rgba(9, 105, 218, 0.2) !important;
}

[data-theme="light"] .hot-card-info {
    background: rgba(255, 255, 255, 0.95) !important;
}

[data-theme="light"] .hot-card-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .hot-card-meta {
    color: var(--text-secondary) !important;
}

/* ========================================
   最新上传样式（3D景深轮播）
   ======================================== */
[data-theme="light"] .latest-section {
    background: var(--bg-secondary) !important;
}

[data-theme="light"] .latest-3d-item {
    background: var(--bg-canvas) !important;
}

[data-theme="light"] .latest-3d-info {
    background: rgba(255, 255, 255, 0.95) !important;
}

[data-theme="light"] .latest-3d-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .latest-3d-meta {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .latest-3d-prev,
[data-theme="light"] .latest-3d-next {
    background: rgba(9, 105, 218, 0.9) !important;
}

[data-theme="light"] .latest-3d-prev:hover,
[data-theme="light"] .latest-3d-next:hover {
    background: var(--accent-hover) !important;
}

[data-theme="light"] .latest-3d-dot {
    background: rgba(255, 255, 255, 0.5) !important;
    border: 2px solid var(--accent-primary) !important;
}

[data-theme="light"] .latest-3d-dot.active {
    background: var(--accent-primary) !important;
}

[data-theme="light"] .latest-3d-dot:hover {
    background: var(--accent-hover) !important;
}

/* ========================================
   设计师推荐样式（网格）
   ======================================== */
[data-theme="light"] .designer-pick-section {
    background: var(--bg-primary) !important;
}

[data-theme="light"] .designer-pick-card {
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] .designer-pick-card:hover {
    border-color: rgba(255, 215, 0, 0.6) !important;
    box-shadow: 0 8px 24px rgba(255, 215, 0, 0.2) !important;
}

[data-theme="light"] .star-badge {
    background: rgba(255, 215, 0, 0.95) !important;
    color: #000 !important;
}

[data-theme="light"] .designer-pick-card-info {
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] .designer-pick-card-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .designer-info {
    border-top: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .designer-avatar {
    border: 2px solid var(--accent-primary) !important;
}

[data-theme="light"] .designer-name {
    color: var(--text-primary) !important;
}

/* ========================================
   缩略图导航样式 - 多图功能
   ======================================== */
[data-theme="light"] .thumbnail-navigation {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%) !important;
}

[data-theme="light"] .thumbnail-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="light"] .thumbnail-container::-webkit-scrollbar-thumb {
    background: var(--accent-primary) !important;
}

[data-theme="light"] .thumbnail-container::-webkit-scrollbar-thumb:hover {
    background: var(--accent-hover) !important;
}

[data-theme="light"] .thumbnail-item {
    background: var(--bg-tertiary) !important;
}

[data-theme="light"] .thumbnail-item:hover {
    border-color: var(--accent-hover) !important;
    box-shadow: 0 4px 12px rgba(9, 105, 218, 0.2) !important;
}

[data-theme="light"] .thumbnail-item.active {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.2) !important;
}

[data-theme="light"] .thumbnail-badge {
    background: var(--warning) !important;
    color: #000 !important;
}

[data-theme="light"] .thumbnail-number {
    background: rgba(0, 0, 0, 0.8) !important;
    color: #fff !important;
}

/* ========================================
   加载动画 - GitHub Light风格
   ======================================== */
[data-theme="light"] .loading-overlay {
    background: rgba(255, 255, 255, 0.95) !important;
}

[data-theme="light"] .loading-spinner {
    border: 3px solid var(--border-primary) !important;
    border-top: 3px solid var(--accent-primary) !important;
}

/* ========================================
   图片预览 Lightbox - 亮色主题适配
   注意：使用高优先级选择器覆盖内联样式和基础样式
   使用 html[data-theme="light"] 增加选择器特异性
   ======================================== */

/* Lightbox 主容器背景 - 覆盖内联样式 */
html[data-theme="light"] #customLightbox,
[data-theme="light"] #customLightbox {
    background: rgba(255, 255, 255, 0.98) !important;
}

/* 右侧详情面板 - 最高优先级覆盖 */
html[data-theme="light"] #customLightbox .lightbox-sidebar-right,
html[data-theme="light"] .lightbox-sidebar-right,
[data-theme="light"] #customLightbox .lightbox-sidebar-right,
[data-theme="light"] .lightbox-sidebar-right {
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15) !important;
    color: var(--text-primary) !important;
}

/* 标题 - 100% 深色（最重要） */
html[data-theme="light"] #customLightbox .lightbox-title,
html[data-theme="light"] .lightbox-title,
[data-theme="light"] #customLightbox .lightbox-title,
[data-theme="light"] .lightbox-title {
    color: rgba(36, 41, 47, 1) !important; /* 100% - 最重要 */
}

/* 详情区块标题 - 80% 深色（次要标题） */
html[data-theme="light"] #customLightbox .detail-section h6,
html[data-theme="light"] .detail-section h6,
[data-theme="light"] #customLightbox .detail-section h6,
[data-theme="light"] .detail-section h6 {
    color: rgba(36, 41, 47, 0.8) !important; /* 80% - 次要标题 */
}

/* 详情项标签 - 65% 深色（辅助标签） */
html[data-theme="light"] #customLightbox .detail-label,
html[data-theme="light"] .detail-label,
[data-theme="light"] #customLightbox .detail-label,
[data-theme="light"] .detail-label {
    color: rgba(36, 41, 47, 0.65) !important; /* 65% - 辅助标签 */
}

/* 详情项值 - 90% 深色（重要信息） */
html[data-theme="light"] #customLightbox .detail-value,
html[data-theme="light"] .detail-value,
[data-theme="light"] #customLightbox .detail-value,
[data-theme="light"] .detail-value {
    color: rgba(36, 41, 47, 0.9) !important; /* 90% - 重要信息 */
}

/* 详情描述文字 - 80% 深色（次要标题级别） */
html[data-theme="light"] #customLightbox .detail-section p,
html[data-theme="light"] .detail-section p,
[data-theme="light"] #customLightbox .detail-section p,
[data-theme="light"] .detail-section p,
html[data-theme="light"] #customLightbox .detail-section p.text-light,
html[data-theme="light"] .detail-section p.text-light,
[data-theme="light"] #customLightbox .detail-section p.text-light,
[data-theme="light"] .detail-section p.text-light {
    color: rgba(36, 41, 47, 0.8) !important; /* 80% - 次要标题级别 */
}

/* 分隔线 */
html[data-theme="light"] #customLightbox .detail-section,
html[data-theme="light"] .detail-section,
[data-theme="light"] #customLightbox .detail-section,
[data-theme="light"] .detail-section {
    border-bottom-color: var(--border-primary) !important;
}

/* 标签徽章 - 75% 深色（标签文字） */
html[data-theme="light"] #customLightbox .detail-tags .badge,
html[data-theme="light"] .detail-tags .badge,
[data-theme="light"] #customLightbox .detail-tags .badge,
[data-theme="light"] .detail-tags .badge {
    background-color: var(--btn-bg) !important;
    color: rgba(36, 41, 47, 0.75) !important; /* 75% - 标签文字 */
    border: 1px solid var(--border-primary) !important;
}

html[data-theme="light"] #customLightbox .detail-tags .badge.bg-secondary,
html[data-theme="light"] .detail-tags .badge.bg-secondary,
[data-theme="light"] #customLightbox .detail-tags .badge.bg-secondary,
[data-theme="light"] .detail-tags .badge.bg-secondary {
    background-color: var(--btn-bg) !important;
    color: rgba(36, 41, 47, 0.75) !important; /* 75% - 标签文字 */
}

/* 设计师信息卡片 */
html[data-theme="light"] #customLightbox .designer-item,
html[data-theme="light"] .designer-item,
[data-theme="light"] #customLightbox .designer-item,
[data-theme="light"] .designer-item {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-primary) !important;
}

html[data-theme="light"] #customLightbox .designer-item:hover,
html[data-theme="light"] .designer-item:hover,
[data-theme="light"] #customLightbox .designer-item:hover,
[data-theme="light"] .designer-item:hover {
    background: var(--card-hover-bg) !important;
}

html[data-theme="light"] #customLightbox .designer-avatar-placeholder,
html[data-theme="light"] .designer-avatar-placeholder,
[data-theme="light"] #customLightbox .designer-avatar-placeholder,
[data-theme="light"] .designer-avatar-placeholder {
    background: var(--bg-tertiary) !important;
    color: var(--text-muted) !important;
}

/* 设计师名称 - 90% 深色（重要信息） */
html[data-theme="light"] #customLightbox .detail-designers .designer-name,
html[data-theme="light"] .detail-designers .designer-name,
[data-theme="light"] #customLightbox .detail-designers .designer-name,
[data-theme="light"] .detail-designers .designer-name {
    color: rgba(36, 41, 47, 0.9) !important; /* 90% - 重要信息 */
}

/* 设计师职位 - 55% 深色（次要信息） */
html[data-theme="light"] #customLightbox .detail-designers .designer-category-badge-small,
html[data-theme="light"] .detail-designers .designer-category-badge-small,
[data-theme="light"] #customLightbox .detail-designers .designer-category-badge-small,
[data-theme="light"] .detail-designers .designer-category-badge-small {
    color: rgba(36, 41, 47, 0.55) !important; /* 55% - 次要信息 */
}

/* 关闭按钮 */
html[data-theme="light"] #customLightbox .lightbox-close,
html[data-theme="light"] .lightbox-close,
[data-theme="light"] #customLightbox .lightbox-close,
[data-theme="light"] .lightbox-close {
    background: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-primary) !important;
}

html[data-theme="light"] #customLightbox .lightbox-close:hover,
html[data-theme="light"] .lightbox-close:hover,
[data-theme="light"] #customLightbox .lightbox-close:hover,
[data-theme="light"] .lightbox-close:hover {
    background: rgba(0, 0, 0, 0.2) !important;
}

/* 导航箭头 */
html[data-theme="light"] #customLightbox .lightbox-nav,
html[data-theme="light"] .lightbox-nav,
[data-theme="light"] #customLightbox .lightbox-nav,
[data-theme="light"] .lightbox-nav {
    background: rgba(0, 0, 0, 0.1) !important;
    color: var(--text-primary) !important;
}

html[data-theme="light"] #customLightbox .lightbox-nav:hover,
html[data-theme="light"] .lightbox-nav:hover,
[data-theme="light"] #customLightbox .lightbox-nav:hover,
[data-theme="light"] .lightbox-nav:hover {
    background: rgba(0, 0, 0, 0.2) !important;
}

/* 缩略图导航底部容器 */
[data-theme="light"] #customLightbox .thumbnail-navigation-bottom,
[data-theme="light"] .thumbnail-navigation-bottom {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 100%) !important;
    border: 1px solid var(--border-primary) !important;
}

/* 缩略图项 */
[data-theme="light"] #customLightbox .thumbnail-item,
[data-theme="light"] .thumbnail-item {
    background: var(--bg-tertiary) !important;
    border: 2px solid var(--border-primary) !important;
}

[data-theme="light"] #customLightbox .thumbnail-item:hover,
[data-theme="light"] .thumbnail-item:hover {
    border-color: var(--accent-hover) !important;
    box-shadow: 0 4px 12px rgba(9, 105, 218, 0.2) !important;
}

[data-theme="light"] #customLightbox .thumbnail-item.active,
[data-theme="light"] .thumbnail-item.active {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.2) !important;
}

/* 缩略图徽章 */
[data-theme="light"] #customLightbox .thumbnail-badge,
[data-theme="light"] .thumbnail-badge {
    background: var(--warning) !important;
    color: #000 !important;
}

[data-theme="light"] #customLightbox .thumbnail-number,
[data-theme="light"] .thumbnail-number {
    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
}

/* 缩略图容器滚动条 */
[data-theme="light"] #customLightbox .thumbnail-navigation-bottom .thumbnail-container::-webkit-scrollbar-track,
[data-theme="light"] .thumbnail-navigation-bottom .thumbnail-container::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] #customLightbox .thumbnail-navigation-bottom .thumbnail-container::-webkit-scrollbar-thumb,
[data-theme="light"] .thumbnail-navigation-bottom .thumbnail-container::-webkit-scrollbar-thumb {
    background: var(--accent-primary) !important;
}

/* 右侧面板滚动条 */
[data-theme="light"] #customLightbox .lightbox-sidebar-right::-webkit-scrollbar-thumb,
[data-theme="light"] .lightbox-sidebar-right::-webkit-scrollbar-thumb {
    background: var(--border-primary) !important;
}

[data-theme="light"] #customLightbox .lightbox-sidebar-right::-webkit-scrollbar-thumb:hover,
[data-theme="light"] .lightbox-sidebar-right::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted) !important;
}

[data-theme="light"] #customLightbox .lightbox-sidebar-right::-webkit-scrollbar-track,
[data-theme="light"] .lightbox-sidebar-right::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05) !important;
}

/* 图片包裹器阴影调整 */
[data-theme="light"] #customLightbox .lightbox-image-wrapper img,
[data-theme="light"] .lightbox-image-wrapper img {
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3) !important;
}

/* 下载按钮组 */
[data-theme="light"] #customLightbox .detail-actions .btn-group .btn,
[data-theme="light"] .detail-actions .btn-group .btn {
    border-color: var(--border-primary) !important;
}

/* 小号文字提示 */
[data-theme="light"] #customLightbox .detail-actions small.text-muted,
[data-theme="light"] .detail-actions small.text-muted {
    color: var(--text-secondary) !important;
}

/* 加载动画 */
[data-theme="light"] #customLightbox .lightbox-info .spinner-border,
[data-theme="light"] .lightbox-info .spinner-border {
    color: var(--accent-primary) !important;
}

[data-theme="light"] #customLightbox .lightbox-info .spinner-border.text-light,
[data-theme="light"] .lightbox-info .spinner-border.text-light {
    color: var(--accent-primary) !important;
}

/* 警告框（如加载失败提示） */
[data-theme="light"] #customLightbox #lightboxInfo .alert,
[data-theme="light"] #lightboxInfo .alert {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] #customLightbox #lightboxInfo .alert-danger,
[data-theme="light"] #lightboxInfo .alert-danger {
    background-color: rgba(207, 34, 46, 0.1) !important;
    border-color: var(--danger) !important;
    color: var(--danger) !important;
}

/* ========================================
   用户中心 - 亮色主题适配 + 文字层次
   ======================================== */

/* 用户侧边栏 */
[data-theme="light"] .user-sidebar {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* 用户头像 */
[data-theme="light"] .user-avatar-large {
    background: var(--bg-secondary) !important;
    border: 2px solid var(--border-primary) !important;
}

[data-theme="light"] .user-avatar-large i {
    color: var(--text-muted) !important;
}

/* 用户名 - 100% 深色（最重要） */
[data-theme="light"] .user-sidebar h5 {
    color: rgba(36, 41, 47, 1) !important; /* 100% */
}

/* 邮箱 - 55% 深色（次要信息） */
[data-theme="light"] .user-sidebar .text-muted,
[data-theme="light"] .user-sidebar .text-muted.small {
    color: rgba(36, 41, 47, 0.55) !important; /* 55% */
}

/* 统计区域 */
[data-theme="light"] .user-stats {
    border-top-color: var(--border-primary) !important;
}

/* 统计数字 - 100% 深色（最重要） */
[data-theme="light"] .stat-value {
    color: rgba(36, 41, 47, 1) !important; /* 100% */
}

/* 统计标签 - 55% 深色（次要信息） */
[data-theme="light"] .stat-label {
    color: rgba(36, 41, 47, 0.55) !important; /* 55% */
}

/* 导航菜单项 */
[data-theme="light"] .user-sidebar .list-group-item {
    background: transparent !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .user-sidebar .list-group-item:hover {
    background: var(--bg-secondary) !important;
}

[data-theme="light"] .user-sidebar .list-group-item.active {
    background: var(--accent-emphasis) !important;
    color: #ffffff !important;
}

[data-theme="light"] .user-sidebar .list-group-item.active i {
    color: #ffffff !important;
}

/* 卡片容器 */
[data-theme="light"] .tab-content-panel .card {
    background: var(--bg-tertiary) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/* 卡片头部 */
[data-theme="light"] .tab-content-panel .card-header {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-primary) !important;
}

/* 卡片标题 - 90% 深色（重要信息） */
[data-theme="light"] .tab-content-panel .card-header h5 {
    color: rgba(36, 41, 47, 0.9) !important; /* 90% */
}

/* 卡片内容区 */
[data-theme="light"] .tab-content-panel .card-body {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* 表单标签 - 65% 深色（辅助标签） */
[data-theme="light"] .tab-content-panel .form-label {
    color: rgba(36, 41, 47, 0.65) !important; /* 65% */
}

/* 表单输入框 */
[data-theme="light"] .tab-content-panel .form-control {
    background: var(--bg-primary) !important;
    color: rgba(36, 41, 47, 0.9) !important; /* 90% - 重要信息 */
    border-color: var(--border-primary) !important;
}

[data-theme="light"] .tab-content-panel .form-control:focus {
    background: var(--bg-primary) !important;
    color: rgba(36, 41, 47, 0.9) !important; /* 90% */
    border-color: var(--accent-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(9, 105, 218, 0.25) !important;
}

[data-theme="light"] .tab-content-panel .form-control::placeholder {
    color: var(--text-muted) !important;
}

[data-theme="light"] .tab-content-panel .form-control:disabled {
    background: var(--bg-secondary) !important;
    color: rgba(36, 41, 47, 0.55) !important; /* 55% - 次要信息 */
}

/* 提示文字 - 55% 深色（次要信息） */
[data-theme="light"] .tab-content-panel .form-text,
[data-theme="light"] .tab-content-panel small.text-muted {
    color: rgba(36, 41, 47, 0.55) !important; /* 55% */
}

/* 历史记录列表项 */
[data-theme="light"] .history-item {
    background: var(--bg-tertiary) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="light"] .history-item:hover {
    background: var(--bg-secondary) !important;
    border-color: var(--accent-primary) !important;
    box-shadow: 0 4px 12px rgba(9, 105, 218, 0.2) !important;
}

/* 历史记录缩略图 */
[data-theme="light"] .history-thumbnail {
    border-color: var(--border-primary) !important;
}

/* 历史记录标题 - 90% 深色（重要信息） */
[data-theme="light"] .history-info h6 {
    color: rgba(36, 41, 47, 0.9) !important; /* 90% */
}

/* 历史记录辅助信息 - 55% 深色（次要信息） */
[data-theme="light"] .history-info .text-muted {
    color: rgba(36, 41, 47, 0.55) !important; /* 55% */
}

/* 空状态 */
[data-theme="light"] .empty-state {
    color: rgba(36, 41, 47, 0.55) !important; /* 55% */
}

[data-theme="light"] .empty-state i {
    color: var(--text-muted) !important;
}

/* 头像编辑遮罩层 - 亮色模式适配 */
[data-theme="light"] .avatar-edit-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
    color: #ffffff !important;
}

[data-theme="light"] .avatar-edit-overlay i,
[data-theme="light"] .avatar-edit-overlay span {
    color: #ffffff !important;
}

[data-theme="light"] .avatar-edit-overlay .spinner-border {
    border-color: #ffffff !important;
    border-right-color: transparent !important;
}

/* 响应式 - 移动端统计项分隔线 */
@media (max-width: 576px) {
    [data-theme="light"] .stat-item {
        border-bottom-color: var(--border-primary) !important;
    }
}

/* ========================================
   用户中心表格 - 亮色模式
   确保表格在卡片内正确显示
   ======================================== */

/* 表格在用户中心卡片内，行背景透明，显示卡片背景 */
[data-theme="light"] .tab-content-panel .table {
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="light"] .tab-content-panel .table thead {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-primary) !important;
}

[data-theme="light"] .tab-content-panel .table thead th {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="light"] .tab-content-panel .table tbody tr {
    background-color: transparent !important;
    border-bottom-color: var(--border-primary) !important;
}

[data-theme="light"] .tab-content-panel .table tbody tr:hover {
    background-color: var(--card-hover-bg) !important;
}

[data-theme="light"] .tab-content-panel .table tbody td {
    background-color: transparent !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .tab-content-panel .table td,
[data-theme="light"] .tab-content-panel .table th {
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .tab-content-panel .table tbody td small.text-muted {
    color: var(--text-secondary) !important;
}