/* ========================================
   首页综合历史风格 - 融合三种文明配色
   H5适配 + 背景图纹 + 丰富栏目模块 + 二级导航
   CSS路径：/css/home.css
   ======================================== */

/* 首页基础配色 - 深铜色基调 */
.theme-home { background: #F0E4CC; color: #2C1810; }
.home-header { background: #1C1208; }
.home-logo-text { color: #F0E4CC; }

/* 首页一级导航 */
.theme-home .header-nav > li > a { color: #F0E4CC; }
.theme-home .header-nav > li > a:hover { color: #C8A96E; }
.theme-home .header-nav > li > a.active { color: #C8A96E; }

/* 首页二级下拉 */
.theme-home .header-nav .sub-nav { background: #3A2810; border-top: 2px solid #C8A96E; }
.theme-home .header-nav .sub-nav li a { color: #F0E4CC; }
.theme-home .header-nav .sub-nav li a:hover { background: #8B1A1A; color: #F2E8D5; }

.theme-home .header-search { background: #3A2810; }
.theme-home .header-search svg { stroke: #C8A96E; }
.theme-home .header-search span { color: #8B7355; }
.home-accent-bar { background: linear-gradient(90deg, #8B1A1A, #D4A843, #C0392B); }

/* 移动端 */
.theme-home .mobile-menu-btn { background: #3A2810; }
.theme-home .mobile-menu-btn span { background: #C8A96E; }
.theme-home .mobile-nav-dropdown { background: #1C1208; border-color: #C8A96E; }
.theme-home .mobile-nav-dropdown .mobile-nav-item { color: #F0E4CC; }
.theme-home .mobile-nav-dropdown .mobile-nav-item:hover { color: #C8A96E; }
.theme-home .mobile-nav-dropdown .mobile-sub-nav a { color: #8B7355; }
.theme-home .mobile-nav-dropdown .mobile-sub-nav a:hover { color: #C8A96E; }

/* 幻灯片 */
.home-slideshow { background: #2C1810; }
.slide-title { color: #FFFFFF; }
.slide-desc { color: rgba(255,255,255,0.9); }
.home-slide-btn { 
  background: #C8A96E; color: #2C1810; font-weight: 600;
  font-family: 'Noto Serif SC', serif;
}
.home-slide-btn:hover { background: #D4A843; }
.home-arrow { 
  background: rgba(200,169,110,0.2); color: #C8A96E; 
  border: 1px solid rgba(200,169,110,0.3);
}
.home-arrow:hover { background: rgba(200,169,110,0.4); }
.home-dot { background: rgba(200,169,110,0.4); }
.home-dot.active { background: #C8A96E; }

/* === 首页最新文章列表配色 === */
.latest-articles-section-home {
  background: #F2E8D5; border-bottom: 1px solid #D4C5A8;
}
.latest-articles-section-home h2 { color: #2C1810; }
.latest-articles-section-home .more-link { 
  border-color: #C8A96E; color: #C8A96E; background: transparent;
}
.latest-articles-section-home .more-link:hover { background: #C8A96E; color: #2C1810; }
.latest-article-item-home {
  background: #FAF3E3; border-color: #D4C5A8;
}
.latest-article-item-home:hover { box-shadow: 0 4px 12px rgba(139,26,26,0.08); }
.latest-article-cat-home { }
.latest-article-cat-china { background: #8B1A1A; }
.latest-article-cat-west { background: #3A5A8C; }
.latest-article-cat-geopol { background: #C0392B; }
.latest-article-title-home { color: #2C1810; }
.latest-article-excerpt-home { color: #5A4020; }
.latest-article-meta-home { color: #8B7355; }

/* === 首页栏目区块配色 === */
.channel-china {
  background: #F2E8D5; border-top: 2px solid #8B1A1A; border-bottom: 1px solid #D4C5A8;
}
.channel-china .channel-icon { background: #8B1A1A; color: #F2E8D5; }
.channel-china h2 { color: #1A1A1A; }
.channel-china .channel-desc { color: #6B5A45; }
.channel-china .channel-more-link { border-color: #8B1A1A; color: #8B1A1A; background: transparent; }
.channel-china .channel-more-link:hover { background: #8B1A1A; color: #F2E8D5; }
.channel-china .channel-card { background: #FAF3E3; border-color: #D4C5A8; }
.channel-china .channel-card:hover { box-shadow: 0 4px 12px rgba(139,26,26,0.08); }
.channel-china .channel-card-cat { background: #8B1A1A; }
.channel-china .channel-card-title { color: #1A1A1A; }
.channel-china .channel-card-meta { color: #9B8B7A; }

.channel-west {
  background: #E8D5B7; border-top: 2px solid #D4A843; border-bottom: 1px solid #C4A878;
}
.channel-west .channel-icon { background: #3A5A8C; color: #E8D5B7; }
.channel-west h2 { color: #2C1810; }
.channel-west .channel-desc { color: #5A4020; }
.channel-west .channel-more-link { border-color: #3A5A8C; color: #3A5A8C; background: transparent; }
.channel-west .channel-more-link:hover { background: #3A5A8C; color: #E8D5B7; }
.channel-west .channel-card { background: #F0E0C0; border-color: #C4A878; }
.channel-west .channel-card:hover { box-shadow: 0 4px 12px rgba(212,168,67,0.08); }
.channel-west .channel-card-cat { background: #3A5A8C; }
.channel-west .channel-card-title { color: #2C1810; }
.channel-west .channel-card-meta { color: #8B7355; }

.channel-geopol {
  background: #F0F2F5; border-top: 2px solid #C0392B; border-bottom: 1px solid #D8DDE6;
}
.channel-geopol .channel-icon { background: #C0392B; color: #FFFFFF; }
.channel-geopol h2 { color: #1A1A2E; }
.channel-geopol .channel-desc { color: #5A6A80; }
.channel-geopol .channel-more-link { border-color: #C0392B; color: #C0392B; background: transparent; }
.channel-geopol .channel-more-link:hover { background: #C0392B; color: #FFFFFF; }
.channel-geopol .channel-card { background: #FFFFFF; border-color: #D8DDE6; }
.channel-geopol .channel-card:hover { box-shadow: 0 4px 12px rgba(192,57,43,0.08); }
.channel-geopol .channel-card-cat { background: #C0392B; }
.channel-geopol .channel-card-title { color: #1A1A2E; }
.channel-geopol .channel-card-meta { color: #8B95A5; }

/* 文明分区标签 */
.home-tabs { 
  justify-content: center; padding: 0; gap: 24px;
}
.civilization-tab {
  padding: 14px 28px; font-size: 16px; font-weight: 500;
  font-family: 'Noto Serif SC', serif;
  border: 1px solid transparent; border-radius: 4px;
  cursor: pointer; transition: all 0.2s;
}
.tab-icon { font-size: 18px; margin-right: 6px; }
.civilization-tab[data-tab="china"] { 
  background: rgba(139,26,26,0.08); color: #8B1A1A;
  border-color: rgba(139,26,26,0.15);
}
.civilization-tab[data-tab="china"]:hover,
.civilization-tab[data-tab="china"].active { 
  background: #8B1A1A; color: #F2E8D5; border-color: #8B1A1A;
}
.civilization-tab[data-tab="west"] { 
  background: rgba(58,90,140,0.08); color: #3A5A8C;
  border-color: rgba(58,90,140,0.15);
}
.civilization-tab[data-tab="west"]:hover,
.civilization-tab[data-tab="west"].active { 
  background: #3A5A8C; color: #E8D5B7; border-color: #3A5A8C;
}
.civilization-tab[data-tab="geopol"] { 
  background: rgba(192,57,43,0.08); color: #C0392B;
  border-color: rgba(192,57,43,0.15);
}
.civilization-tab[data-tab="geopol"]:hover,
.civilization-tab[data-tab="geopol"].active { 
  background: #C0392B; color: #FFFFFF; border-color: #C0392B;
}

/* 华夏文明区 */
.section-china { 
  background: #F2E8D5; border-top: 2px solid #8B1A1A;
  border-bottom: 1px solid #D4C5A8;
}
.china-line { background: #8B1A1A; }
.section-china .home-section-title { color: #1A1A1A; }
.section-china .home-section-subtitle { color: #6B5A45; }
.china-card { background: #FAF3E3; border-color: #D4C5A8; }
.china-card:hover { box-shadow: 0 6px 16px rgba(139,26,26,0.1); }
.china-card-body { color: #2C1810; }
.china-cat { background: #8B1A1A; }
.china-excerpt { color: #6B5A45; }
.china-meta { color: #9B8B7A; }

/* 文明之光区 */
.section-west { 
  background: #E8D5B7; border-top: 2px solid #D4A843;
  border-bottom: 1px solid #C4A878;
}
.west-line { background: #D4A843; }
.section-west .home-section-title { color: #2C1810; }
.section-west .home-section-subtitle { color: #5A4020; }
.west-card { background: #F0E0C0; border-color: #C4A878; }
.west-card:hover { box-shadow: 0 6px 16px rgba(212,168,67,0.1); }
.west-card-body { color: #2C1810; }
.west-cat { background: #3A5A8C; }
.west-excerpt { color: #5A4020; }
.west-meta { color: #8B7355; }

/* 地缘纵览区 */
.section-geopol { 
  background: #F0F2F5; border-top: 2px solid #C0392B;
  border-bottom: 1px solid #D8DDE6;
}
.geopol-line { background: #C0392B; }
.section-geopol .home-section-title { color: #1A1A2E; }
.section-geopol .home-section-subtitle { color: #5A6A80; }
.geopol-card { background: #FFFFFF; border-color: #D8DDE6; }
.geopol-card:hover { box-shadow: 0 6px 16px rgba(192,57,43,0.1); }
.geopol-card-body { color: #1A1A2E; }
.geopol-cat { background: #C0392B; }
.geopol-excerpt { color: #5A6A80; }
.geopol-meta { color: #8B95A5; }

/* 最新更新时间线 */
.section-timeline {
  background: #F5EAD0; border-top: 1px solid #D4C5A8;
  border-bottom: 1px solid #D4C5A8;
}
.timeline-border { border-color: #C8A96E; }
.timeline-dot-border { border-color: #C8A96E; background: #F0E4CC; }
.timeline-date-color { color: #8B7355; }
.timeline-title-color { color: #2C1810; }
.timeline-excerpt-color { color: #5A4020; }

/* 学者专栏 */
.section-scholar {
  background: #EDE0C8; border-top: 1px solid #D4C5A8;
  border-bottom: 1px solid #D4C5A8;
}
.scholar-card-bg { background: #FAF3E3; border-color: #D4C5A8; }
.scholar-avatar-border { border-color: #C8A96E; }
.scholar-name-color { color: #2C1810; }
.scholar-field-color { color: #6B5A45; }
.scholar-count-bg { background: #C8A96E; color: #2C1810; }

/* 专题推荐横幅 */
.section-topic {
  background: #1C1208;
}
.topic-overlay-bg { background: linear-gradient(180deg, transparent 30%, rgba(28,12,8,0.85) 100%); }
.topic-title-color { color: #F0E4CC; }
.topic-desc-color { color: #C8A96E; }

/* 数据统计条 */
.section-stats {
  background: #F2E8D5; border-top: 2px solid #C8A96E;
  border-bottom: 1px solid #D4C5A8;
}
.stat-number-color { color: #8B1A1A; }
.stat-label-color { color: #6B5A45; }

/* 友情链接 */
.section-friends {
  background: #EDE0C8; border-top: 1px solid #D4C5A8;
}
.friends-title-color { color: #2C1810; }
.friend-link-bg { background: #FAF3E3; border-color: #D4C5A8; color: #5A4530; }
.friend-link-bg:hover { background: #EDE0C8; }

/* 首页页脚 */
.home-footer { background: #1C1208; }
.home-footer-logo { color: #C8A96E; }
.home-footer-desc { color: #8B7355; }
.home-footer-title { color: #F0E4CC; }
.home-footer .footer-col a,
.home-footer .footer-col span { color: #8B7355; }
.home-footer .footer-bottom { border-color: #3A2810; }
.home-footer .footer-copyright { color: #5A4020; }

/* 首页标题共用样式 */
.home-section-title { 
  font-size: 32px; font-weight: 700; font-family: 'Noto Serif SC', serif;
  margin-bottom: 8px;
}
.home-section-subtitle { font-size: 16px; margin-bottom: 32px; }

/* === 首页移动端适配 === */
@media (max-width: 992px) {
  .scholar-grid { grid-template-columns: repeat(2, 1fr); }
  .topic-banner { flex-direction: column; }
  .topic-banner-card { height: 180px; }
}

@media (max-width: 768px) {
  /* 幻灯片移动端不展示 */
  .slideshow, .home-slideshow { display: none !important; }
  .slideshow-arrows, .slideshow-dots { display: none !important; }
  
  .home-section-title { font-size: 24px; }
  .home-section-subtitle { font-size: 14px; margin-bottom: 20px; }
  .civilization-tab { padding: 10px 16px; font-size: 14px; }
  .home-tabs { gap: 12px; flex-wrap: wrap; justify-content: center; }
  
  .section-timeline, .section-scholar, .section-stats, .section-friends { padding: 24px 16px; }
  .section-topic { padding: 24px 16px; }
  
  .timeline-list { padding-left: 16px; margin-left: 4px; }
  .timeline-date { min-width: 50px; }
  
  .scholar-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .scholar-avatar { width: 56px; height: 56px; }
  
  .topic-banner { flex-direction: column; gap: 12px; }
  .topic-banner-card { height: 140px; }
  .topic-banner-title { font-size: 16px; }
  .topic-banner-desc { font-size: 12px; }
  
  .stats-bar { gap: 12px; }
  .stat-number { font-size: 22px; }
  .stat-label { font-size: 11px; }

  .latest-articles-section-home { padding: 24px 16px; }
  .latest-articles-list { grid-template-columns: 1fr; }
  .latest-article-item { flex-direction: column; }
  .latest-article-thumb { width: 100%; height: 140px; }
  
  .channel-section { padding: 24px 16px; }
  .channel-grid { grid-template-columns: 1fr; }
  .channel-header { flex-direction: column; align-items: flex-start; gap: 12px; }
}

@media (max-width: 480px) {
  .civilization-tab { padding: 8px 12px; font-size: 13px; }
  .tab-icon { display: none; }
  .scholar-grid { grid-template-columns: 1fr 1fr; }
  .stats-bar { flex-direction: column; }
}