
    /* 网格布局：左右两列等分 */
    .ct-grid-main {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      align-items: start;
    }

    /* 右侧列：上下堆叠布局 */
    .ct-grid-right {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    /* 右下小图网格：左右并排 */
    .ct-grid-sub {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    /* 通用卡片样式 */
    .ct-card {
      position: relative;
      display: block;
      overflow: hidden;
      border-radius: 8px;
      text-decoration: none;
      background-color: #f0f0f0;
    }

    /* 图片基础样式 */
    .ct-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border: none;
      display: block;
      transition: transform 0.5s ease;
      /* 增加轻微的缩放动画感 */
    }

    .ct-card:hover img {
      transform: scale(1.05);
      /* 鼠标经过时图片微放大 */
    }

    /* 文字上方的渐变遮罩：增强文字识别度 */
    .ct-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.6) 0%,
        transparent 50%
      );
      pointer-events: none;
    }

    /* 文字定位容器 */
    .ct-text-box {
      position: absolute;
      color: #ffffff;
      width: 85%;
    }

    /* 标题文字样式 */
    .ct-title {
      margin: 0;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 1.1;
    }
  