/* ===== 全局重置 ===== */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; font-size: 14px; line-height: 1.6; color: #333; background: #f5f5f5; }
        a { text-decoration: none; color: #333; transition: color 0.3s; }
        a:hover { color: #e74c3c; }
        ul, ol { list-style: none; }
        img { max-width: 100%; height: auto; display: block; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

        /* ===== 顶部工具栏（已更新：左侧标题介绍 + 右侧功能链接） ===== */
        .top-bar { 
            background: #f8f8f8; 
            border-bottom: 1px solid #eee; 
            padding: 8px 0; 
            font-size: 12px; 
        }
        .top-bar .container { 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
        }
        .site-intro { flex: 1; }
        .site-intro .brand-text { 
            font-size: 14px; 
            font-weight: 700; 
            color: #e74c3c; 
        }
        .site-intro .brand-desc { 
            font-size: 11px; 
            color: #999; 
            margin-left: 8px; 
        }
        .top-bar-links a { 
            margin-left: 15px; 
            color: #666; 
        }
        .top-bar-links a:hover { color: #e74c3c; }

        /* ===== 头部与导航 ===== */
        header { 
            background: #fff; 
            border-bottom: 2px solid #e74c3c; 
            box-shadow: 0 2px 4px rgba(0,0,0,0.05); 
            position: sticky; 
            top: 0; 
            z-index: 999; 
        }
        .header-content { 
            display: flex; 
            align-items: center; 
            justify-content: space-between; 
            padding: 12px 15px; 
            flex-wrap: wrap; 
        }
        .logo { font-size: 24px; font-weight: 700; color: #e74c3c; }
        nav ul { display: flex; flex-wrap: wrap; }
        nav ul li { margin-left: 22px; }
        nav ul li a { font-size: 16px; font-weight: 500; }

        /* ===== 主体 ===== */
        main { padding: 20px 0; }

        /* 页面主 H1 区域（SEO核心） */
        .page-hero { 
            text-align: center; 
            padding: 18px 0 10px; 
        }
        .page-hero h1 { 
            font-size: 22px; 
            color: #222; 
            font-weight: 700; 
        }
        .page-hero p { 
            font-size: 13px; 
            color: #888; 
            margin-top: 4px; 
        }

        /* 搜索区 */
        .search-box { 
            background: #fff; 
            padding: 20px; 
            border-radius: 6px; 
            margin-bottom: 20px; 
            text-align: center; 
            box-shadow: 0 1px 4px rgba(0,0,0,0.08); 
        }
        .search-box form { 
            display: flex; 
            justify-content: center; 
            gap: 10px; 
            flex-wrap: wrap; 
        }
        .search-box input[type="text"] { 
            width: 320px; 
            padding: 9px 12px; 
            border: 1px solid #ddd; 
            border-radius: 4px; 
        }
        .search-box select { padding: 9px; border: 1px solid #ddd; border-radius: 4px; }
        .search-box input[type="submit"] { 
            padding: 9px 20px; 
            background: #e74c3c; 
            color: #fff; 
            border: none; 
            border-radius: 4px; 
            cursor: pointer; 
        }
        .hot-keys { margin-top: 12px; font-size: 12px; color: #999; }
        .hot-keys a { margin: 0 6px; color: #666; }

/* Banner */
.banner { margin-bottom: 20px; border-radius: 6px; overflow: hidden; }
.banner img { width: 100%; height: 300px; object-fit: cover; }

        /* 区块标题 */
        .section-title { 
            font-size: 18px; 
            padding-left: 12px; 
            border-left: 4px solid #e74c3c; 
            margin-bottom: 15px; 
            color: #222; 
        }

        /* 开服列表 */
        .server-table { 
            width: 100%; 
            background: #fff; 
            border-radius: 6px; 
            overflow: hidden; 
            box-shadow: 0 1px 4px rgba(0,0,0,0.08); 
            margin-bottom: 25px; 
            border-collapse: collapse; 
        }
        .server-table th, .server-table td { 
            padding: 12px 10px; 
            text-align: left; 
            border-bottom: 1px solid #f0f0f0; 
        }
        .server-table th { background: #fafafa; font-weight: 600; color: #555; }
        .server-table tr:hover td { background: #fff9f9; }

        /* 攻略四列 */
        .guide-wrap { 
            background: #fff; 
            padding: 20px; 
            border-radius: 6px; 
            margin-bottom: 25px; 
            box-shadow: 0 1px 4px rgba(0,0,0,0.08); 
        }
        .guide-grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
            gap: 20px; 
        }
        .guide-col h3 { 
            font-size: 15px; 
            color: #e74c3c; 
            margin-bottom: 10px; 
            padding-bottom: 6px; 
            border-bottom: 1px dashed #eee; 
        }
        .guide-col li { 
            margin-bottom: 8px; 
            overflow: hidden; 
            text-overflow: ellipsis; 
            white-space: nowrap; 
        }
        .guide-col a { font-size: 13px; color: #444; }

        /* 图文资讯 */
        .news-grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 
            gap: 18px; 
            background: #fff; 
            padding: 20px; 
            border-radius: 6px; 
            margin-bottom: 25px; 
            box-shadow: 0 1px 4px rgba(0,0,0,0.08); 
        }
        .news-card { 
            border: 1px solid #eee; 
            border-radius: 4px; 
            overflow: hidden; 
            transition: box-shadow 0.3s; 
        }
        .news-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
        .news-card img { width: 100%; height: 120px; object-fit: cover; }
        .news-card p { padding: 10px; font-size: 13px; text-align: center; }

        /* 友链 */
        .friend-links { 
            background: #fff; 
            padding: 20px; 
            border-radius: 6px; 
            margin-bottom: 25px; 
            box-shadow: 0 1px 4px rgba(0,0,0,0.08); 
        }
        .link-list { display: flex; flex-wrap: wrap; gap: 15px; }
        .link-list a { color: #666; font-size: 13px; }

        /* ===== 底部 ===== */
        footer { 
            background: #222; 
            color: #aaa; 
            padding: 30px 15px; 
            text-align: center; 
            font-size: 12px; 
            line-height: 2; 
        }
        footer a { color: #aaa; margin: 0 8px; }
        footer a:hover { color: #fff; }
        .icp { color: #777; }

        /* ===== 响应式 ===== */
        @media (max-width: 768px) {
            .top-bar .container { 
                flex-direction: column; 
                align-items: flex-start; 
                gap: 6px; 
            }
            .top-bar-links { align-self: flex-end; }
            .header-content { flex-direction: column; align-items: flex-start; }
            nav ul { margin-top: 10px; }
            nav ul li { margin: 0 12px 0 0; }
            .search-box input[type="text"] { width: 100%; }
            .server-table { font-size: 12px; display: block; overflow-x: auto; }
            .page-hero h1 { font-size: 18px; }
        }