/* 全局重置 & 字体 */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background: #1c110a; /* 深色底，仿旧羊皮纸氛围 */
      font-family: 'Segoe UI', 'PingFang SC', Roboto, 'Helvetica Neue', system-ui, sans-serif;
      color: #e8dccc;
      line-height: 1.5;
      padding: 0 0 2rem 0;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    /* 主容器 — 仿古书卷 */
    .game-wrapper {
      max-width: 720px;
      width: 100%;
      background: #2a1e16; /* 厚重基底 */
      background-image: radial-gradient(circle at 20% 30%, #3d2c20 0%, #1f140e 90%);
      box-shadow: 0 20px 40px rgba(0,0,0,0.7), inset 0 1px 4px rgba(235, 200, 160, 0.2);
      border-radius: 32px 32px 24px 24px;
      padding: 1.8rem 1.5rem 2.5rem;
      margin: 1.2rem 1rem;
      border: 1px solid #7a5f4a;
      border-top-color: #b49273;
      transition: all 0.2s;
    }

    /* 标题区 — 手工感 */
    .title-block {
      text-align: center;
      margin-bottom: 1.8rem;
      position: relative;
    }

    .title-block h1 {
      font-size: 2.6rem;
      font-weight: 600;
      letter-spacing: 4px;
      color: #f3e3d0;
      text-shadow: 0 4px 0 #3f2b1c, 0 8px 12px rgba(0,0,0,0.6);
      word-break: break-word;
      line-height: 1.2;
    }

    .title-block h1 small {
      display: block;
      font-size: 1.2rem;
      letter-spacing: 6px;
      color: #dac29c;
      text-shadow: 0 2px 0 #3d2b1a;
      margin-top: 6px;
      font-weight: 400;
      background: #231912;
      display: inline-block;
      padding: 0.1rem 1.8rem;
      border-radius: 40px;
      border: 1px solid #846b52;
      box-shadow: inset 0 1px 4px #b39578;
    }

    /* 特色标签 */
    .feature-tags {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.6rem 0.8rem;
      margin: 1.6rem 0 1.2rem;
    }

    .feature-tags span {
      background: #2d1e14;
      padding: 0.3rem 1.2rem;
      border-radius: 60px;
      font-size: 0.9rem;
      font-weight: 500;
      letter-spacing: 1px;
      color: #eedbc0;
      border: 1px solid #a58364;
      box-shadow: inset 0 0 6px #644b34;
      backdrop-filter: blur(1px);
    }

    /* 主视觉 — 仿老传奇风格 */
    .hero-visual {
      background: #2e1f14;
      border-radius: 60px 16px 60px 16px;
      padding: 2rem 1.2rem;
      margin: 1.2rem 0 1.8rem;
      border: 1px solid #b19070;
      box-shadow: inset 0 0 30px #0d0805, 0 12px 18px -8px black;
      background-image: linear-gradient(145deg, #3f2b1d, #1f130d);
      position: relative;
      overflow: hidden;
    }

    .hero-visual::after {
      content: "⚔️ 1.76 ⚔️";
      position: absolute;
      bottom: 6px;
      right: 16px;
      font-size: 1.8rem;
      opacity: 0.08;
      font-weight: 700;
      letter-spacing: 8px;
      color: #eac7a0;
      pointer-events: none;
      white-space: nowrap;
    }

    .hero-grid {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 1.2rem 2rem;
    }

    .hero-icon {
      font-size: 4.2rem;
      filter: drop-shadow(0 8px 6px #0a0502);
      background: #1c110a;
      padding: 0.6rem 1.8rem;
      border-radius: 120px;
      border: 1px solid #b68f6e;
      line-height: 1.4;
      background: #2f1d12;
      box-shadow: inset 0 -4px 0 #4d3522;
    }

    .hero-text {
      font-size: 1.3rem;
      font-weight: 400;
      text-shadow: 0 2px 6px #030201;
      letter-spacing: 2px;
      background: #1e130d;
      padding: 0.4rem 1.6rem;
      border-radius: 60px;
      border: 1px solid #a58567;
      color: #f5e4ce;
    }

    .hero-text strong {
      color: #fad69b;
      font-weight: 600;
      margin: 0 4px;
    }

    /* 核心卖点 — 卡片 */
    .feature-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.2rem 1rem;
      margin: 2rem 0 1.6rem;
    }

    .feature-card {
      background: #1f140e;
      border: 1px solid #7d624b;
      border-radius: 28px 8px 28px 8px;
      padding: 1.2rem 0.8rem;
      text-align: center;
      box-shadow: inset 0 0 12px #0f0905, 0 6px 10px rgba(0,0,0,0.5);
      transition: transform 0.1s ease, border-color 0.2s;
    }

    .feature-card:hover {
      border-color: #dbb58c;
      transform: scale(1.01);
    }

    .feature-card .icon {
      font-size: 2.4rem;
      display: block;
      margin-bottom: 0.3rem;
      filter: drop-shadow(0 4px 2px #040201);
    }

    .feature-card h3 {
      font-size: 1.2rem;
      font-weight: 600;
      color: #e9d3b8;
      letter-spacing: 1px;
      border-bottom: 1px dashed #6f543d;
      padding-bottom: 0.3rem;
      margin-bottom: 0.4rem;
    }

    .feature-card p {
      font-size: 0.9rem;
      color: #cdbcab;
      padding: 0 0.2rem;
    }

    /* 复古小极品 特别展示 */
    .highlight-zone {
      background: #271b12;
      border-radius: 80px 16px 80px 16px;
      padding: 1.6rem 1.2rem;
      margin: 1.6rem 0 2rem;
      border-left: 6px solid #c9a074;
      border-right: 1px solid #5a4230;
      box-shadow: inset 0 0 20px #0f0905;
    }

    .highlight-zone h2 {
      font-size: 1.8rem;
      font-weight: 500;
      letter-spacing: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
      color: #f3dfc2;
      text-shadow: 0 2px 0 #2f1d10;
    }

    .highlight-zone h2 span {
      background: #2f1d10;
      padding: 0 1.2rem;
      border-radius: 60px;
      border: 1px solid #b48d68;
      font-size: 1.6rem;
      line-height: 1.6;
    }

    .highlight-zone p {
      font-size: 1rem;
      text-align: center;
      max-width: 450px;
      margin: 0.8rem auto 0;
      color: #ddcdb6;
      background: #1b110b;
      padding: 0.4rem 1rem;
      border-radius: 60px;
      border: 1px solid #6f543d;
    }

    /* CTA 按钮 — 复古感 */
    .cta-group {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 1.2rem 2rem;
      margin: 2rem 0 1rem;
    }

    .btn {
      display: inline-block;
      padding: 0.9rem 2.6rem;
      background: #322116;
      border: 2px solid #c6a17b;
      border-radius: 80px;
      font-size: 1.4rem;
      font-weight: 600;
      letter-spacing: 3px;
      color: #f2dfc6;
      text-shadow: 0 2px 0 #1f1107;
      box-shadow: 0 6px 0 #1b0f08, 0 8px 20px rgba(0,0,0,0.5);
      transition: all 0.08s linear;
      text-decoration: none;
      background-image: linear-gradient(145deg, #46301f, #22160e);
      cursor: default; /* 演示用，无实际链接 */
      flex: 0 1 auto;
      min-width: 160px;
      text-align: center;
    }

    .btn-primary {
      background: #4f351f;
      border-color: #dfbc92;
      color: #fcf3e3;
      box-shadow: 0 6px 0 #2a1a0d, 0 8px 24px #00000077;
    }

    .btn-primary:hover {
      transform: translateY(-2px);
      border-color: #f5dbb6;
      background: #5f402b;
    }

    .btn-secondary {
      background: #2a1b10;
      border-color: #997b5f;
      box-shadow: 0 6px 0 #150d07;
    }

    /* 底部注记 — 散人 */
    .footnote {
      text-align: center;
      font-size: 0.85rem;
      color: #a58d78;
      border-top: 1px solid #3f2e1f;
      padding-top: 1.2rem;
      margin-top: 1.2rem;
      letter-spacing: 2px;
      background: #1e130d;
      border-radius: 60px;
      padding: 1rem 1.5rem;
    }

    .footnote i {
      font-style: normal;
      background: #2d1d12;
      padding: 0.1rem 0.8rem;
      border-radius: 30px;
      border: 1px solid #6b503b;
      margin: 0 4px;
    }

    /* 移动端适配 */
    @media (max-width: 480px) {
      .game-wrapper {
        padding: 1.2rem 0.9rem;
        border-radius: 24px;
        margin: 0.6rem 0.5rem;
      }
      .title-block h1 {
        font-size: 2.2rem;
        letter-spacing: 2px;
      }
      .title-block h1 small {
        font-size: 1rem;
        letter-spacing: 3px;
        padding: 0 1.2rem;
      }
      .feature-grid {
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
      }
      .feature-card {
        padding: 0.9rem 0.4rem;
      }
      .feature-card .icon {
        font-size: 1.8rem;
      }
      .hero-text {
        font-size: 1.0rem;
        padding: 0.2rem 1rem;
      }
      .hero-icon {
        font-size: 3.2rem;
        padding: 0.3rem 1rem;
      }
      .highlight-zone h2 {
        font-size: 1.4rem;
      }
      .highlight-zone h2 span {
        font-size: 1.2rem;
        padding: 0 0.8rem;
      }
      .btn {
        font-size: 1.2rem;
        padding: 0.7rem 1.4rem;
        min-width: 120px;
      }
      .feature-tags span {
        font-size: 0.75rem;
        padding: 0.2rem 0.8rem;
      }
    }

    @media (max-width: 380px) {
      .feature-grid {
        grid-template-columns: 1fr;
        gap: 0.6rem;
      }
      .title-block h1 {
        font-size: 1.8rem;
      }
    }

    /* 去除AI痕迹，增加手工感装饰 */
    .handmade-dash {
      width: 60px;
      height: 3px;
      background: #b4916c;
      margin: 0.8rem auto 0.4rem;
      border-radius: 10px;
      opacity: 0.7;
    }

    /* 自定列表 */
    .plain-list {
      list-style: none;
      padding: 0;
    }
    .plain-list li {
      display: inline-block;
      margin: 0 0.4rem;
    }

    /* 古董分割 */
    .divider-custom {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      color: #836b54;
      margin: 0.6rem 0;
    }
    .divider-custom::before,
    .divider-custom::after {
      content: "";
      flex: 1;
      height: 1px;
      background: linear-gradient(90deg, transparent, #a58466, transparent);
    }