.contact-container {
      display: flex;
      margin-left: auto !important;
      margin-right: auto !important;
      margin-bottom: 81px !important;
  }

  .school-content {
      flex: 1;
  }

  /* 概况 star */
  .overview-box {
      max-width: 1100px;
      width: 100%;
      margin-bottom: 30px;
      background: linear-gradient(1turn, #fff, hsla(0, 0%, 100%, .8) 99%);
      border-radius: 10px;
      backdrop-filter: blur(10px);
      position: relative;
      z-index: 999;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  }

  .overview-box .top-box {
      background-image: url(../../images/v2/contact/over-view-background.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      overflow: hidden;
      height: 208px;
  }

  .overview-box .top-box .cover-box {
      padding: 32px 32px 17px;
  }

  .overview-box .top-box .cover-box .top-title {
      color: #1b5bbe;
      font-size: 37px;
      font-weight: 600;
      line-height: 73px;
  }

  .overview-box .top-box .cover-box .top-sub-title {
      font-size: 17px;
      color: #6d7176;
      font-weight: 600;
  }

  .overview-box .top-box .cover-box .top-line {
      margin-top: 20px;
      width: 33px;
      height: 4px;
      background: #1d59be;
  }

  /* ===== 主体内容（两列布局） ===== */
  .overview-box .overview-content {
      padding: 32px 32px 17px;
      display: grid;
      grid-template-columns: 2.3fr 1.1fr;
      /* 左宽右窄，合理分配 */
      gap: 30px;
  }

  /* ===== 左侧信息列表 ===== */
  .overview-box .overview-content .content-item {
      display: flex;
      align-items: center;
      transition: background-color 0.25s ease;
      padding: 4px 8px;
      border-radius: 8px;
  }

  .overview-box .overview-content .content-item:hover {
      background-color: #f7faff;
      /* cursor: pointer; */
  }

  .overview-box .overview-content .content-item .svg-container {
      margin-right: 20px;
      padding: 10px;
      border-radius: 50%;
      background: #f0f5fd;
      transition: background 0.2s ease;
      flex-shrink: 0;
  }

  .overview-box .overview-content .content-item:hover .svg-container {
      background: #e1ecfc;
  }

  .overview-box .overview-content .content-item .item-label {
      line-height: 50px;
      font-size: 15px;
      font-weight: 600;
      color: #3a3d45;
      flex: 1;
      border-bottom: 1px solid #f1f3f5;
      display: flex;
      align-items: center;
  }

  .overview-box .overview-content .content-item .item-label p {
      flex: 1;
      line-height: 32px;
      margin-left: 4px;
  }

  /* ===== 右侧二维码卡片（主题色优化） ===== */
  .overview-content .qrcode-box {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #f0f5fd;
      /* 与左侧图标背景统一 */
      border-radius: 12px;
      padding: 20px 15px;
      box-shadow: 0 4px 12px rgba(27, 91, 190, 0.08);
      transition: box-shadow 0.3s ease, transform 0.2s ease;
  }

  .overview-content .qrcode-box:hover {
      box-shadow: 0 6px 20px rgba(27, 91, 190, 0.15);
      transform: translateY(-2px);
  }

  .overview-content .qrcode-box .qrcode-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
  }

  /* 二维码图片 */
  .overview-content .qrcode-box .qrcode-content img {
      width: 140px;
      height: 140px;
      object-fit: contain;
      border-radius: 8px;
      background: #ffffff;
      padding: 4px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
      transition: transform 0.3s ease;
  }

  .overview-content .qrcode-box .qrcode-content img:hover {
      transform: scale(1.03);
  }

  /* ===== 文字标签 —— 使用主题蓝色 ===== */
  .overview-content .qrcode-box .qrcode-content .label {
      margin-top: 14px;
      font-size: 15px;
      font-weight: 600;
      color: #ffffff;
      /* 白色文字 */
      letter-spacing: 0.5px;
      background: #1b5bbe;
      /* 主题蓝色 */
      padding: 4px 18px;
      border-radius: 20px;
      display: inline-block;
      transition: background 0.25s ease, transform 0.2s ease;
  }

  /* 悬停时加深蓝色，并稍微放大 */
  .overview-content .qrcode-box:hover .qrcode-content .label {
      background: #0f4a9e;
      /* 深蓝色 */
      transform: scale(1.02);
  }

  /* ===== 响应式适配（小屏幕时改为单列） ===== */
  @media (max-width: 768px) {
      .overview-box .overview-content {
          grid-template-columns: 1fr;
          gap: 20px;
      }

      .overview-content .qrcode-box {
          padding: 25px 15px;
      }

      .overview-content .qrcode-box .qrcode-content img {
          width: 120px;
          height: 120px;
      }
  }

  /* 概况 end */

  /* 校区列表 star */
  .school-list {
      background: linear-gradient(1turn, #fff, hsla(0, 0%, 100%, .8) 99%);
      border-radius: 10px;
      /* backdrop-filter: blur(10px); */
      padding: 0 32px 17px 32px;
      /* min-height: 680px; */
  }

  .province-school-content:not(:nth-of-type(2)) .school-item {
      background-image: url('/images/school_item_background.png');
      background-repeat: no-repeat;
      background-size: auto 1px;
      background-position: top;
  }

  .cover {
      display: inline-block;
      background-position: center top 35%;
      background-repeat: no-repeat;
      transition: background-size .5s ease-in-out;
      background-size: auto 100%;
  }

  .school-item .cover:hover {
      background-size: auto 130%;
  }

  .school-item:hover .school-address .name {
      color: #3240f8;
  }

  .school-item .school-address .detail:hover {
      background: #369bff;
      border: 1px solid #369bff;
  }

  /* .school-item .school-address .detail:hover .more {
      display: inline-block;
  }

  .school-item .school-address .detail:hover .more-blue {
      display: none;
  } */


  .top-img {
      width: 276px;
      /* height: 188px; */
      border-radius: 8px;
      flex: none;
      overflow: hidden;
  }

  .school-info {
      font-style: normal;
      min-width: 0;
      flex: 1;
      margin-left: 24px;

      display: flex;
  }

  .school-address {
      color: #202228;
      font-style: normal;
      flex: 0.75;

      padding-right: 15px;
  }

  .school-address .name {
      font-weight: 700;
      font-size: 18px;
      line-break: anywhere;
      word-break: break-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .school-address .location {
      margin-top: 13px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      font-size: 14px;
      line-break: anywhere;
      word-break: break-all;
  }

  .school-address .location .icon {
      width: 14px;
      height: 14px;
      margin-right: 8px;
      flex: none;
      margin-top: 4px;
  }

  .school-address .location .txt {
      min-width: 0;
      flex: 1;
      word-break: break-all;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
  }



  .school-address .landline,
  .school-address .phone {
      margin-top: 6px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 14px;
      line-break: anywhere;
      word-break: break-all;
  }

  .school-address .landline .icon,
  .school-address .phone .icon {
      width: 14px;
      height: 14px;
      margin-right: 8px;
      flex: none;
  }

  .school-address .bottom-btn {
      margin-top: 40px;
      display: flex;
  }

  .school-address .bottom-btn .detail {
      width: 145px;
      height: 35px;
      /* border: .5px solid #3240f8; */
      border-radius: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      /* color: #3240f8; */
      /* margin-top: 40px; */
      font-weight: 800;
      background: #fff;
      box-sizing: border-box;
      transition: all .3s;

      color: #fff;
      border: 1px solid #0054b2;
      background-color: #0054b2;

      margin-left: 30px;
  }

  .school-address .bottom-btn .detail .more-blue,
  .school-address .bottom-btn .detail .more {
      width: 13px;
      height: 12px;
      margin-left: 8px;
  }

  .school-address .bottom-btn .detail .more {
      /* display: none; */
      display: inline-block;
  }

  .school-address .bottom-btn .hot-count {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 2px 15px;
      border: 1px #d81e06 solid;
      border-radius: 6px;
  }

  .school-address .bottom-btn .hot-count .icon,
  .school-address .bottom-btn .hot-count .icon-hover {
      width: 16px;
      height: 16px;
  }

  .school-address .bottom-btn .hot-count .txt {
      margin-left: 5px;
      font-size: 14px;
      color: #d81e06;
  }

  .school-address .bottom-btn .hot-count .icon-hover {
      display: none
  }

  .school-address .bottom-btn .hot-count:hover {
      background: linear-gradient(90deg, #f3272785, #d81e06);
      border: 1px #f32727 solid;
  }

  .school-address .bottom-btn .hot-count:hover .txt {
      color: #fff;
  }

  .school-address .bottom-btn .hot-count:hover .icon-hover {
      display: block
  }

  .school-address .bottom-btn .hot-count:hover .icon {
      display: none
  }


  .school-btn-list {
      flex: 0.25;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      /* row-gap: 24px; */
  }




  .school-btn-list .school-btn-item {
      width: 80%;
      display: block;
      height: 45px;
      line-height: 45px;
      text-align: center;
      border: 1px solid #0054b2;
      border-radius: 5px;
      color: #0054b2;
      cursor: pointer;
      background: #fff;
      font-size: 15px;
  }

  .school-btn-list .school-btn-item.zx {
      background-color: #0054b2;
      color: #fff;
  }

  .school-btn-list .school-btn-item:hover {
      border: 1px solid #369bff;
      color: #369bff;
  }

  .school-btn-list .school-btn-item.zx:hover {
      background: #369bff;
      border: 1px solid #369bff;
      color: #fff;
  }



  /* 校区列表 end */