/* ============ 基础重置 ============ */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      font: 14px/1.6 "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
      color: #333;
      background: #f2f2f2;
    }
    a { color: inherit; text-decoration: none; }
    a:hover { color: #c9302c; }
    ul { list-style: none; }
    img { border: 0; }
    .container { width: 1200px; margin: 0 auto; }

    /* ============ 顶部 LOGO + 导航 + 搜索 ============ */
    .header { background: #1b1b1b; border-bottom: 2px solid #c9a227; }
    .header .container {
      display: flex; align-items: center; height: 80px; gap: 16px;
    }
    .logo { display: flex; align-items: baseline; gap: 12px; margin-right: auto; }
    .logo strong { font-size: 26px; color: #e8c76a; letter-spacing: 3px; }
    .logo span { font-size: 12px; color: #8a8a8a; letter-spacing: 1px; }
    .nav { display: flex; }
    .nav a {
      display: block; padding: 0 16px; line-height: 80px;
      font-size: 16px; color: #ddd; position: relative;
    }
    .nav a:hover, .nav a.active { color: #e8c76a; }
    .nav a.active::after {
      content: ""; position: absolute; left: 16px; right: 16px; bottom: 18px;
      height: 2px; background: #c9a227;
    }

    /* 搜索框 */
    .search { display: flex; height: 34px; flex-shrink: 0; }
    .search input {
      width: 170px; height: 34px; padding: 0 12px;
      border: 1px solid #3a3a3a; border-right: 0;
      background: #2a2a2a; color: #ddd; font-size: 13px;
      font-family: inherit; outline: none;
    }
    .search input::placeholder { color: #777; }
    .search input:focus { border-color: #c9a227; background: #333; }
    .search button {
      width: 60px; height: 34px; border: 0; cursor: pointer;
      background: #c9a227; color: #1b1b1b; font-size: 13px; font-weight: bold;
      font-family: inherit;
    }
    .search button:hover { background: #e8c76a; }

    /* ============ HERO 区域 ============ */
    .hero { position: relative; width: 100%; overflow: hidden; background: #141414; }
    .hero-img { display: block; width: 100%; height: 260px; object-fit: cover; }
    .hero-inner {
      position: absolute; inset: 0;
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      text-align: center; background: rgba(0, 0, 0, .38);
    }
    .hero-inner h1 {
      font-size: 32px; color: #f5e2a8; letter-spacing: 4px;
      text-shadow: 0 2px 14px rgba(0, 0, 0, .7);
    }
    .hero-inner p {
      margin-top: 10px; font-size: 14px; color: #e8e8e8; letter-spacing: 1px;
    }

    /* ============ 网站简介 ============ */
    .intro { background: #fff; border-bottom: 1px solid #e6e6e6; }
    .intro .container { padding: 22px 0; text-align: center; }
    .intro p { font-size: 15px; color: #555; line-height: 1.9; }

    /* ============ 栏目板块 ============ */
    .main { padding: 30px 0 40px; }
    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    .block {
      background: #fff; border: 1px solid #e8e8e8; border-top: 3px solid #c9a227;
      padding: 0 20px 8px;
    }
    .block-head {
      display: flex; align-items: center; justify-content: space-between;
      height: 56px; border-bottom: 1px solid #eee; margin-bottom: 4px;
    }
    .block-head h2 {
      font-size: 18px; color: #222; position: relative; padding-left: 14px;
    }
    .block-head h2::before {
      content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
      width: 4px; height: 18px; background: #c9302c;
    }
    .more { font-size: 13px; color: #999; }
    .more:hover { color: #c9302c; }

    .news-list li {
      display: flex; align-items: center; justify-content: space-between; gap: 14px;
      padding: 10px 0; border-bottom: 1px dashed #f0f0f0;
    }
    .news-list li:last-child { border-bottom: 0; }
    .news-list a {
      flex: 1; min-width: 0; font-size: 15px; color: #333;
      overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }
    .news-list a:hover { color: #c9302c; }
    .news-list time { flex-shrink: 0; font-size: 13px; color: #aaa; font-family: Arial; }

    /* ============ 推荐游戏 ============ */
    .rec {
      margin-top: 24px;
      background: #fff;
      border: 1px solid #e8e8e8;
      border-top: 3px solid #c9a227;
      padding: 0 20px 20px;
    }
    .rec-head {
      display: flex; align-items: center; justify-content: space-between;
      height: 56px; border-bottom: 1px solid #eee;
    }
    .rec-head h2 {
      font-size: 18px; color: #222; position: relative; padding-left: 14px;
    }
    .rec-head h2::before {
      content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
      width: 4px; height: 18px; background: #c9302c;
    }
    .rec-list { display: flex; gap: 20px; margin-top: 20px; }
    .rec-item { flex: 1; display: block; min-width: 0; }
    .rec-item .thumb {
      display: block; width: 100%; height: 150px;
      overflow: hidden; background: #eee;
    }
    .rec-item .thumb img {
      display: block; width: 100%; height: 100%; object-fit: cover;
      transition: transform .3s;
    }
    .rec-item:hover .thumb img { transform: scale(1.06); }
    .rec-item .name {
      display: block; margin-top: 10px; font-size: 15px; color: #333; text-align: center;
      overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }
    .rec-item:hover .name { color: #c9302c; }

    /* ============ 版权 ============ */
    .footer {
      background: #1b1b1b; color: #999; padding: 26px 0;
      text-align: center; font-size: 13px; line-height: 2;
    }
    .footer a { color: #c9a227; }