/* 
 * Agent17 新配色方案
 * 优化对比度和用户体验
 * 参考色值: #120e08, #f6c304, #f1d98c, #362a1d, #423b38
 */

:root {
  /* 主色调 */
  --primary-color: #f6c304; /* 亮金色 - 主要强调色 */
  --primary-light: #f1d98c; /* 浅金色 - 次要强调色 */
  --primary-dark: #d4a903; /* 深金色 - 用于悬停等状态 */
  
  /* 中性色 */
  --dark-bg: #120e08; /* 深棕黑色 - 主背景色 */
  --dark-bg-light: #1a1510; /* 稍浅的深棕黑色 - 次要背景 */
  --dark-text: #362a1d; /* 深棕色 - 深色背景上的次要文本 */
  --light-text: #f8f5eb; /* 米白色 - 深色背景上的主要文本 */
  --muted-text: #a39e95; /* 浅灰棕色 - 次要文本和说明 */
  
  /* 功能色 */
  --accent-color: #f6c304; /* 金色 - 用于突出显示重要元素 */
  --border-color: #362a1d; /* 深棕色 - 边框 */
  --shadow-color: rgba(18, 14, 8, 0.6); /* 阴影颜色 */
  --section-bg: #1d1912; /* 稍微亮一点的背景，用于区分段落 */
  
  /* 渐变色 */
  --gradient-primary: linear-gradient(135deg, #f6c304, #d4a903);
  --gradient-dark: linear-gradient(135deg, #120e08, #1d1912);
  --gradient-overlay: linear-gradient(rgba(18, 14, 8, 0.7), rgba(18, 14, 8, 0.85));
  
  /* 其他 */
  --card-bg: #1d1912; /* 卡片背景色 */
  --card-border: #362a1d; /* 卡片边框 */
  --input-bg: #252015; /* 输入框背景 */
  --button-text: #120e08; /* 按钮文字颜色 */
}

/* 全局样式覆盖 */
body {
  background-color: var(--dark-bg);
  color: var(--light-text);
}

a {
  color: var(--primary-color);
}

a:hover {
  color: var(--primary-light);
}

/* 页眉样式 */
.site-header {
  background-color: rgba(18, 14, 8, 0.95);
  border-bottom: 1px solid var(--border-color);
}

.site-logo {
  color: var(--primary-color);
}

.main-nav a {
  color: var(--light-text);
}

.main-nav a::after {
  background-color: var(--primary-color);
}

.main-nav a:hover {
  color: var(--primary-color);
}

/* 英雄区域 */
.hero-section {
  background: var(--gradient-overlay), url('../images/bg.webp');
  background-size: cover;
  background-position: center;
}

.hero-title {
  color: var(--light-text);
  text-shadow: 0 2px 15px var(--shadow-color);
}

.version-highlight {
  color: var(--primary-color);
}

.version-highlight::after {
  background-color: var(--primary-color);
}

.hero-subtitle {
  color: var(--primary-light);
}

.hero-desc {
  color: var(--light-text);
}

/* 功能特性 */
.feature-item {
  background-color: rgba(54, 42, 29, 0.6);
  border: 1px solid var(--border-color);
}

.feature-item:hover {
  background-color: rgba(246, 195, 4, 0.15);
  border-color: var(--primary-dark);
}

.feature-item i {
  color: var(--primary-color);
}

/* 下载按钮 */
.download-btn {
  background: var(--gradient-primary);
  color: var(--button-text);
  box-shadow: 0 4px 12px rgba(246, 195, 4, 0.25);
}

.download-btn:hover {
  background: linear-gradient(45deg, #f6c304, #ffd700);
  box-shadow: 0 5px 15px rgba(246, 195, 4, 0.45);
  color: var(--button-text);
}

.download-btn i {
  color: var(--dark-bg);
}

.download-btn:hover i {
  color: var(--dark-bg);
}

.version-details {
  color: var(--muted-text);
}

.version-details .dot {
  background-color: var(--muted-text);
}

/* 新闻区域 */
.news-section {
  background-color: var(--dark-bg);
}

.section-title {
  color: var(--light-text);
}

.section-title::after {
  background-color: var(--primary-color);
}

.section-title i {
  color: var(--primary-color);
}

.news-item {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
}

.news-item:hover {
  background-color: var(--dark-bg-light);
  border-color: var(--primary-dark);
}

.news-date {
  color: var(--muted-text);
}

.news-category {
  background-color: rgba(246, 195, 4, 0.15);
  color: var(--primary-color);
}

.news-title a {
  color: var(--light-text);
}

.news-title a:hover {
  color: var(--primary-color);
}

.news-excerpt {
  color: var(--muted-text);
}

/* 类别标签颜色覆盖 */
.news-category.delay {
  background-color: rgba(255, 152, 0, 0.15);
  color: #ff9800;
}

.news-category.update {
  background-color: rgba(0, 123, 255, 0.15);
  color: #0d6efd;
}

.news-category.bugfix {
  background-color: rgba(76, 175, 80, 0.15);
  color: #4caf50;
}

.news-category.notice {
  background-color: rgba(156, 39, 176, 0.15);
  color: #9c27b0;
}

/* 游戏画面区域 */
.gallery-section {
  background-color: var(--section-bg);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.gallery-item {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
}

.item-overlay {
  background-color: rgba(18, 14, 8, 0.8);
}

.item-info h3 {
  color: var(--primary-color);
}

.item-info p {
  color: var(--light-text);
}

/* 版本区域 */
.version-section {
  background-color: var(--dark-bg);
}

.version-card {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
}

.version-card:hover {
  border-color: var(--primary-color);
}

.version-tag {
  background-color: var(--primary-color);
  color: var(--button-text);
}

.version-date, .version-info {
  color: var(--muted-text);
}

.update-item.new i {
  color: #4caf50;
}

.update-item.fix i {
  color: #ff9800;
}

.update-item.update i {
  color: #0d6efd;
}

.update-item.optimize i {
  color: #9c27b0;
}

.btn-download {
  background-color: var(--primary-color);
  color: var(--button-text);
}

.btn-download:hover {
  background-color: #daa520;
  color: #000;
}

.btn-download i {
  color: var(--dark-bg);
}

.btn-download:hover i {
  color: #000;
}

/* 评论区域 */
.reviews-section {
  background-color: var(--dark-bg);
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.reviews-summary {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
}

.reviews-overview {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  padding: 2rem;
  border-radius: 8px;
}

.rating-number {
  color: var(--primary-color);
}

.rating-stars {
  color: var(--primary-color);
}

.rating-count {
  color: var(--muted-text);
}

.rating-bar {
  background-color: var(--dark-bg);
}

.rating-fill {
  background-color: var(--primary-color);
}

.popular-tags {
  background-color: var(--dark-bg-light);
  border-radius: 8px;
  padding: 1.5rem;
}

.tags-header {
  color: var(--light-text);
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 0.75rem;
  margin-bottom: 1.25rem;
}

.category-tag {
  background-color: var(--dark-bg-light);
  color: var(--light-text);
  border: 1px solid var(--border-color);
}

.category-tag i {
  color: var(--primary-color);
}

.category-tag b {
  color: var(--primary-light);
}

.review-card {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.review-card:hover {
  border-color: var(--primary-color);
  box-shadow: 0 6px 15px rgba(246, 195, 4, 0.2);
  transform: translateY(-3px);
}

.reviewer-name {
  color: var(--light-text);
  font-weight: 500;
}

.review-rating {
  color: var(--primary-color);
}

.review-content p {
  color: var(--light-text);
  opacity: 0.9;
  line-height: 1.7;
}

.reviews-cta {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 8px;
  margin-top: 2.5rem;
}

.cta-text h3 {
  color: var(--primary-color);
}

.cta-text p {
  color: var(--light-text);
  opacity: 0.9;
}

.download-review-btn {
  background: var(--gradient-primary);
  color: var(--button-text);
  box-shadow: 0 4px 10px rgba(246, 195, 4, 0.25);
  transition: all 0.3s ease;
}

.download-review-btn:hover {
  background: linear-gradient(45deg, #daa520, #ffd700);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(255, 215, 0, 0.35);
  color: #000;
}

.download-review-btn i {
  color: var(--dark-bg);
}

.download-review-btn:hover i {
  color: #000;
}

/* 页脚 */
.site-footer {
  background-color: var(--dark-bg-light);
  border-top: 1px solid var(--border-color);
}

.footer-title {
  color: var(--primary-color);
}

.footer-title::after {
  background-color: var(--primary-dark);
}

.footer-desc {
  color: var(--muted-text);
}

.footer-links a, .footer-partners a {
  color: var(--light-text);
}

.footer-links a:hover, .footer-partners a:hover {
  color: var(--primary-color);
}

.social-links a {
  background-color: var(--dark-bg);
  color: var(--primary-color);
  border: 1px solid var(--primary-dark);
}

.social-links a:hover {
  background-color: var(--primary-color);
  color: var(--dark-bg);
}

.copyright {
  color: var(--muted-text);
}

.copyright a {
  color: var(--primary-light);
}

/* 返回顶部按钮 */
.back-to-top {
  background-color: var(--primary-color);
  color: var(--button-text);
}

.back-to-top:hover {
  background-color: var(--primary-light);
}

/* 增强小屏幕可读性 */
@media (max-width: 768px) {
  .hero-section {
    background: var(--gradient-overlay), url('../images/bg.webp');
  }
  
  .hero-title {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
  }
  
  .hero-subtitle {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  }
  
  .hero-desc {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  }
  
  .feature-item {
    background-color: rgba(54, 42, 29, 0.8);
    border: 1px solid rgba(246, 195, 4, 0.5);
  }
  
  .news-item, .version-card, .review-card {
    border-width: 2px;
  }
  
  .section-title {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  }
  
  .reviews-overview {
    flex-direction: column;
    gap: 1.5rem;
  }
  
  .reviews-summary, .popular-tags {
    width: 100%;
  }
  
  .reviews-cta {
    padding: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .download-review-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .hero-desc {
    font-weight: 500;
  }
  
  .feature-item {
    padding: 0.75rem;
  }
  
  .download-btn {
    font-size: 0.9rem;
    padding: 0.75rem 1.25rem;
  }
  
  .download-btn:hover {
    transform: translateY(-1px);
  }
  
  .news-title {
    font-size: 1.1rem;
  }
  
  .news-category, .version-tag {
    font-size: 0.8rem;
    padding: 0.25rem 0.65rem;
  }
  
  .review-card {
    padding: 1rem;
  }
  
  .rating-distribution {
    display: none;
  }
  
  .category-tag {
    width: 100% !important;
    margin: 0 !important;
    padding: 0.15rem !important;
    font-size: 0.6rem !important;
    justify-content: center !important;
    text-align: center !important;
  }
  
  .category-tag i {
    font-size: 0.6rem !important;
    margin-right: 0.05rem !important;
  }
  
  .category-tag b {
    font-size: 0.6rem !important;
    margin-left: 0.05rem !important;
  }
  
  .tags-header {
    width: 100% !important;
    grid-column: 1 / -1 !important;
    margin-bottom: 0.5rem !important;
    text-align: center !important;
    font-size: 0.9rem !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding-bottom: 0.3rem !important;
  }
  
  .site-footer {
    border-top: 1px solid var(--border-color);
  }
  
  .footer-title::after {
    width: 30px;
    height: 1px;
  }
  
  .footer-column {
    border-bottom: 1px solid rgba(54, 42, 29, 0.2);
    padding-bottom: 0.5rem;
  }
  
  .footer-column:last-child {
    border-bottom: none;
  }
  
  .footer-bottom {
    border-top-color: rgba(54, 42, 29, 0.2);
  }
}

/* 版本区域增强 */
.version-content h3 {
  color: var(--primary-light);
  font-weight: 700;
}

.update-item {
  color: var(--light-text);
}

/* 新闻区域增强 */
.news-title {
  font-weight: 600;
}

.news-excerpt {
  color: rgba(248, 245, 235, 0.8);
  font-weight: 400;
}

/* 加强卡片边界对比度 */
.news-item, .version-card, .review-card, .gallery-item {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.news-item:hover, .version-card:hover, .review-card:hover, .gallery-item:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}