body {
      margin: 0;
      background: #f5f5f5;
      font-family: Arial, "Microsoft YaHei", sans-serif;
    }

    .filter-wrapper {
      max-width: 1200px;
      margin: 30px auto;
      text-align: center;
    }

    .filter-title {
      font-size: 32px;
      font-weight: 500;
      color: #222;
      margin-bottom: 15px;
    }

    .filter-grid {
      display: flex;
      justify-content: center;
      gap: 18px;
      flex-wrap: wrap;
      margin-bottom: 40px;
    }

    .filter-grid.regions {
      gap: 14px;
    }

    /* 按钮统一样式 */
    .filter-btn {
      background: #fff;              /* 白色背景 */
      border: 2px solid #000;        /* 黑色边框 */
      color: #000;                   /* 黑色文字 */
      text-decoration: none;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      box-sizing: border-box;
      transition: all 0.2s ease;
    }

    /* hover效果 */
    .filter-btn:hover {
      background: #000;
      color: #fff;
    }

    /* 类型按钮 */
    .type-btn {
      width: 220px;
      height: 70px;
      font-size: 18px;
      font-weight: 500;
      text-transform: uppercase;
    }

    /* 地区按钮 */
    .region-btn {
      width: 180px;
      height: 80px;
      flex-direction: column;
      gap: 4px;
      padding: 6px;
    }

    .region-en {
      font-size: 14px;
    }

    .region-cn {
      font-size: 16px;
    }

    /* 手机适配 */
    @media (max-width: 768px) {
      .filter-title {
        font-size: 24px;
      }

      .type-btn {
        width: 90%;
        height: 60px;
      }

      .region-btn {
        width: 45%;
      }
    }