/*
Theme Name: My First Theme
Author: 你的名字
Description: 游戏资讯与下载专属暗黑主题。
Version: 2.0
*/

/* 全局样式 */
body { font-family: 'Segoe UI', Arial, sans-serif; margin: 0; padding: 0; background-color: #121212; color: #eee; }
a { text-decoration: none; color: #00d4ff; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* 头部与菜单样式 */
.site-header { background-color: #1e1e1e; padding: 15px 0; border-bottom: 2px solid #00d4ff; }
.site-header .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.site-logo a { font-size: 24px; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 2px; }
.nav-links { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; }
.nav-links li a { color: #ccc; font-weight: bold; transition: color 0.3s; }
.nav-links li a:hover { color: #00d4ff; }

/* 搜索框样式 */
.header-search input[type="search"] { padding: 8px 12px; border: 1px solid #444; background: #333; color: #fff; border-radius: 4px; outline: none; }
.header-search input[type="submit"] { padding: 8px 15px; background: #00d4ff; border: none; color: #000; font-weight: bold; cursor: pointer; border-radius: 4px; }

/* 内容区样式 */
main { padding: 30px 0; }
article { background: #1e1e1e; padding: 20px; margin-bottom: 20px; border-radius: 8px; border-left: 4px solid #00d4ff; }
article h2 a { color: #fff; font-size: 20px; }
article h2 a:hover { color: #00d4ff; }
article p { color: #aaa; margin-top: 10px; }

/* 更新时间样式 */
.update-time { font-size: 12px; color: #888; margin-top: 5px; margin-bottom: 10px; }

/* 底部样式 */
.site-footer { background: #1e1e1e; padding: 30px 0; color: #aaa; margin-top: 40px; border-top: 2px solid #00d4ff; font-size: 14px; }
.footer-container { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px; }
.footer-col { flex: 1; min-width: 250px; }
.footer-col h4 { color: #fff; margin-bottom: 10px; font-size: 16px; }
.footer-col a { color: #00d4ff; }
.disclaimer { margin-top: 5px; font-size: 12px; color: #666; }

/* 手机端菜单按钮（默认隐藏） */
.mobile-menu-btn {
    display: none;
    background: none;
    border: 1px solid #444;
    color: #fff;
    font-size: 24px;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 4px;
}

/* 响应式适配：屏幕宽度小于 768px 时触发 */
@media (max-width: 768px) {
    .mobile-menu-btn { display: block; }
    .main-nav {
        display: none;
        width: 100%;
        order: 3;
    }
    .main-nav.active { display: block; }
    .nav-links {
        flex-direction: column;
        gap: 0;
        margin-top: 10px;
    }
    .nav-links li a {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #333;
    }
    .header-search { order: 2; margin-top: 10px; width: 100%; }
    .header-search input[type="search"] { width: 70%; }
}