/* ===== 全局重置 & 基础 ===== */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      font-family: "pingfang SC", "helvetica neue", arial, "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", simsun, sans-serif !important;
      background: #fff;
      color: #333;
      line-height: 1.5;
    }
    a {
      text-decoration: none;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    a:hover {
      text-decoration: none;
    }
    ul, ol, li {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    img {
      vertical-align: middle;
      border: 0;
    }
    table {
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%;
    }
    th, td {
      text-align: left;
      vertical-align: middle;
    }

    /* ===== 容器 ===== */
    .solution_game-container {
      max-width: 1350px;
      margin: 0 auto;
      padding-left: 20px;
      padding-right: 20px;
    }
    @media (max-width: 576px) {
      .solution_game-container {
        padding-left: 16px;
        padding-right: 16px;
      }
    }

    /* ===== 通用标题 ===== */
    .solution_game-tit {
      font-size: 30px;
      color: #000;
      font-weight: bold;
      text-align: center;
      margin: 0 0 10px 0;
    }
    .solution_game-stit {
      font-size: 14px;
      color: #666;
      text-align: center;
      margin: 0 0 10px 0;
    }

    /* ===== 每块上下内边距 ===== */
    .solution_game-section {
      padding: 90px 0;
    }
    @media (max-width: 576px) {
      .solution_game-section {
        padding: 60px 0;
      }
    }

    /* ===== Banner ===== */
    .solution_game_ban {
      width: 100%;
      background: url("/css/2020/images/solution_game_banner.jpg") top center no-repeat;
      background-size: cover;
      height: 500px;
      margin-top: 60px;
      display: flex;
      align-items: center;
    }
    .solution_game_ban .solution_game-container {
      width: 100%;
    }
    .solution_game_ban_txt {
      text-align: left;
      padding: 0;
    }
    .solution_game_ban_txt h1 {
      font-size: 36px;
      color: #fff;
      font-weight: bold;
      margin: 0 0 20px 0;
      text-align: left;
    }
    .solution_game_ban_txt p {
      font-size: 16px;
      color: #fff;
      line-height: 28px;
      max-width: 627px;
      text-align: justify;
      margin: 30px 0 40px 0;
    }
    .solution_game_ban_txt a {
      display: inline-block;
      font-size: 14px;
      color: #fff;
      line-height: 35px;
      width: 154px;
      text-align: center;
      height: 35px;
      border: 1px solid #fff;
      border-radius: 10px;
      transition: background 0.2s ease, color 0.2s ease;
    }
    .solution_game_ban_txt a:hover {
      background: #fff;
      color: #333;
    }
    @media (max-width: 768px) {
      .solution_game_ban {
        height: 400px;
        background-position: center;
      }
      .solution_game_ban_txt h1 {
        font-size: 28px;
        text-align: left;
      }
      .solution_game_ban_txt p {
        font-size: 14px;
        line-height: 24px;
        max-width: 100%;
        margin: 20px 0 30px 0;
        text-align: left;
      }
    }
    @media (max-width: 576px) {
      .solution_game_ban {
        height: 360px;
        margin-top: 60px;
      }
      .solution_game_ban_txt h1 {
        font-size: 22px;
        text-align: left;
      }
      .solution_game_ban_txt p {
        font-size: 13px;
        line-height: 22px;
        margin: 15px 0 25px 0;
        text-align: left;
      }
      .solution_game_ban_txt a {
        width: 130px;
        line-height: 32px;
        height: 32px;
        font-size: 13px;
      }
    }

    /* ===== 部署和架构 ===== */
    .solution_game-con1 {
      background: #f7f9ff;
    }
    .solution_game-c1Con {
      background: #fff;
      box-shadow: 0px 2px 19px 1px rgba(0,102,255,0.13);
      padding: 30px 20px;
      margin-top: 43px;
      border-radius: 10px;
    }
    .solu_c1ConL {
      flex: 0 0 auto;
      width: 58%;
    }
    .solu_c1ConL img {
      max-width: 100%;
    }
    .solu_c1ConR {
      flex: 0 0 auto;
      width: 41%;
    }
    .solu_jgtTit {
      width: 159px;
      height: 41px;
      background: #ebebec;
      font-size: 16px;
      color: #333;
      text-align: center;
      line-height: 41px;
      margin-bottom: 31px;
      border-radius: 4px;
    }
    .solu_game_fags {
      margin-bottom: 20px;
    }
    .solu_game_fags h6 {
      color: #009cf6;
      font-size: 18px;
      font-weight: bold;
      margin-bottom:10px;
    }
    .solu_game_fags p {
      color: #333;
      font-size: 14px;
      line-height: 24px;
      text-align: justify;
      margin-bottom: 6px;
    }
    .solu_game_ynjd {
      text-align: center;
      margin: 10px 0 20px 0;
    }
    .solu_game_ynjd a {
      font-size: 14px;
      color: #009cf6;
      margin-left: 8px;
    }
    .solu_game_ynjd a:hover {
      color: #0056b3;
    }

    /* 相关产品推荐 */
    .solu_game_cptj {
      margin-top: 30px;
    }
    .solu_game_hotTit {
      width: 137px;
      height: 14px;
      font-size: 14px;
      text-align: center;
      margin: 0 auto 30px auto;
      color: #333;
      position: relative;
    }
    .solu_game_hotTit::before,
    .solu_game_hotTit::after {
      content: "";
      width: 170px;
      height: 1px;
      background: #ebecec;
      position: absolute;
      top: 10px;
    }
    .solu_game_hotTit::before {
      left: -154px;
    }
    .solu_game_hotTit::after {
      right: -154px;
    }
    .solu_game_cptj ul {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px 30px;
      justify-items: center;
    }
    .solu_game_cptj ul li {
      text-align: center;
      cursor: pointer;
      transition: transform 0.2s ease;
    }
    .solu_game_cptj ul li:hover {
      transform: translateY(-4px);
    }
    .solu_game_cptj ul li img {
      width: 48px;
      height: 48px;
      object-fit: contain;
    }
    .solu_game_cptj ul li p {
      font-size: 14px;
      margin-top: 12px;
      color: #333;
      transition: color 0.2s;
    }
    .solu_game_cptj ul li p:hover {
      color: #009cf6;
    }
    @media (max-width: 992px) {
      .solu_c1ConL,
      .solu_c1ConR {
        width: 100%;
        padding-left: 0;
      }
      .solu_c1ConL img {
        max-width: 100%;
      }
      .solu_c1ConR {
        margin-top: 30px;
      }
      .solu_game_cptj ul {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }
    }
    @media (max-width: 576px) {
      .solu_game_cptj ul {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .solu_jgtTit {
        width: 120px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
      }
    }

    /* ===== 方案热门服务器推荐 ===== */
    .solution_game-con2 {
      padding: 90px 0;
    }
    .solution_game-c2Con {
      margin-top: 20px;
    }
    .solution_game-c2Con > li {
      margin-top: 40px;
    }
    .solution_game-c2Con table {
      border: 1px solid #ebecec;
      border-radius: 10px;
    }
    .solution_game-c2Con th {
      text-align: center;
      height: 53px;
      background: #f7f9ff;
      color: #333;
      border-right: 1px solid #ebebec;
      border-bottom: 1px solid #ebebec;
      font-size: 16px;
      font-weight: normal;
    }
    .solution_game-c2Con td {
      height: 80px;
      color: #333;
      border-right: 1px solid #ebebec;
      border-bottom: 1px solid #ebebec;
      font-size: 14px;
      text-align: center;
    }
    .solution_game-c2Con td a {
      display: inline-block;
      width: 147px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      background: #4d8df9;
      color: #fff;
      font-size: 14px;
      border-radius: 10px;
      transition: background 0.2s ease;
    }
    .solution_game-c2Con td a:hover {
      background: #3f5eff;
    }
    .solution_game-c2Con td span {
      font-size: 16px;
      color: #ff8900;
      margin-right: 5px;
    }
    .gengduo {
      text-align: center;
      font-size: 14px;
      margin-top: 20px;
    }
    .gengduo a {
      color: #f00;
    }
    .gengduo a:hover {
      color: #cc0000;
    }

    /* 竖版标题样式 - 合并行 */
    .solution_game-c2Con th p {
      margin: 0;
      padding: 0;
      line-height: 1.6;
    }
    .solution_game-c2Con th[rowspan] {
      width: 75px;
      text-align: center;
      vertical-align: middle;
      font-size: 16px;
      color: #333;
      background: #f7f9ff;
      border-right: 1px solid #ebebec;
      border-bottom: 1px solid #ebebec;
    }
    .solution_game-c2Con th[rowspan] p {
      margin: 0;
      padding: 2px 0;
      line-height: 1.6;
    }

    /* ===== 表格移动端保持原样 ===== */
    @media (max-width: 768px) {
      .solution_game-c2Con table {
        display: table;
        border-collapse: collapse;
        width: 100%;
        font-size: 12px;
      }
      .solution_game-c2Con table thead {
        display: table-header-group;
      }
      .solution_game-c2Con table tbody {
        display: table-row-group;
      }
      .solution_game-c2Con table tr {
        display: table-row;
      }
      .solution_game-c2Con table td,
      .solution_game-c2Con table th {
        display: table-cell;
        padding: 6px 8px;
        height: auto;
        font-size: 12px;
        border: 1px solid #ebebec;
        text-align: center;
        word-break: break-word;
      }
      .solution_game-c2Con table td::before {
        display: none;
      }
      .solution_game-c2Con table th {
        font-size: 12px;
        height: auto;
        padding: 6px 8px;
      }
      .solution_game-c2Con table th[rowspan] {
        width: 50px;
        font-size: 12px;
        padding: 4px 6px;
      }
      .solution_game-c2Con table th[rowspan] p {
        font-size: 12px;
        padding: 1px 0;
      }
      .solution_game-c2Con td a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        padding: 0 6px;
        display: inline-block;
      }
      .solution_game-c2Con td span {
        font-size: 14px;
      }
    }

    @media (max-width: 480px) {
      .solution_game-c2Con table {
        font-size: 10px;
      }
      .solution_game-c2Con table td,
      .solution_game-c2Con table th {
        font-size: 10px;
        padding: 4px 4px;
      }
      .solution_game-c2Con table th {
        font-size: 10px;
      }
      .solution_game-c2Con table th[rowspan] {
        width: 35px;
        font-size: 10px;
        padding: 2px 4px;
      }
      .solution_game-c2Con table th[rowspan] p {
        font-size: 10px;
        padding: 1px 0;
      }
      .solution_game-c2Con td a {
        width: 70px;
        height: 24px;
        line-height: 24px;
        font-size: 10px;
        padding: 0 4px;
      }
      .solution_game-c2Con td span {
        font-size: 12px;
      }
    }

    /* ===== 解决方案优势 ===== */
    .solution_game-con3 {
      background: #f7f9ff;
    }
    .solution_game-c3Con {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 40px 30px;
      margin-top: 43px;
      justify-items: center;
    }
    .solution_game-c3Con li {
      width: 100%;
      height: 199px;
      background: #fff;
      text-align: center;
      padding-top: 36px;
      border-radius: 10px;
      transition: box-shadow 0.3s ease, transform 0.2s ease;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }
    .solution_game-c3Con li:hover {
      box-shadow: 0 8px 25px rgba(0,0,0,0.10);
      transform: translateY(-4px);
    }
    .solution_game-c3Con li img {
      width: 50px;
      height: 50px;
      object-fit: contain;
    }
    .solution_game-c3Con li p {
      font-size: 20px;
      color: #333;
      margin-top: 29px;
    }
    @media (max-width: 992px) {
      .solution_game-c3Con {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 20px;
      }
    }
    @media (max-width: 576px) {
      .solution_game-c3Con {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
      }
      .solution_game-c3Con li {
        height: 160px;
        padding-top: 24px;
      }
      .solution_game-c3Con li p {
        font-size: 16px;
        margin-top: 20px;
      }
    }

    /* ===== 热点知识赏析 ===== */
    .solution_game-con4 {
      padding: 90px 0;
    }
    .solution_game-c4Con {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px 60px;
      margin-top: 30px;
    }
    .solution_game-c4Con li {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: flex;
      align-items: center;
    }
    .solution_game-c4Con li span {
      display: inline-block;
      width: 18px;
      height: 18px;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      color: #fff;
      background: #4d8df9;
      margin-right: 8px;
      border-radius: 4px;
      flex-shrink: 0;
    }
    .solution_game-c4Con li a {
      font-size: 14px;
      color: #333;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .solution_game-c4Con li a:hover {
      color: #4d8df9;
    }
    @media (max-width: 992px) {
      .solution_game-c4Con {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 40px;
      }
    }
    @media (max-width: 576px) {
      .solution_game-c4Con {
        grid-template-columns: 1fr;
        gap: 16px;
      }
    }

    /* ===== 注册会员 ===== */
    .solution_zc {
      width: 100%;
      background: url("/css/2020/images/game_reg-bg.png") top center no-repeat;
      background-size: cover;
      height: 160px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .solution_zcTit {
      font-size: 30px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .solution_zc a {
      display: inline-block;
      width: 120px;
      height: 36px;
      border: 1px solid #fff;
      text-align: center;
      line-height: 36px;
      color: #fff;
      font-size: 14px;
      border-radius: 10px;
      transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }
    .solution_zc a:hover {
      background: #fff;
      border-color: #fff;
      color: #333;
    }
    @media (max-width: 576px) {
      .solution_zc {
        height: 140px;
      }
      .solution_zcTit {
        font-size: 22px;
        margin-bottom: 16px;
      }
    }

    /* ===== 通用微调 ===== */
    .solution_game-row {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
    }
    .solution_game-row-center {
      align-items: center;
    }
    .solution_game-mt-2 {
      margin-top: 20px;
    }
    .solution_game-mb-2 {
      margin-bottom: 20px;
    }
    .solution_game-text-center {
      text-align: center;
    }

    /* 卡片与按钮圆角 */
    .solution_game-c1Con,
    .solution_game-c3Con li,
    .solution_game-c2Con table,
    .solution_zc a,
    .solution_game_ban_txt a {
      border-radius: 10px;
    }