/* 全局样式重置 */
   

    /* 容器样式 - 控制整体宽度和居中 */
    .contact-container {
      width: 90%;
      max-width: 1200px;
      margin: 20px auto;
    }

    /* 联系信息卡片区域 */
    .contact-info {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
      text-align: center;
      flex-wrap: wrap; /* 适配小屏幕自动换行 */
    }

    /* 单个卡片样式 */
    .info-card {
      flex: 1;
      min-width: 200px; /* 小屏幕最小宽度 */
      padding: 20px 10px;
    }

    /* 图标样式 */
    .info-icon {
      width: 100px;
      height: 100px;
      margin: 0 auto 10px;
      /* 使用字体图标替代图片，更清晰 */
      font-size: 48px;
      color: #333;
    }

    /* 文字样式 */
    .info-text {
      color: #666;
      font-size: 14px;
      line-height: 1.6;
    }

    /* 地图区域样式 */
    .map-area {
      width: 100%;
      height: 400px;
      border: none;
    }

    /* 二维码样式（占位） */
    .qrcode {
      width: 100px;
      height: 96px;
      margin: 0 auto 10px;
      border: 1px solid #eee;
      background: #f9f9f9;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      color: #999;
    }
    .art-title{text-align: center;
  padding: 50px 0 30px;}