/* Light Theme Styles | 浅色主题样式 */
body.light-theme {
    --primary: #4a90e2;
    --secondary: #5a6c8a;
    --accent: #34cceb;
    --dark: #1a3a7a;
    --light: #f8f9fa;
    --gray: #5a708a;
    --text-primary: #333333;
    --text-secondary: #666666;
    --bg-primary: #ffffff;
    --bg-secondary: #f5f7fa;
    --bg-tertiary: #e9ecef;
    --border: rgba(0, 0, 0, 0.1);
    --shadow: rgba(0, 0, 0, 0.1);
    --card-bg: rgba(255, 255, 255, 0.9);
    --card-border: rgba(0, 0, 0, 0.1);
    --card-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    --link-color: #4a90e2;
    --link-hover-color: #2a6bc6;
    --link-visited-color: #6a5acd;
    
    /* Module Container Variables for Light Theme | 浅色主题模块容器变量 */
    --education-color: #3498db;
    --publication-color: #2ecc71;
    --experience-color: #e74c3c;
    --employment-color: #f39c12;
    --honor-color: #9b59b6;
    --teaching-color: #1abc9c;
    --reviewer-color: #02bd14;
    --patent-color: #8eb446;
    
    --module-card-bg: #ffffff;
    --module-border-color: rgba(0, 0, 0, 0.15);
    --module-text-color: #333333;
    --module-secondary-text-color: #666666;
    --module-tag-bg: #f0f0f0;
    --module-tag-color: #555555;
    --module-tag-hover-bg: #e0e0e0;
    
    /* Text background colors for modules | 模块文字背景颜色 */
    --text-bg-education: rgba(52, 152, 219, 0.1);
    --text-bg-education-hover: rgba(52, 152, 219, 0.2);
    --text-bg-employment: rgba(243, 156, 18, 0.1);
    --text-bg-employment-hover: rgba(243, 156, 18, 0.2);
    --text-bg-honor: rgba(155, 89, 182, 0.1);
    --text-bg-honor-hover: rgba(155, 89, 182, 0.2);
    --text-bg-teaching: rgba(26, 188, 156, 0.1);
    --text-bg-teaching-hover: rgba(26, 188, 156, 0.2);
    --text-bg-reviewer: rgba(52, 73, 94, 0.1);
    --text-bg-reviewer-hover: rgba(52, 73, 94, 0.2);
    --text-bg-experience: rgba(231, 76, 60, 0.1);
    --text-bg-experience-hover: rgba(231, 76, 60, 0.2);
    --text-bg-publication: rgba(46, 204, 113, 0.1);
    --text-bg-publication-hover: rgba(46, 204, 113, 0.2);
    --text-bg-patent: rgba(230, 126, 34, 0.1);
    --text-bg-patent-hover: rgba(230, 126, 34, 0.2);
    
    /* Light theme background and text color | 浅色主题背景和文字颜色 */
    background: linear-gradient(135deg, #e6eef8 0%, #d1dfea 100%);
    color: var(--text-primary);
    padding-bottom: 50px; /* Space for fixed footer | 为固定页脚留出空间 */
}

body.light-theme header {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body.light-theme .navbar {
    background: rgba(255, 255, 255, 0.9);
}

body.light-theme .logo {
  color: var(--dark);
}

body.light-theme .logo i {
  color: var(--primary);
}

/* Light theme logo image | 浅色主题标志图像 */
body.light-theme .logo img {
  filter: invert(1);
}

body.light-theme .nav-links a {
  color: var(--text-primary);
  outline: none;
  -webkit-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
}

body.light-theme .nav-links a:hover {
    color: var(--primary);
}

body.light-theme .nav-links a:focus {
    outline: none;
    -webkit-outline: none;
    -moz-outline: none;
    -ms-outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
}

body.light-theme .nav-links a:active {
    outline: none;
    -webkit-outline: none;
    -moz-outline: none;
    -ms-outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
}

/* Global link styles for light theme | 浅色主题全局超链接样式 */
body.light-theme a:active {
    color: var(--link-color);
    text-decoration: none;
}

body.light-theme a:visited {
    color: var(--link-color);
}

body.light-theme .nav-links a.active {
    color: var(--primary);
}

body.light-theme .controls button {
    background: rgba(255, 255, 255, 0.8);
    color: var(--text-primary);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

body.light-theme .controls button i {
    color: var(--primary);
}

body.light-theme .controls button:hover {
    background: rgba(255, 255, 255, 0.9);
    border-color: var(--primary);
}

body.light-theme .controls button:hover i {
    color: var(--primary);
}

/* Light theme button styles | 浅色主题按钮样式 */
body.light-theme .theme-switch, 
body.light-theme .language-switch {
    background: rgba(255, 255, 255, 0.8) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--accent) !important;
    outline: none !important;
    -webkit-outline: none !important;
    -moz-outline: none !important;
    -ms-outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

body.light-theme .theme-switch i, 
body.light-theme .language-switch i {
    color: var(--primary) !important;
}

body.light-theme .theme-switch:hover, 
body.light-theme .language-switch:hover {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

body.light-theme .theme-switch:focus, 
body.light-theme .language-switch:focus {
    outline: none !important;
    -webkit-outline: none !important;
    -moz-outline: none !important;
    -ms-outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

body.light-theme .theme-switch:active, 
body.light-theme .language-switch:active {
    outline: none !important;
    -webkit-outline: none !important;
    -moz-outline: none !important;
    -ms-outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
}

body.light-theme .theme-switch:hover i, 
body.light-theme .language-switch:hover i {
    color: var(--primary) !important;
}

body.light-theme .content-section {
    background: transparent;
    border: none;
    box-shadow: none;
}

body.light-theme .section-content h2 {
    color: var(--primary);
}

body.light-theme .section-content p {
    color: var(--text-secondary);
}

/* Light theme section title styles | 浅色主题标题样式 */
body.light-theme .section-title h2 {
    color: var(--primary);
}

body.light-theme .section-title h2:after {
    background: var(--primary);
}

/* Light theme tab styles | 浅色主题标签页样式 */
body.light-theme .tabs {
    border-bottom: 2px solid rgba(74, 144, 226, 0.3);
}

body.light-theme .tab-button {
    color: rgba(0, 0, 0, 0.7);
}

body.light-theme .tab-button:hover {
    color: var(--primary);
}

body.light-theme .tab-button.active {
    color: var(--primary);
}

body.light-theme .tab-button.active::after {
    background: var(--primary);
}

body.light-theme .tab-pane {
    display: none;
}

body.light-theme .tab-pane.active {
    display: flex;
    background-color: transparent;
    outline: none;
    border: none;
    -webkit-outline: none;
    -moz-outline: none;
    -ms-outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
}

/* Light theme footer styles | 浅色主题页脚样式 */
body.light-theme .footer {
  background: rgba(255, 255, 255, 0.95);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.1);
}

body.light-theme .copyright-text {
  color: var(--text-secondary);
}

/* Light theme news styles | 浅色主题新闻样式 */
body.light-theme .news-content {
    color: rgba(220, 53, 69, 0.9); /* Red color for news content in light theme */
}

body.light-theme .news-item:first-child .news-content {
    color: rgba(220, 53, 69, 0.9); /* Red color for latest news content in light theme */
}

/* Light theme home page styles | 浅色主题主页样式 */
body.light-theme .home-container {
    color: var(--text-primary);
    background: transparent;
    border: none;
    box-shadow: none;
}

body.light-theme .info-section {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    box-shadow: var(--card-shadow);
}

body.light-theme .info-content h2 {
    color: var(--primary);
}

body.light-theme .info-item span,
body.light-theme .info-item a {
    color: var(--text-secondary);
}

body.light-theme .info-item a:hover {
    color: var(--primary);
}

body.light-theme .intro-section {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    box-shadow: var(--card-shadow);
}

body.light-theme .news-section {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    box-shadow: var(--card-shadow);
}

body.light-theme .intro-section h3,
body.light-theme .news-section h3 {
    color: var(--primary);
}

body.light-theme .news-date {
    color: var(--primary);
}

body.light-theme .news-item {
    border-bottom: 1px solid var(--border);
}

body.light-theme .news-item:first-child {
    border-left: 3px solid var(--primary);
    background: rgba(74, 144, 226, 0.1);
}

body.light-theme .news-item:first-child .news-date {
    color: var(--primary);
}

body.light-theme .latest-label {
    color: var(--primary);
    background: rgba(74, 144, 226, 0.2);
}

/* Light theme scrollbar styles | 浅色主题滚动条样式 */
body.light-theme ::-webkit-scrollbar {
    width: 10px;
}

body.light-theme ::-webkit-scrollbar-track {
    background: var(--bg-tertiary);
    border-radius: 10px;
}

body.light-theme ::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, var(--primary), var(--secondary));
    border-radius: 10px;
    border: 2px solid var(--bg-tertiary);
}

body.light-theme ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, var(--accent), var(--primary));
}

/* Light theme scrollbar for Firefox | 浅色主题Firefox滚动条 */
body.light-theme * {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--bg-tertiary);
}

/* Additional light theme styles for other sections */
body.light-theme .content-section {
    background: transparent;
    border: none;
    box-shadow: none;
}

body.light-theme .section-content h2 {
    color: #4285f4;
}

body.light-theme .section-content p {
    color: #333;
}

/* Light theme for image modal */
body.light-theme .image-modal {
    background-color: rgba(0, 0, 0, 0.7);
}

body.light-theme .image-modal img {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

/* Light theme for buttons */
body.light-theme .module-button {
    background: #4285f4;
    color: white;
    border: 1px solid #4285f4;
}

body.light-theme .module-button:hover {
    background: #3367d6;
    border-color: #3367d6;
}

/* Light theme for lists */
body.light-theme .module-list {
    color: #333;
}

body.light-theme .module-list-item {
    color: #333;
}

/* Light theme for content */
body.light-theme .module-content {
    color: #333;
}

/* Light theme for info icons */
body.light-theme .info-icon {
    filter: invert(0%);
}

/* Light theme for responsive elements */
@media (max-width: 768px) {
    body.light-theme .content-section {
        background: transparent;
        border: none;
        box-shadow: none;
    }
    
    body.light-theme .info-section,
    body.light-theme .intro-section,
    body.light-theme .news-section {
        background: rgba(255, 255, 255, 0.9);
        border: 1px solid rgba(66, 133, 244, 0.2);
    }
    
    /* Override tab-pane styles for mobile | 移动端覆盖tab-pane样式 */
    body.light-theme .tab-pane {
        display: none;
    }
    
    body.light-theme .tab-pane.active {
        display: block;
        background-color: var(--module-card-bg);
        outline: initial;
        border: 1px solid var(--module-border-color);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }
}

/* Light theme module container styles | 浅色主题模块容器样式 */
body.light-theme .module-container {
    background-color: var(--module-card-bg);
    box-shadow: var(--card-shadow);
}

body.light-theme .module-header {
    border-bottom: 1px solid var(--module-border-color);
}

body.light-theme .module-title {
    color: var(--module-text-color);
}

body.light-theme .module-content {
    color: var(--module-text-color);
}

body.light-theme .module-date,
body.light-theme .module-tutor {
    color: var(--module-secondary-text-color);
}

body.light-theme .module-tag {
    background-color: var(--module-tag-bg);
    color: var(--module-tag-color);
}

body.light-theme .module-link {
    background: var(--link-bg-color);
    border-color: var(--link-border-color);
    color: var(--link-color);
}

body.light-theme .module-link:hover {
    background: var(--link-hover-bg-color);
    color: var(--link-hover-color);
}