.concat-index-site {
     display: none;
}
@media screen and (max-width: 1024px) {

     /* 显示卡片模块 */
     .concat-index-site {
          display: flex !important;
          flex-wrap: wrap;
          gap: 15px;
          padding: 15px;
          background: #fff;
          border-radius: 4px;
          margin: 15px 0;
     }

     .concat-index-site > .concat-index-site-card {
          flex: 1 1 100%;
          background: #fff;
          border-radius: 4px;
          overflow: hidden;
          box-shadow: 0 1px 3px rgba(0,0,0,0.08);
     }

     /* ============================================
        第二层：卡片1 - 联系站长（图1红色区域样式）
        ============================================ */
     .concat-index-site > .concat-index-site-card:first-child {
          border: 1px solid #e0e0e0;
          padding: 0;
     }

     /* 联系站长标题 */
     .concat-index-site > .concat-index-site-card:first-child::before {
          content: "联系站长";
          display: block;
          font-size: 16px;
          font-weight: 600;
          color: #333;
          padding: 12px 15px;
          margin: 0;
          border-left: 3px solid #1890ff;
          border-bottom: 1px solid #f0f0f0;
          background: #fff;
     }

     /* 联系列表容器 */
     .concat-index-site > .concat-index-site-card:first-child > .concat {
          list-style: none;
          margin: 0;
          padding: 0;
     }

     /* 联系列表项 */
     .concat-index-site > .concat-index-site-card:first-child > .concat > li {
          padding: 12px 15px;
          border-bottom: 1px solid #f0f0f0;
     }

     .concat-index-site > .concat-index-site-card:first-child > .concat > li:last-child {
          border-bottom: none;
     }

     /* 联系链接 */
     .concat-index-site > .concat-index-site-card:first-child > .concat > li > a {
          color: #333;
          text-decoration: none;
          font-size: 14px;
          display: block;
          word-break: break-all;
     }

     .concat-index-site > .concat-index-site-card:first-child > .concat > li > a:hover {
          color: #1890ff;
     }

     /* ============================================
        第三层：卡片2、3 - 交易所卡片（图2样式）
        ============================================ */
     .concat-index-site > .concat-index-site-card:nth-child(2),
     .concat-index-site > .concat-index-site-card:nth-child(3) {
          border: 1px solid #e8e8e8;
          padding: 15px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
     }

     /* 上半部分：Logo+文字 横向排列 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content {
          display: flex;
          gap: 12px;
          margin-bottom: 15px;
          align-items: flex-start;
     }

     /* Logo样式 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-logo,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-logo {
          width: 48px;
          height: 48px;
          border-radius: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-shrink: 0;
          border: 2px solid transparent;
     }

     /* OKX Logo背景 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-logo {
          background: linear-gradient(#000000, #000000) padding-box,
          linear-gradient(135deg, #000000, #333333) border-box;
     }

     /* 币安 Logo背景 */
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-logo {
          background: linear-gradient(#000, #000) padding-box,
          linear-gradient(135deg, #F0B90B, #F8D56B) border-box;
     }

     /* SVG图标 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-logo > svg,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-logo > svg {
          width: 32px;
          height: 32px;
     }

     /* 文字区域容器 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-text,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-text {
          flex: 1;
          min-width: 0;
     }

     /* 标题 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-text > .site-block-title,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-text > .site-block-title {
          font-size: 16px;
          font-weight: 600;
          color: #333;
          margin: 0 0 6px 0;
     }

     /* 描述文字 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-text > .site-block-desc,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-text > .site-block-desc,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-text > .site-block-sidebar-desc {
          font-size: 13px;
          color: #666;
          line-height: 1.5;
          margin: 0;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
     }

     /* 按钮组容器 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-btn-group,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-btn-group {
          display: flex;
          gap: 10px;
          margin-top: auto;
     }

     /* 按钮基础样式 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-btn-group > .btn,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-btn-group > .btn {
          flex: 1;
          padding: 12px 0;
          text-align: center;
          border-radius: 4px;
          font-size: 14px;
          text-decoration: none;
          font-weight: 500;
          transition: all 0.3s;
     }

     /* 下载按钮 - 蓝色 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-btn-group > .btn-download,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-btn-group > .btn-download {
          background: #2b6cff;
          color: #fff;
          border: 1px solid #2b6cff;
     }

     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-btn-group > .btn-download:hover,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-btn-group > .btn-download:hover {
          background: #1a5aee;
          border-color: #1a5aee;
     }

     /* 注册按钮 - 白色边框 */
     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-btn-group > .btn-register,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-btn-group > .btn-register {
          background: #fff;
          color: #333;
          border: 1px solid #d9d9d9;
     }

     .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-btn-group > .btn-register:hover,
     .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-btn-group > .btn-register:hover {
          border-color: #2b6cff;
          color: #2b6cff;
     }

     /* ============================================
        响应式优化 - 嵌套在父查询内
        ============================================ */

     /* 平板横屏优化（576px-1024px） */
     @media screen and (min-width: 576px) {
          .concat-index-site > .concat-index-site-card {
               flex: 1 1 calc(50% - 8px);
               min-width: 280px;
          }

          .concat-index-site > .concat-index-site-card:first-child {
               flex: 1 1 100%;
          }
     }

     /* 小平板优化（480px-575px） */
     @media screen and (max-width: 575px) {
          .concat-index-site {
               padding: 10px;
               gap: 10px;
          }

          .concat-index-site > .concat-index-site-card:nth-child(2),
          .concat-index-site > .concat-index-site-card:nth-child(3) {
               padding: 12px;
          }

          .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-text > .site-block-title,
          .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-text > .site-block-title {
               font-size: 15px;
          }

          .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-text > .site-block-desc,
          .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-text > .site-block-desc,
          .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-text > .site-block-sidebar-desc {
               font-size: 12px;
          }

          .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-btn-group > .btn,
          .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-btn-group > .btn {
               padding: 10px 0;
               font-size: 13px;
          }
     }

     /* 小手机优化（<480px） */
     @media screen and (max-width: 479px) {
          .concat-index-site {
               padding: 8px;
               gap: 8px;
          }

          .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-logo,
          .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-logo {
               width: 42px;
               height: 42px;
          }

          .concat-index-site > .concat-index-site-card:nth-child(2) > .site-block-content > .site-block-logo > svg,
          .concat-index-site > .concat-index-site-card:nth-child(3) > .site-block-content > .site-block-logo > svg {
               width: 28px;
               height: 28px;
          }
     }
}