/* Custom CSS for Fire and Water 2 Website */
/* 主要样式将使用 Tailwind CSS，这里只放必要的自定义样式 */

body {
    /* 使用米色作为基础背景，增加森林感 */
    background-color: #F5F5DC; /* 米色 (cream-bg) */
    color: #333; /* 深灰色文字，保证可读性 */
}

/* 为链接设置一个森林绿颜色 */
a {
    color: #228B22; /* 叶绿色 (leaf-green) */
}
a:hover {
    color: #556B2F; /* 中等森林绿 (forest-green-medium) */
}

/* 修改页眉背景 */
header {
    background-color: #ffffff; /* 保持白色背景，但可以调整阴影等 */
}

/* 修改页脚背景为深绿色 */
footer {
    background-color: #2F4F2F !important; /* 深森林绿 (forest-green-dark) - 使用 !important 尝试覆盖 Tailwind */
    color: #f0f0f0 !important; /* 浅灰色文字，保证对比度 */
}
footer a {
    color: #98FB98 !important; /* 柔和绿 (pale-green) */
}
footer a:hover {
    color: #ffffff !important;
}

/* 修改 Logo 颜色 */
.font-logo a {
    color: #228B22 !important; /* 叶绿色 (leaf-green) */
}

/* 修改主要区域标题颜色 */
#content-section h2 {
    /* 通用 H2 样式，会被下面更具体的规则覆盖 */
    color: #556B2F; /* 默认中等森林绿 */
    border-bottom-color: #556B2F;
}

/* 如何玩 (How to Play) 标题 */
#content-section h2[data-lang-key="sectionTitleHowToPlay"] {
    color: #556B2F !important; /* 中等森林绿 */
    border-bottom-color: #556B2F !important;
}

/* 玩家喜爱的原因 (Why Love) 标题 */
#content-section h2[data-lang-key="sectionTitleWhyLove"] {
    color: #556B2F !important; /* 中等森林绿 */
    border-bottom-color: #556B2F !important;
}

/* 游戏特点 (Features) 标题 */
#content-section h2[data-lang-key="sectionTitleFeatures"] {
    color: #228B22 !important; /* 叶绿色 */
    border-bottom-color: #228B22 !important;
}

/* 开发历史与团队 (History & Team) 标题 */
#content-section h2[data-lang-key="sectionTitleHistoryTeam"] {
    color: #2F4F2F !important; /* 深森林绿 */
    border-bottom-color: #2F4F2F !important;
}

/* 玩家评价 (Reviews) 标题 */
#content-section h2[data-lang-key="sectionTitleReviews"] {
    color: #228B22 !important; /* 叶绿色 */
    border-bottom-color: #228B22 !important;
}

/* 修改评论区特定样式 */
/* 评论框 1, 3, 5 */
#content-section article:last-child .grid > div:nth-child(odd) {
    background-color: #F0FFF0 !important; /* 非常浅的蜜瓜绿 */
    border: 1px solid #98FB98; /* 柔和绿边框 */
}
/* 评论框 2, 4, 6 */
#content-section article:last-child .grid > div:nth-child(even) {
    background-color: #e8f5e9 !important; /* 之前用的非常浅的绿色 */
    border: 1px solid #c8e6c9 !important;
}

/* 评论签名颜色 - 覆盖之前的 Tailwind 类 */
#content-section article:last-child .grid > div:nth-child(1) p:last-child, /* 评论 1, 4 */
#content-section article:last-child .grid > div:nth-child(4) p:last-child {
    color: #556B2F !important; /* 中等森林绿 */
}
#content-section article:last-child .grid > div:nth-child(2) p:last-child, /* 评论 2, 5 */
#content-section article:last-child .grid > div:nth-child(5) p:last-child {
    color: #228B22 !important; /* 叶绿色 */
}
#content-section article:last-child .grid > div:nth-child(3) p:last-child, /* 评论 3, 6 */
#content-section article:last-child .grid > div:nth-child(6) p:last-child {
    color: #8B4513 !important; /* 土棕色 (保持一点多样性) */
}

/* 活动语言按钮样式 */
#language-switcher .lang-btn.active {
    font-weight: bold;
    background-color: #8FBC8F; /* 浅森林绿 (forest-green-light) */
    color: #2F4F2F; /* 深森林绿 */
}

/* 可以在这里添加更多自定义样式，例如特定的动画或布局调整 */

/* 确保全屏按钮可见且在顶层 */
#fullscreen-btn {
    display: block !important; /* 强制显示 */
    visibility: visible !important; /* 强制可见 */
    opacity: 1 !important; /* 强制不透明 */
    z-index: 100 !important; /* 确保在 iframe 上方 */
}