/* 悬浮客服 */
.float-service {position:fixed;right:20px;bottom:30px;display:flex;flex-direction:column;gap:12px;z-index:999;}
.float-btn {width:60px;height:60px;border-radius:50%;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 5px 20px rgba(123,97,255,0.4);cursor:pointer;transition:0.3s;}
.float-btn img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.float-btn:hover {transform:scale(1.08);box-shadow:0 8px 24px rgba(123,97,255,0.4);}

/* 表单弹窗 */
.form-modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;align-items:center;justify-content:center;}
.form-box {background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;padding:36px;position:relative;}
.form-close {position:absolute;top:18px;right:20px;font-size:24px;cursor:pointer;color:var(--text-secondary);transition:0.2s;}
.form-close:hover {color:#fff;}
.form-title {text-align:center;margin-bottom:24px;font-size:22px;}
.form-group {margin-bottom:20px;}
.form-group label {display:block;margin-bottom:8px;font-size:14px;color:var(--text);}
.form-control {width:100%;padding:14px 16px;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;outline:none;transition:0.2s;}
.form-control:focus {border-color:var(--secondary);}
.form-btn {width:100%;padding:15px;text-align:center;}

/* 移动端适配 */
@media (max-width:900px) {
  .nav-menu{display:none;}.hamburger{display:flex;}
  .hero h1{font-size:32px;}.section-title{font-size:28px;}
  .price-table th,.price-table td{padding:14px 10px;font-size:14px;}
  .float-service{right:12px;bottom:20px;}
  .float-btn{width:52px;height:52px;font-size:20px;}
  .item-card {padding: 28px 24px; border-radius:14px;}
  .item-title {font-size: 18px;}
  .item-desc {font-size: 14px;}
  .hero {padding:120px 0 70px;}
  .compare-table th,.compare-table td {padding:12px 8px;font-size:14px;}
  .scene-card {flex-direction: column;padding: 30px 24px;text-align: center;gap:18px;}
  .scene-title {font-size: 18px;}
  .scene-desc {font-size: 14px;}
  .case-card {padding: 24px;}
  .grid-box {grid-template-columns: repeat(1, 1fr);gap:20px;}
  .article-list {grid-template-columns: repeat(1, 1fr);gap:20px;}
  .step-box {flex-direction: column;gap:20px;}
  .step-box::before {display:none;}
}
/* 客服联系方式样式 */
.contact-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 30px;
}
.contact-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  background: var(--bg-dark);
  border-radius: 12px;
  border: 1px solid var(--border);
}
.contact-icon {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 10px;
  background: linear-gradient(135deg,var(--primary),var(--secondary));
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.contact-info {
  flex: 1;
}
.contact-label {
  font-size: 14px;
  color: var(--text-secondary);
  margin-bottom: 4px;
}
.contact-value {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  transition: 0.3s;
}
.contact-value:hover {
  color: var(--secondary);
  text-decoration: underline;
}
.contact-tips {
  font-size: 13px;
  color: var(--text-secondary);
  margin-top: 6px;
}
.contact-qrcode {
  margin-left: auto;
}
.contact-qrcode img {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  border: 1px solid var(--border);
}

/* 移动端适配 */
@media (max-width:900px) {
  .contact-item {
    flex-direction: column;
    text-align: center;
    gap: 12px;
    padding: 16px;
  }
  .contact-qrcode {
    margin-left: 0;
    margin-top: 10px;
  }
  .contact-qrcode img {
    width: 70px;
    height: 70px;
  }
  .contact-value {
    font-size: 18px;
  }
}