@charset "utf-8";
/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft Yahei", sans-serif;
}
html,
body {
  overflow-x: hidden;
  font-size: 16px;
}
/* 通用容器 */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
/* 通用文本样式 */
.text-center {
  text-align: center;
}
/* 正文适配 */
.text {
  font-size: 14px;
}
.mb-5 {
  margin-bottom: 50px;
}
.mt-4 {
  margin-top: 20px;
}
/* 头部导航 */
.header {
  background: #fff;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo {
  height: 40px;
  width: auto;
  background: url('images/logo.png') no-repeat center center / 100% 100%;
  display: block;
  min-width: 200px;
}
/* PC端导航 */
.pc-nav {
  display: flex;
  gap: 30px;
}
.pc-nav a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
}
#home,
#features,
#main-func,
#scenes,
#product-feat,
#pricing {
  scroll-margin-top: 80px;
}
/* 移动端汉堡按钮 */
.mobile-hamburger,
.mobile-hamburger2 {
  display: none;
  background: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
}
/* PC端电话 */
/* 服务专线（PC端）- 匹配图中样式 */
/* 服务专线整体容器：浅色背景框 + 水平排列（图标+文字组） */
.header-service-phone {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f5f9ff;
  /* 浅色背景框 */
  padding: 10px 15px;
  border-radius: 4px;
  /* 背景框圆角 */
  flex-shrink: 0;
  margin-top: -15px;
}
/* 蓝色圆形耳机图标 */
.phone-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: url('images/phone-icon.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* 文字组：垂直排列（服务专线上、号码下） */
.phone-text-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
  /* 上下文字间距 */
}
/* 服务专线文字：小字、灰色 */
.phone-text {
  font-size: 12px;
  color: #999;
  line-height: 1;
}
/* 电话号码：大字、粗体、黑色 */
.phone-number {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  line-height: 1;
}
/* 移动端侧边栏导航 */
.mobile-nav-sidebar {
  position: fixed;
  top: 0;
  right: -80%;
  width: 80%;
  max-width: 300px;
  height: 100vh;
  background: #fff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  transition: right 0.3s ease;
  display: flex;
  flex-direction: column;
  border-radius: 8px 0 0 8px;
}
.mobile-nav-sidebar.active {
  right: 0;
}
.sidebar-header {
  padding: 15px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidebar-header .logo {
  height: 24px;
  min-width: 120px;
}
.sidebar-close-btn {
  background: transparent;
  border: none;
  color: #A8A8A8;
  font-size: 0.45rem;
  cursor: pointer;
}
.sidebar-menu {
  overflow-y: auto;
  padding: 15px 0;
}
.sidebar-menu a {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative !important;
}
.sidebar-menu a::before {
  /* 1. 创建伪元素作为新的底部线条 */
  content: "";
  position: absolute;
  left: 20px;
  /* 左间距20px */
  right: 20px;
  /* 右间距20px */
  bottom: 0;
  height: 1px;
  /* 线条高度 */
  background-color: #f5f5f5;
  /* 线条颜色，和原边框一致 */
  /* 3. 避免伪元素遮挡菜单内容 */
  z-index: 0;
}
.sidebar-menu a::after {
  z-index: 1 !important;
  content: "";
  background-image: url('images/jtright.png');
  /* 推荐svg格式图标 */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  vertical-align: middle;
  /* 垂直居中，和菜单文字对齐更美观 */
  font-size: 0;
}
.sidebar-footer {
  padding: 20px;
}
.sidebar-qrcode {
  width: 120px;
  height: 120px;
  background: url('images/code.png') no-repeat center center / 100% 100%;
  margin: 0 auto 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #999;
}
.sidebar-footer-text {
  text-align: center;
  font-size: 12px;
  color: #666;
  margin-bottom: 15px;
}
.sidebar-apply-btn {
  display: block;
  width: 100%;
  padding: 20px;
  background: url('images/meanbtn.png') no-repeat center center;
  background-size: contain;
  color: #fff;
  text-align: center;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
/* 英雄区 */
.hero {
  width: 100%;
  height: max-content;
  overflow: hidden;
  margin-top: 70px;
  font-size: 0;
}
.pc-hero-img {
  width: 100%;
  height: auto;
}
.mobile-hero-img {
  display: none;
}
/* 为什么需要智能客服 */
.why-section {
  padding: 78px 0;
  background: #F7F7FF;
  padding-top: 20px;
}
.section-title {
  text-align: center;
  margin-bottom: 10px;
  color: #333;
  font-weight: 500;
  font-size: 36px;
  font-size: clamp(20px, 3vw, 36px);
  white-space: nowrap;
  margin-top: 25px;
}
.section-text {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.why-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 11px;
}
.why-card {
  padding: 24px;
  background: linear-gradient(23deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 100%);
  border-radius: 9px 9px 9px 9px;
  border: 2px solid;
  border-image: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) 2 2;
}
.why-card-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
/* PC端图标样式（默认显示） */
.why-card-icon-pc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.why-card-icon-pc img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.why-card-title {
  font-size: 16px;
  color: #333;
  line-height: 2.3;
}
.why-card-desc {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
/* 移动端图标默认隐藏 */
.why-card-icon-mobile {
  display: none;
}
/* 视频展示区 */
.video-section {
  padding: 50px 0;
  background: url('images/voide.png') no-repeat center center;
  background-size: 100% 100%;
  width: 100%;
  overflow: hidden;
}
.video-outer-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}
.video-container {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.video-outer-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}
/* 新增：视频播放器样式（核心适配） */
.video-player {
  width: 100%;
  /* 占满父容器宽度，响应式适配 */
  height: auto;
  /* 高度自动，保持视频比例 */
  display: block;
  /* 去除视频默认的行内间隙 */
  border: none;
  /* 去除视频默认边框 */
}
/* PC端表单弹窗 */
#pc-apply-modal {
  position: fixed;
  bottom: 30px;
  right: 5% !important;
  padding: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  transition: all 0.3s ease !important;
  overflow: hidden;
  border-radius: 8px;
  width: 390px;
  height: max-content;
}
.modalbk {
  background: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}
#pc-apply-modal.show {
  display: block !important;
}
.modalbk-top {
  width: 100%;
  height: auto;
  background-size: contain;
  overflow: hidden;
  margin-bottom: -22px;
  z-index: 1;
}
.modalbk-top img {
  width: 100%;
  height: 100%;
}
/* 表单区域 */
.pc-apply-form {
  padding: 24px;
}
.pc-apply-form .form-group {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E5E6EB;
  padding-bottom: 8px;
}
.pc-apply-form label {
  width: 120px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  margin: 0;
}
.pc-apply-form label[for="pc-contact-person"]::after,
.apply-form label[for="pc-contact-person"]::after {
  content: "*";
  color: red;
  margin-left: 4px;
}
.pc-apply-form label[for="pc-contact-phone"]::after,
.apply-form label[for="pc-contact-phone"]::after {
  content: "*";
  color: red;
  margin-left: 4px;
}
.pc-apply-form label[for="pc-company-name"]::after,
.apply-form label[for="pc-company-name"]::after {
  content: "*";
  color: red;
  margin-left: 4px;
}
.pc-apply-form .form-group:has(.code-image) > label:first-child::after,
.apply-form .form-group:has(.code-image) > label:first-child::after {
  content: "*";
  color: red;
  margin-left: 4px;
}
.pc-apply-form input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 16px;
  color: #666;
  outline: none;
}
.pc-apply-form input::placeholder {
  color: #C9CDD4;
  font-size: 14px;
}
.pc-apply-form input[name="code"],
.apply-form input[name="code"] {
  text-indent: 10px !important;
}
/* 按钮组 */
.pc-form-btn-group {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.pc-form-close-btn {
  background: url('images/close.png') no-repeat center center;
  background-size: contain;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 140px;
  height: 36px;
}
.pc-form-submit-btn {
  background: url('images/modalbtn.png') no-repeat center center;
  background-size: contain;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 185px;
  height: 36px;
}
/* 错误提示样式 */
.error-tip {
  display: none;
  color: #ff4d4f;
  font-size: 12px;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  width: 100%;
  margin: 4px 0 0;
  position: relative;
  z-index: 1;
  min-height: 18px;
  height: 18px;
}
/* 提示显示时保持高度 */
.error-tip:empty {
  display: none;
  /* 内容为空时隐藏 */
}
/* 主要功能区 */
.features-section {
  padding: 40px 0;
  background: #E9EDFB;
  position: relative;
}
.features-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  overflow: visible;
}
.features-title {
  text-align: center;
  margin-bottom: 30px;
  color: #333;
  font-weight: 500;
  font-size: 36px;
  font-size: clamp(20px, 3vw, 36px);
  white-space: nowrap;
}
/* 卡片网格布局 */
.features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-right: 140px;
}
/* 卡片样式 */
.feature-card {
  display: block !important;
  background: url('images/features.png') no-repeat center center / 100% 100%;
  padding: 32px 20px;
  border-radius: 8px;
  width: 100%;
  height: 600px;
  min-width: 590px;
}
.mobile-feature-card {
  display: none;
}
/* 卡片标题 */
.card-title {
  font-size: 0.24rem;
  color: #333;
  line-height: 2.5;
}
/* 列表样式 */
.feature-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
}
.feature-list li {
  margin-bottom: 16px;
  line-height: 1.4;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.feature-list li:last-child {
  margin-bottom: 0;
}
/* 橙色圆点 */
.dot {
  color: #ff6700;
  font-size: 0.2rem;
  margin-top: -2px;
  flex-shrink: 0;
}
/* 列表内容容器（确保描述在标题正下方） */
.list-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
/* 列表标题 */
.list-title {
  font-weight: 500;
  color: #333;
  line-height: 1.2;
  font-size: 0.2rem;
}
/* 列表描述（在标题正下方） */
.list-desc {
  color: #666;
  line-height: 1.5;
  font-weight: 400;
  font-size: 16px;
  white-space: normal;
}
/* 右侧悬浮二维码（三部分结构，无伪元素） */
.qrcode-container {
  z-index: 20;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 108px;
  height: 338px;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  background: url('images/qrcodebk.png') no-repeat center center / 100% 100%;
}
.qrcode-item {
  width: 88px;
  height: 58px;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  margin-top: 3px;
}
.qrcode-item img {
  width: 100%;
  height: 100%;
}
.qrcode-item3 {
  width: 88px;
  height: 56px;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  margin-top: 3px;
}
.qrcode-item3 img {
  width: 100%;
  height: 100%;
}
.qrcode-image {
  width: 88px;
  height: 88px;
  background-color: #ffffff;
  border-radius: 4px;
  margin: 15px auto 8px;
  padding: 5px;
  box-sizing: border-box;
}
.qrcode-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.qrcode-item a {
  text-decoration: none;
  color: #fff;
}
.qrcode-item:hover,
.qrcode-item a:hover {
  color: #e0e0e0;
}
/* 使用场景区 - 核心：PC端7个圆形框，移动端网格布局 */
.scenes-section {
  padding: 10px 0;
  width: 100%;
  background: url('images/scenesbk2.png') no-repeat center center;
  background-size: cover;
  padding-top: 39.01%;
  /* 16:9 = 9/16*100% = 56.25%，可根据实际图片比例调整 */
  min-height: auto;
  /* 清除之前的min-height: 100% */
  overflow: hidden;
  position: relative;
  /* 让.scenes-center绝对定位 */
}
/* PC端圆形布局 - 已修正位置 */
.scenes-pc-layout {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  /* 增加高度适配新位置 */
}
.scenes-center {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  padding: 0 5vw;
}
.scenes-center p {
  margin-bottom: 15px;
  font-size: 16px;
  color: #666;
}
.pc-primary-btn {
  height: max-content;
  border: none;
  cursor: pointer;
  margin-top: 40px;
}
.primary-btn {
  height: max-content;
  border: none;
  cursor: pointer;
}
.primary-btn img {
  width: 100%;
  height: auto ;
}
/* 移动端布局 - 完全匹配效果图样式（传感器专家网单独一行） */
.scenes-mobile-layout {
  display: none;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
/* 移动端核心：2列+1列的组合布局（匹配效果图） */
.scene-mobile-wrap {
  width: 100%;
  height: max-content;
}
.scene-mobile-wrap img {
  width: 100%;
  height: auto;
}
/* 产品特点区 */
.product-features {
  padding: 40px 0;
  background: url('images/productbk.png') no-repeat center center;
  background-size: cover;
  color: #fff;
  min-height: 100%;
}
.product-features .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  height: 600px;
}
.product-title {
  color: white;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 36px;
  font-size: clamp(20px, 3vw, 36px);
  white-space: nowrap;
  margin-top: 10px;
}
.product-features .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.product-bg-img {
  background: url('images/product2.png') no-repeat center;
  block-size: 100%;
  width: 100%;
  z-index: 1;
  position: absolute;
  pointer-events: none;
  margin-top: 42px;
}
.features-cards {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
}
/* 单个卡片基础样式 */
.feature-item {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 16px 20px;
  box-sizing: border-box;
  position: absolute;
}
/* 橙色小圆点（PC端） */
.feature-item::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 23px;
  width: 15px;
  height: 15px;
  background: #ff6700;
  border-radius: 50%;
}
.feature-item h4 {
  font-size: 20px;
  margin: 0 0 8px 12px;
  color: #333333;
}
.feature-item p {
  font-size: 14px;
  opacity: 0.9;
  margin: 0 0 0 -8px;
  line-height: 1.4;
  color: #666;
}
.pc-span {
  display: block;
}
.mobile-span {
  display: none;
}
.choose-item .choose-pc-span {
  display: block;
}
.choose-item .choose-mobile-span {
  display: none;
}
.feature-item:nth-child(1) {
  /* 部署迅捷，上线快速 - 左上 */
  top: 10%;
  left: 8%;
}
.feature-item:nth-child(3) {
  /* 逻辑化主动引导 - 左中 */
  top: 40%;
  left: 0%;
}
.feature-item:nth-child(5) {
  /* 7×24小时持续服务 - 左下 */
  top: 70%;
  left: 8%;
}
.feature-item:nth-child(4) {
  /* 多模态深度理解 - 右上 */
  top: 10%;
  right: 0%;
}
.feature-item:nth-child(2) {
  /* 全渠道无缝部署 - 右中 */
  top: 40%;
  right: 0%;
}
.feature-item:nth-child(6) {
  /* 行业专属模型 - 右下 */
  top: 70%;
  right: 3%;
}
/* 为什么选择传感器专家网 */
.choose-section {
  padding: 50px 0;
  background: url('images/sectionbk.png') no-repeat center center;
  background-size: cover;
  min-height: 100%;
}
.choose-section-title {
  text-align: center;
  margin-bottom: 50px;
  color: #333;
  font-weight: 500;
  font-size: 36px;
  font-size: clamp(20px, 3vw, 36px);
  white-space: nowrap;
}
.choose-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  align-items: center;
}
.choose-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.choose-item {
  background: #FFFFFF;
  border-radius: 8px;
  display: flex;
  align-items: stretch;
}
.choose-item h4 {
  width: 149px;
  height: 100px;
  background: url('images/title.png') no-repeat center / 100% 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  line-height: 1.4;
  border-radius: 8px 8px 8px 8px;
  border: 0px solid rgba(255, 255, 255, 0.5);
}
.choose-item p {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  text-align: left;
  flex: 1;
  padding: 20px 30px;
  line-height: 1.6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.robot-img {
  display: block;
  width: 100%;
  height: max-content;
  margin-left: -15%;
  margin-bottom: 5%;
}
.robot-img {
  width: 100%;
  height: auto;
}
/* 服务套餐区 */
.pricing-section {
  padding: 40px 0;
  background: url('images/pricingbk.png') no-repeat center center;
  background-size: cover;
  min-height: 100%;
}
.pricing-section-title {
  text-align: center;
  margin-bottom: 10px;
  color: #333;
  font-weight: 500;
  font-size: 36px;
  font-size: clamp(20px, 3vw, 36px);
  white-space: nowrap;
}
/* PC端表格 */
.pricing-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 40px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.pricing-table th,
.pricing-table td {
  padding: 16px;
  text-align: left;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}
.pricing-table td:nth-child(2),
.pricing-table th:nth-child(2) {
  min-width: 180px;
}
.pricing-table td:first-child {
  color: #666;
  white-space: nowrap;
  line-height: 42px;
}
/* 最后一列取消右侧竖线 */
.pricing-table th:last-child,
.pricing-table td:last-child {
  border-right: none;
  text-align: center;
}
.pricing-table th {
  background: #525D7B;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
/* 行背景色交替 */
.pricing-table tr:nth-child(even) {
  background: #FAFAFA;
  /* 偶数行浅灰色背景 */
}
.pricing-table tr:nth-child(odd) {
  background: #ffffff;
  /* 奇数行白色背景 */
}
.pricing-table .price {
  color: #333;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
/* 表格第一列（套餐版本）左对齐 */
.pricing-table td:first-child {
  text-align: left;
}
.tabletext {
  font-size: 12px;
  color: #666;
}
/* 体验版图标 */
.pricing-table tr:nth-child(1) td:first-child::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 33px;
  margin-right: 8px;
  background: url('images/icon12.png') no-repeat center / contain;
  vertical-align: middle;
}
.pricing-table tr:nth-child(1) td:first-child {
  color: #666666;
}
/* 基础版图标 */
.pricing-table tr:nth-child(2) td:first-child::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 33px;
  margin-right: 8px;
  background: url('images/icon16.png') no-repeat center / contain;
  vertical-align: middle;
}
.pricing-table tr:nth-child(2) td:first-child {
  color: #7D7E5C;
}
/* 高级版图标 */
.pricing-table tr:nth-child(3) td:first-child::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 33px;
  margin-right: 8px;
  background: url('images/icon13.png') no-repeat center / contain;
  vertical-align: middle;
}
.pricing-table tr:nth-child(3) td:first-child {
  color: #AF774C;
}
/* 旗舰版图标 */
.pricing-table tr:nth-child(4) td:first-child::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 33px;
  margin-right: 8px;
  background: url('images/icon14.png') no-repeat center / contain;
  vertical-align: middle;
}
.pricing-table tr:nth-child(4) td:first-child {
  color: #3642C7;
}
/* 企业定制版图标 */
.pricing-table tr:nth-child(5) td:first-child::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 33px;
  margin-right: 8px;
  background: url('images/icon15.png') no-repeat center / contain;
  vertical-align: middle;
}
.pricing-table tr:nth-child(5) td:first-child {
  color: #AB332A;
}
/* 核心部署渠道列：横向标签布局 */
.pricing-table td:nth-child(3) {
  text-align: left;
  line-height: 2.2;
  /* 调整行高，让换行后的标签对齐更美观 */
}
/* 为每个渠道名称前添加绿色对勾图标 */
.pricing-table td:nth-child(3) span {
  display: inline-block;
  padding-left: 23px;
  margin-right: 12px;
  position: relative;
}
.pricing-table td:nth-child(3) span::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('images/check-green.png') no-repeat center / contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
/* 移动端卡片 */
.pricing-cards {
  display: none;
  margin-top: 40px;
  gap: 10px;
  flex-direction: column;
}
.pricing-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.pricing-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.pricing-card h4 {
  font-size: 18px;
  color: #333;
}
.pricing-card .price {
  color: #ff6700;
  font-weight: bold;
  font-size: 18px;
}
.pricing-card .features {
  font-size: 14px;
  color: #666;
  margin-bottom: 12px;
}
.pricing-card .desc {
  font-size: 14px;
  color: #999;
}
/* 联系我们区 */
.contact-section {
  padding: 40px 0;
  color: #333;
  text-align: left;
  width: 100%;
  height: 100%;
}
.contact-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: url('images/contactbk.png') no-repeat center center;
  background-size: contain;
}
/* 中间信息区 */
.contact-middle {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2%;
  margin-left: 40%;
}
.contact-label {
  font-size: 14px;
  color: #666;
}
.contact-phone {
  font-size: 32px;
  font-weight: bold;
  color: #333;
}
.contact-email-wrap {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 367px;
  background: #fff;
  margin-top: 20px;
}
.contact-email-inner {
  flex: 1;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 4px 0 0 4px;
  border-right: none;
  padding: 10px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.contact-email-label {
  font-size: 12px;
  color: #999;
  margin-bottom: 2px;
}
.contact-email-value {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contact-btn {
  background: url('images/pricingbtn.png') no-repeat center / 100% 100%;
  color: #fff;
  border-radius: 0 4px 4px 0;
  padding: 0 24px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
/* 右侧二维码区 */
.contact-right {
  flex: 0 0 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  border: none;
  margin-right: 0;
}
.qrcode-outer-box {
  width: 140px;
  /* 外框总宽度，匹配效果图 */
  background-color: #fff;
  /* 效果图同款深蓝色 */
  border-radius: 8px;
  /* 外框圆角，匹配效果图 */
  overflow: hidden;
  /* 裁剪内部元素，保证和外框圆角一致 */
}
/* 第一部分：二维码内层白色背景容器 */
.qrcode-inner-img {
  background-color: #ffffff;
  /* 白色背景 */
  padding: 10px;
  /* 内边距，保证二维码和白色框有间距 */
}
.qrcode-inner-img img {
  width: 100%;
  height: auto;
  /* 自适应高度，保持二维码比例 */
  display: block;
  /* 去除图片底部间隙 */
}
/* 第二部分：独立说明文字（分离开的文字区域） */
.qrcode-inner-text {
  background-color: #fff;
  /* 和外框一致的深蓝色 */
  color: #666;
  /* 白色文字，匹配效果图 */
  font-size: 12px;
  /* 文字大小，匹配效果图 */
  text-align: center;
  /* 文字居中 */
  padding: 8px 0;
  /* 上下内边距，保证文字垂直居中，无左右边距 */
  line-height: 1.2;
  /* 行高，避免文字换行 */
  margin-top: -10px;
}
.qrcode {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 8px;
  background-size: cover;
  overflow: hidden;
}
.qrcode img {
  width: 100%;
  height: 100%;
}
.qrcode-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.contact-qrcode-text {
  font-size: 12px;
  text-align: center;
}
/* 页脚 */
/* 通用清除浮动 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
/* Footer 核心样式 */
footer {
  background: #3c3c3c;
  padding: 40px 0 0;
}
footer .footer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
footer .footer > .clearfix {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  /* 空间不足时自动换行 */
}
.footer-left,
.footer-center,
.footer-right {
  float: none;
  /* 清除原有浮动 */
}
footer .footer .footer-left .footer-TOP_a {
  display: inline-block;
  width: 150px;
  height: 35px;
  cursor: default;
}
footer .footer .footer-left .footer-TOP_a img {
  width: 100%;
  height: auto;
}
footer .footer .footer-left .footer-bottom {
  margin-top: 16px;
  margin-left: 34px;
}
footer .footer .footer-left .footer-bottom p:nth-of-type(1) {
  font-size: 22px;
  font-family: 'DIN-MEDIUM';
  color: #7A7A7A;
  line-height: 25px;
  margin: 0;
}
footer .footer .footer-left .footer-bottom p:nth-of-type(2) {
  font-size: 12px;
  font-family: 'DIN-MEDIUM';
  color: #7A7A7A;
  line-height: 23px;
  margin: 0;
}
footer .footer .footer-center {
  width: 553px;
  text-align: center;
  float: left;
}
footer .footer .footer-center > ul {
  padding-left: 150px;
  margin: 0 0 8px 0;
  list-style: none;
}
footer .footer .footer-center > ul > li {
  float: left;
  text-align: left;
  margin-right: 59px;
}
footer .footer .footer-center > ul > li:last-child {
  margin-right: 0;
}
footer .footer .footer-center > ul > li p {
  font-size: 16px;
  color: #CACACA;
  margin: 0 0 8px 0;
}
footer .footer .footer-center > ul > li ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer .footer .footer-center > ul > li ul li {
  overflow: hidden;
  margin-bottom: 5px;
}
footer .footer .footer-center > ul > li ul li a {
  font-size: 12px;
  color: #7A7A7A;
  line-height: 20px;
  text-decoration: none;
}
footer .footer .footer-center > ul > li ul li a:hover {
  color: #cdcdcd;
}
footer .footer .footer-right {
  float: right;
}
footer .footer .footer-right .right-code > div {
  float: left;
  margin-left: 16px;
  text-align: center;
}
footer .footer .footer-right .right-code > div .item_a {
  display: inline-block;
  width: 82px;
  height: 82px;
  border-radius: 6px;
  overflow: hidden;
  padding: 6px;
  background: #fff;
  cursor: default;
}
footer .footer .footer-right .right-code > div .item_a img {
  width: 100%;
  height: auto;
}
footer .footer .footer-right .right-code > div p {
  line-height: 30px;
  color: #888888;
  font-size: 12px;
  margin: 0;
}
footer .footer .footer-right .right-code > div p:hover {
  color: #cdcdcd;
}
footer .footer > p {
  border-top: 1px solid #505050;
  padding: 18px 0 24px 0;
  font-size: 12px;
  color: #666666;
  line-height: 12px;
  text-align: center;
  margin: 0;
}
footer .footer > p a {
  color: #666666;
  text-decoration: none;
}
footer .footer > p a:hover {
  color: #cdcdcd;
}
/* 移动端底部固定按钮 */
.mobile-fixed-apply-btn {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px;
  background: url('images/footerbtn.png') no-repeat center center;
  background-size: cover;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  z-index: 998;
}
/* 移动端申请表单弹窗 */
.mobile-apply-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  /* 核心修改：从底部弹出 */
  align-items: flex-end;
  justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.apply-form label[for="mobile-contact-person"]::after {
  content: "*";
  color: red;
  margin-left: 4px;
}
.apply-form label[for="mobile-company-name"]::after {
  content: "*";
  color: red;
  margin-left: 4px;
}
.apply-form label[for="mobile-contact-phone"]::after {
  content: "*";
  color: red;
  margin-left: 4px;
}
.apply-form .form-group:has(.code-image) > label:first-child::after {
  content: "*";
  color: red;
  margin-left: 4px;
}
.mobile-apply-modal.active {
  opacity: 1;
  visibility: visible;
}
.modal-content {
  width: 100vw;
  max-width: 100vw;
  background-size: 100% auto;
  padding: 0;
  max-height: 90vh;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  margin: 0;
  position: relative;
  right: 0;
  bottom: -34px;
  padding-bottom: 30px;
  padding-top: 30px;
}
.mobile-apply-modal-top {
  width: 100%;
  background-size: contain;
  margin-bottom: -26px;
  z-index: 2;
}
.mobile-apply-modal-top img {
  width: 100%;
  height: 100%;
}
/* 弹窗激活时，从底部滑入 */
.mobile-apply-modal.active .modal-content {
  transform: translateY(0);
}
/* 移动端表单样式 */
.apply-form {
  padding: 0 20px 20px;
  width: 100%;
  padding-top: 20px;
  background: #fff;
  position: relative;
  z-index: 1;
  border-radius: 8px;
}
.form-group {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E5E6EB;
  padding-bottom: 8px;
  width: 100%;
}
/* 标签固定宽度 */
.form-group label {
  width: 100px;
  font-size: 14px;
  color: #333;
  margin: 0;
  font-weight: 500;
}
/* 输入框+错误提示的容器：占满剩余宽度，设置flex布局 */
.input-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  /* 输入框和错误提示垂直居中 */
  gap: 8px;
  /* 输入框和错误提示的间距 */
}
/* 输入框样式 */
.form-group input {
  flex: 1;
  /* 输入框占满容器剩余宽度 */
  border: none;
  background: transparent;
  font-size: 14px;
  color: #666;
  outline: none;
  padding: 4px 0;
}
.apply-form input::placeholder {
  color: #C9CDD4;
  font-size: 14px;
}
/* 验证码样式适配 */
/* 验证码区域的input-wrap特殊处理（适配输入框+验证码图片+错误提示） */
.form-group .input-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  /* 输入框、图片、错误提示之间的间距 */
  flex-wrap: nowrap;
  /* 强制不换行 */
}
/* 验证码输入框宽度固定（避免挤压） */
.form-group .input-wrap input[name="code"] {
  width: 80px;
  /* 固定宽度，足够输入4位验证码 */
  flex: none;
  /* 取消flex:1，避免占满空间 */
}
/* 验证码图片容器 */
.code-image {
  margin: 0;
  /* 清除默认margin */
  cursor: pointer;
  /* 加手型，提示可点击刷新 */
}
/* 验证码图片样式 */
.code-image img {
  width: 80px;
  height: 32px;
  object-fit: cover;
  border-radius: 4px;
  margin-left: -20px;
}
/* 验证码的错误提示（和其他表单项样式统一） */
#mobileCodeError {
  flex: 1;
  /* 错误提示占剩余宽度 */
  text-align: left;
}
/* 移动端错误提示 */
.error-tip {
  display: none;
  color: #ff4d4f;
  font-size: 12px;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  width: 100%;
  margin: 4px 0 0;
  position: relative;
  z-index: 1;
  min-height: 18px;
  height: 18px;
}
.error-tip:empty {
  display: none;
}
/* 移动端双按钮组 */
.form-btn-group {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 32px;
  margin-bottom: 20px;
  width: 100%;
}
.form-close-btn {
  width: 140px;
  background: url('images/mobileclose.png') no-repeat center center;
  background-size: contain;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  height: 36px;
}
.form-submit-btn {
  width: 185px;
  background: url('images/mobiledredage.png') no-repeat center center;
  background-size: contain;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  height: 36px;
}
body:has(.mobile-apply-modal.active) {
  overflow: hidden;
  position: fixed;
  width: 100%;
  /* 保存页面宽度，防止弹窗显示时出现横向滚动条 */
  height: 100%;
  /* 固定高度，禁止滚动 */
}
/* 补充：避免弹窗自身滚动被禁止（确保modal-content可正常滚动） */
.mobile-apply-modal.active .modal-content {
  overflow-y: auto;
  /* 弹窗内容超出高度时，自身可滚动 */
  -webkit-overflow-scrolling: touch;
  /* 移动端开启弹性滚动，提升体验 */
}
.mobile-footer {
  display: none !important;
}
.mobile-contact-logo {
  display: none !important;
}
.global-error-tip {
  display: none;
  color: #ff4d4f;
  font-size: 12px;
  text-align: left;
  margin: 10px 0;
  padding: 8px;
  width: 100%;
}
.mobile-contact-btn {
  display: none;
}
/* 自定义复制成功提示 */
.copy-success-tip {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  font-size: 14px;
  padding: 12px 24px;
  border-radius: 8px;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
  /* 不拦截页面点击 */
}
/* 提示框显示状态 */
.copy-success-tip.show {
  opacity: 1;
}
/* 响应式适配 */
@media (max-width: 1200px) {
  .container {
    max-width: 100%;
  }
  .features-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  /* 逐个定位卡片，1:1匹配图一位置 */
  .feature-item {
    padding-left: 20px;
    /* 给圆点留空间 */
  }
  /* 逐个定位卡片（对应你箭头标注的位置） */
  .choose-grid {
    gap: 30px;
  }
  .scenes-section {
    padding-top: 60%;
  }
}
@media (max-width: 1000px) {
  .container {
    max-width: 100%;
  }
  .why-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .features-grid {
    grid-template-columns: 1fr;
    padding-right: 0;
  }
  .qrcode-container {
    display: none !important;
  }
  .choose-list {
    grid-template-columns: 1fr;
  }
  .scenes-section {
    padding-top: 55%;
  }
}
@media (max-width: 820px) {
  html {
    font-size: 14px;
  }
  .text,
  .why-card-desc,
  .list-desc {
    font-size: 0.25rem;
    white-space: normal;
  }
  .sidebar-menu a {
    font-size: 0.25rem;
  }
  .card-title {
    font-size: 0.4rem;
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .list-title {
    font-size: 0.3rem;
    line-height: 1.8;
  }
  .list-desc {
    line-height: 1.5;
  }
  .why-card-title {
    font-size: 0.28rem;
    text-align: left;
    line-height: 1.4;
  }
  .why-card-desc {
    text-align: left;
  }
  .container {
    max-width: 100% !important;
    padding: 0 15px;
  }
  /* 1. 重置头部样式，让其融入背景图 */
  .header {
    background: #15429A;
    /* 清除头部原有白色背景 */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    /* 关键：让头部背景透传，显示下方英雄区的背景图 */
  }
  .header .logo {
    background: url('images/logomobile.png') no-repeat center center / 100% 100% !important;
  }
  .logo {
    min-width: 120px;
    height: 36px;
    background: url('images/logo.png') no-repeat center center / 100% 100% !important;
  }
  .header.header-white-bg {
    background: #fff !important;
    height: 56px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }
  .header.header-white-bg .logo {
    min-width: 120px;
    height: 24px;
    margin-top: 5px;
    background: url('images/logo.png') no-repeat center center / 100% 100% !important;
  }
  /* 1. 给页面添加固定遮罩（默认隐藏） */
  body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(19, 29, 66, 0.85);
    /* 半透明黑色遮罩，可调整透明度 */
    z-index: 998;
    /* 低于侧边栏(999)，高于其他页面元素 */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    /* 与侧边栏过渡动画同步 */
    pointer-events: none;
    /* 隐藏时不拦截鼠标事件 */
  }
  /* 2. 侧边栏激活（active）时，显示遮罩 */
  body:has(.mobile-nav-sidebar.active)::after {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    /* 显示时拦截点击，防止穿透到页面 */
  }
  .pc-nav {
    display: none;
  }
  .header-service-phone {
    display: none;
  }
  .mobile-hamburger {
    width: 0.4rem;
    height: 0.4rem;
    display: block;
    background: url('images/nav.png') no-repeat center center / 100% 100%;
    z-index: 101 !important;
    padding: 25px;
    margin-top: -52px;
    float: right;
  }
  .mobile-hamburger2 {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    margin-top: -24px;
    float: right;
    z-index: 101 !important;
    margin-right: 10px;
    background-size: contain;
    border: none;
    width: 0.4rem;
    height: 0.4rem;
    background: url(https://i0.sensorexpert.com.cn/honeywell/images/icon_nav.png) no-repeat center;
    background-size: 100%;
  }
  .mobile-fixed-apply-btn {
    display: block;
  }
  .video-section {
    padding: 20px 0;
  }
  /* PC端表单弹窗 */
  #pc-apply-modal {
    position: fixed;
    top: 50% !important;
    right: 50% !important;
    transform: translate(50%, -50%) !important;
    width: 375px;
  }
  .pc-hero-img {
    display: none;
  }
  .hero {
    /* 背景不重复 */
    background-repeat: no-repeat !important;
    /* 背景定位：水平居中、垂直置顶 */
    background-position: center top !important;
    /* 背景尺寸：宽度100%适配屏幕，高度自动保留完整内容 */
    background-size: 100% auto !important;
    /* 清除原有顶部外边距，让头部紧贴英雄区背景 */
    margin-top: 0 !important;
  }
  .mobile-hero-img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 10px;
  }
  .feature-list {
    margin-top: -18px;
    margin-left: -5px;
  }
  .dot {
    font-size: 0.25rem;
    margin-top: 5px;
  }
  .feature-list li {
    gap: 4px;
  }
  .features-title {
    margin-bottom: 20px;
  }
  .why-section {
    /* 匹配效果图浅蓝背景 */
    padding-top: 2px;
    padding-bottom: 20px;
    background: linear-gradient(180deg, #E9EDFB 0%, #FDFDFD 100%);
  }
  .why-cards {
    grid-template-columns: repeat(2, 1fr);
    /* 移动端2列 */
    gap: 10px;
    padding: 0 5px;
  }
  .why-card {
    padding: 12px 10px;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.9) 100%);
    border-radius: 4px;
    min-height: auto;
    display: block;
  }
  .why-card-title {
    font-size: 14px;
    color: #333;
    font-weight: 500;
  }
  .why-card-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    /* 图标与文字间距 */
    justify-content: flex-start;
    /* 左对齐 */
  }
  .why-card-text-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 5px;
  }
  /* 隐藏PC端图标 */
  .why-card-icon-pc {
    display: none;
  }
  .why-card-icon-mobile {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 图标背景（浅蓝圆形） */
  }
  .why-card-icon-mobile img {
    width: 30px;
    height: 30px;
  }
  /* 列表描述（在标题正下方） */
  .why-card-text {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    text-align: left;
    /* 文字左对齐 */
  }
  .section-text {
    font-size: 14px;
    color: #666;
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .product-features .container {
    height: auto !important;
    /* 清除PC端的固定高度，让容器随内容自适应 */
    min-height: auto !important;
    /* 清除最小高度限制 */
  }
  .features-cards {
    position: static;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }
  .product-features {
    background: url('images/productbk-mb.png') no-repeat center / 100% 100%;
    padding-top: 5%;
    padding-bottom: 8%;
  }
  .product-features::after {
    display: none;
    /* 移动端隐藏机器人 */
  }
  .product-bg-img {
    display: none;
  }
  .mobile-feature-card {
    display: block;
    background: url('images/mobile-features.png') no-repeat center center / 100% 100%;
    padding: 32px 20px 20px 20px;
    border-radius: 8px;
    width: 100%;
    height: max-content;
    min-width: 345px;
  }
  .pc-span {
    display: none;
  }
  .mobile-span {
    display: block;
  }
  .choose-item .choose-pc-span {
    display: none;
  }
  .choose-item .choose-mobile-span {
    display: block;
  }
  .feature-item {
    position: static !important;
    width: 100%;
    margin: 0 !important;
    transform: none !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid;
    border-image: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) 1 1;
  }
  .feature-item::before {
    display: none;
  }
  .features-cards > .feature-item {
    /* 1. 多背景图层：扇形在上（仅左上角），渐变在下（全屏覆盖） */
    background: radial-gradient(circle at left top, #ff6700 16px, transparent 17px), linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%) !important;
    /* 2. 背景重复：扇形不重复，渐变也不重复（确保渐变全屏） */
    background-repeat: no-repeat, no-repeat !important;
    /* 3. 背景定位：扇形在左上，渐变全屏覆盖（关键：第二个值设为center/0 0） */
    background-position: left top, 0 0 !important;
    /* 4. 背景尺寸：扇形自适应，渐变全屏覆盖（解决渐变不生效的核心） */
    background-size: auto, 100% 100% !important;
    /* 5. 预留间距，不遮挡文字 */
    padding-left: 20px !important;
    /* 清除无关样式，避免冲突 */
    box-shadow: none !important;
    border: none;
    border-radius: 4px;
  }
  .feature-item h4 {
    margin-left: -8px;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
  }
  .feature-item p {
    margin-left: -8px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
  }
  .features-section {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .scenes-section {
    background: #F7F7FF;
    padding-top: 0%;
  }
  .scenes-text-center {
    font-size: 0.25rem;
    color: #666666;
  }
  .scenes-mb-5 {
    margin-bottom: 30px;
  }
  .choose-section {
    padding: 20px 0;
  }
  .choose-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .choose-section .choose-section-title {
    /* 隐藏文字，但保留容器占位 */
    color: transparent;
    text-indent: -9999px;
    overflow: hidden;
    width: 100%;
    height: 57px;
    margin: 0 auto 0;
    background: url('images/titlemb.png') no-repeat center / 100% 100%;
    text-align: center;
    padding: 0;
    font-size: 0;
    position: relative;
  }
  .choose-section .choose-section-title::after {
    content: "";
    position: absolute;
    /* 定位：从标题右下角向右延伸（覆盖衔接区域） */
    right: 0;
    bottom: 0;
    width: 11px;
    height: 10px;
    background: linear-gradient(135deg, transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
    z-index: 2;
    pointer-events: none;
  }
  .choose-list {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .choose-item {
    width: 100%;
    height: auto;
    background: #fff;
    display: block;
    overflow: hidden;
    border-radius: 0;
  }
  /* 标题行：橙色圆点 + 标题文字 */
  .choose-item h4 {
    width: 100%;
    height: auto;
    background: #fff;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 16px 8px;
    padding-left: 33px;
    text-align: left;
    position: relative;
    border-radius: 0;
  }
  .choose-item h4::before {
    content: "●";
    position: absolute;
    left: 16px;
    top: 58%;
    transform: translateY(-50%);
    color: #ff6700;
    font-size: 0.25rem;
    margin-left: 0;
  }
  /* 核心：文本 p 单列显示 */
  .choose-item p {
    padding: 0 10px 16px 16px;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    display: block;
    text-align: left;
    columns: unset;
    column-count: 1;
    border-bottom: 1px dashed #eee;
  }
  /* 最后一个列表项取消底部线条 */
  .choose-item:last-child h4 {
    /* 最后一个小标题仍保留实线 */
  }
  .choose-item:last-child p {
    border-bottom: none;
    /* 最后一个文本区取消虚线 */
  }
  .robot-img {
    display: none;
    /* 移动端隐藏机器人图片，匹配图二 */
  }
  .pricing-section {
    padding-top: 20px;
    background: url('images/mobile-pricingbk.png') no-repeat center center;
    background-size: cover;
    min-height: 100%;
  }
  .pricing-table {
    display: none;
  }
  .pricing-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
  }
  .pricing-card {
    background: #fff;
    border: none;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }
  /* 套餐版本+价格头部：彩色背景 + 方框标题 */
  .pricing-card-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .pricing-card-header img {
    width: 100%;
    height: auto;
  }
  /* 套餐版本标题：方框样式 */
  .pricing-card-header h4 {
    background: rgba(255, 255, 255, 0.2);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
  }
  /* 价格样式 */
  .pricing-card-header .price {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }
  /* 功能与说明区 */
  .pricing-card .features {
    font-size: 14px;
    color: #666;
    padding: 10px;
    background: #fff;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 0;
    border-bottom: 1px solid #F6F6F6;
  }
  .pricing-card .features span {
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 20px;
    white-space: nowrap;
  }
  .pricing-card .features span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('images/check-green.png') no-repeat center / 100% 100%;
    flex-shrink: 0;
  }
  .pricing-card .desc {
    font-size: 14px;
    color: #999;
    padding: 0 16px 16px;
    line-height: 1.6;
  }
  .contact-section {
    padding: 0;
    background: #0F2A69;
    /* 匹配效果图深蓝色背景 */
    color: #fff;
  }
  .contact-wrapper {
    flex-direction: row;
    /* 横向布局（logo+电话+按钮 | 二维码） */
    min-height: auto;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    /* 去掉原有背景图 */
  }
  /* 中间信息区（包含logo+电话+按钮） */
  .contact-middle {
    flex: 1;
    margin-left: -15px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  /* 移动端logo */
  .mobile-contact-logo {
    display: block !important;
    margin-bottom: 10px;
  }
  .mobile-contact-logo img {
    width: 120px;
    height: auto;
  }
  .contact-label {
    color: #fff;
    font-size: 14px;
  }
  .contact-phone {
    color: #fff;
    font-size: 22px;
    margin-bottom: 10px;
  }
  .contact-btn {
    display: none;
  }
  /* 发送邮件按钮（匹配效果图样式） */
  .mobile-contact-btn {
    display: block !important;
    background: url('images/emailsent.png') no-repeat center / 100% 100%;
    color: #fff;
    padding: 20px 73px;
    width: fit-content;
    margin: 0;
    border: none;
  }
  /* 邮箱输入框隐藏（效果图无此元素） */
  .contact-email-wrap {
    display: none;
  }
  /* 右侧二维码区 */
  .contact-right {
    flex: 0 0 120px;
    background: transparent;
    padding: 20px 0;
    margin-right: 0;
  }
  .qrcode-outer-box {
    width: 2rem;
    /* 移动端外框宽度 */
    border-radius: 6px;
    /* 移动端微调圆角 */
  }
  /* 二维码白色背景 - 移动端 */
  .qrcode-inner-img {
    padding: 8px;
    /* 移动端微调内边距 */
  }
  /* 独立文字 - 移动端 */
  .qrcode {
    width: 100px;
    height: 100px;
    background: #fff;
    /* 二维码白色背景 */
    padding: 5px;
    border-radius: 4px;
  }
  .qrcode-text {
    color: #fff;
    font-size: 12px;
    margin-top: 8px;
  }
  .code-image img {
    margin-left: 0;
  }
  /* ========== 移动端页脚 - 还原效果图 ========== */
  .mobile-footer {
    display: block !important;
    background: #1B3674;
    color: #ccc;
    padding: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    height: 135px;
  }
  .mobile-footer-copyright {
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
  }
  .pc-footer {
    display: none !important;
  }
  .footer {
    display: none !important;
  }
  .global-error-tip {
    text-align: left;
  }
  /* 移动端切换布局 */
  .scenes-pc-layout {
    display: none;
  }
  .scenes-mobile-layout {
    display: block;
  }
}