card样式

  .main-two {
      margin-top: 24px;
      padding: 24px;
      border-radius: 24px;
      border: 1px solid #fff;
      background: linear-gradient(180deg, #f5f7ff 1%, #e5eaff 98%);
      container-type: inline-size;

      .card-list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
        align-content: start;

        @container (max-width: 1200px) {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        @container (max-width: 900px) {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        @container (max-width: 560px) {
          grid-template-columns: 1fr;
        }