/* 联系我们页面样式 - 极简专业风格 */

    /* 覆盖全局双栏 flex 布局，此页无左侧栏 */
    .ny .container {
      display: block;
    }

    #contact {
      scroll-margin-top: 0;
    }

    .lxwm .breadcrumb-nav {
      margin-bottom: 0;
    }

    .lxwm-wrapper {
      padding: 15px 0 40px;
      background: #FFFFFF;
    }

    .lxwm-grid {
      display: flex;
      gap: 30px;
      margin-bottom: 30px;
      align-items: stretch;
    }

    .lxwm-main {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
    }

    .lxwm-sidebar {
      width: 350px;
      flex-shrink: 0;
    }

    /* 联系信息卡片 - 极简专业风格 */
    .contact-card {
      background: #FFFFFF;
      border-radius: 16px;
      padding: 30px;
      box-shadow: 0 8px 30px rgba(30, 64, 175, 0.05);
      border: none;
      transition: box-shadow 0.3s ease;
      flex: 1;
    }

    .contact-card:hover {
      box-shadow: 0 15px 40px rgba(30, 64, 175, 0.08);
    }

    .contact-card h3 {
      font-size: 20px;
      margin-bottom: 25px;
      padding-bottom: 15px;
      border-bottom: 2px solid #EFF6FF;
      color: #1A1A1A;
      font-weight: 700;
      position: relative;
    }

    .contact-card h3::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 40px;
      height: 2px;
      background: #2563EB;
    }

    .contact-card h3 .fa {
      margin-right: 10px;
      color: #1E40AF;
    }

    .contact-item {
      display: flex;
      align-items: flex-start;
      margin-bottom: 20px;
    }

    .contact-item .icon-circle {
      width: 44px;
      height: 44px;
      background: #EFF6FF;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      font-size: 18px;
      flex-shrink: 0;
      color: #2563EB;
    }

    .contact-item .info strong {
      display: block;
      font-size: 13px;
      color: #64748B;
      margin-bottom: 5px;
      font-weight: normal;
    }

    .contact-item .info span,
    .contact-item .info a {
      color: #1A1A1A;
      font-size: 17px;
      font-weight: 600;
    }

    .contact-item .info a:hover {
      color: #1E40AF;
    }

    /* 微信二维码展示 */
    .wechat-qrcode {
      background: #F1F5F9;
      border-radius: 12px;
      padding: 25px;
      text-align: center;
      margin-top: 25px;
    }

    .wechat-qrcode .qr-title {
      font-size: 15px;
      color: #1A1A1A;
      margin-bottom: 15px;
      font-weight: 600;
    }

    .wechat-qrcode .qr-title .fa {
      color: #07c160;
      margin-right: 8px;
    }

    .wechat-qrcode .qr-img {
      width: 160px;
      height: 160px;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      margin: 0 auto 12px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

    .wechat-qrcode .qr-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .wechat-qrcode .qr-tip {
      font-size: 13px;
      color: #64748B;
    }

    /* 营销转化模块 */
    .marketing-box {
      background: #FFFFFF;
      border-radius: 16px;
      box-shadow: 0 8px 30px rgba(30, 64, 175, 0.05);
      overflow: hidden;
      margin-bottom: 20px;
      border: none;
      transition: box-shadow 0.3s ease;
    }

    .marketing-box:hover {
      box-shadow: 0 15px 40px rgba(30, 64, 175, 0.08);
    }

    .marketing-box .box-header {
      background: #1E40AF;
      color: #fff;
      padding: 15px 20px;
      font-size: 16px;
      font-weight: 600;
    }

    .marketing-box .box-header .fa {
      margin-right: 8px;
    }

    /* 预约动态滚动 */
    .booking-scroll-wrap {
      height: 180px;
      overflow: hidden;
      position: relative;
      background: #FFFFFF;
    }

    .booking-list {
      padding: 0 20px;
      animation: scrollUp 12s linear infinite;
    }

    .booking-list:hover {
      animation-play-state: paused;
    }

    @keyframes scrollUp {
      0% {
        transform: translateY(0);
      }

      100% {
        transform: translateY(-50%);
      }
    }

    .booking-item {
      display: flex;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px dashed #E2E8F0;
      font-size: 14px;
    }

    .booking-item:last-child {
      border-bottom: none;
    }

    .booking-item .phone {
      color: #1E40AF;
      font-weight: 600;
      margin-right: 10px;
      min-width: 90px;
    }

    .booking-item .time {
      color: #94A3B8;
      font-size: 12px;
      margin-left: auto;
      white-space: nowrap;
    }

    .booking-item .action {
      color: #475569;
      flex: 1;
    }

    /* 客户评价 */
    .review-list {
      padding: 20px;
    }

    .review-item {
      padding: 15px;
      background: #FFFFFF;
      border-radius: 8px;
      margin-bottom: 15px;
      border: 1px solid #F1F5F9;
      border-left: 4px solid #3B82F6;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .review-item:hover {
      transform: translateX(5px);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    }

    .review-item:last-child {
      margin-bottom: 0;
    }

    .review-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }

    .review-header .company {
      font-weight: 600;
      color: #1A1A1A;
    }

    .review-header .stars {
      color: #F59E0B;
    }

    .review-header .stars .fa {
      margin-left: 2px;
    }

    .review-content {
      font-size: 14px;
      color: #475569;
      line-height: 1.7;
    }

    .review-tags {
      margin-top: 10px;
    }

    .review-tags span {
      display: inline-block;
      padding: 3px 10px;
      background: #DBEAFE;
      color: #1E40AF;
      border-radius: 12px;
      font-size: 12px;
      margin-right: 8px;
    }

    /* 服务承诺 - 全宽横排 */
    .promise-section {
      margin-bottom: 30px;
    }

    .promise-section h3 {
      font-size: 18px;
      font-weight: 700;
      color: #1A1A1A;
      margin-bottom: 15px;
      padding-bottom: 12px;
      border-bottom: 2px solid #EFF6FF;
      position: relative;
    }

    .promise-section h3::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 40px;
      height: 2px;
      background: #2563EB;
    }

    .promise-section h3 i {
      margin-right: 8px;
      color: #1E40AF;
    }

    .promise-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
    }

    .promise-item {
      text-align: center;
      padding: 20px 15px;
      background: #F1F5F9;
      border-radius: 8px;
      transition: all 0.3s;
    }

    .promise-item:hover {
      background: #DBEAFE;
      transform: translateY(-3px);
    }

    .promise-item .fa,
    .promise-item .fa-solid {
      font-size: 28px;
      color: #1E40AF;
      margin-bottom: 10px;
      display: block;
    }

    .promise-item strong {
      display: block;
      font-size: 15px;
      color: #1A1A1A;
      margin-bottom: 5px;
    }

    .promise-item span {
      font-size: 12px;
      color: #64748B;
    }

    /* 内容区域 */
    .lxwm-content {
      background: #FFFFFF;
      border-radius: 16px;
      box-shadow: 0 8px 30px rgba(30, 64, 175, 0.05);
      padding: 30px;
      border: none;
      transition: box-shadow 0.3s ease;
    }

    .lxwm-content:hover {
      box-shadow: 0 15px 40px rgba(30, 64, 175, 0.08);
    }

    .lxwm-content h2 {
      font-size: 20px;
      color: #1A1A1A;
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 2px solid #EFF6FF;
      font-weight: 700;
      position: relative;
    }

    .lxwm-content h2::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 40px;
      height: 2px;
      background: #2563EB;
    }

    .lxwm-content h2 .fa {
      margin-right: 10px;
      color: #1E40AF;
    }

    .lxwm-content .info {
      line-height: 1.8;
      color: #475569;
    }