/* =========================================================
   responsive-v6.css — index2.html 自适应增强样式
   适配 PC / iPad / 手机等不同尺寸屏幕
   需在 main-v5.css 与 bootstrap 之后引入，仅做覆盖与补充
   ========================================================= */

/* ---------- 全局 ---------- */
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}
html {
  overflow-x: hidden;
}

/* ---------- 头部 ---------- */
.header {
  height: auto;
  min-height: 720px;
}
.header .navbar {
  height: auto;
  min-height: 80px;
}
.header-main .subTitle {
  width: auto;
  max-width: 545px;
}
/* 标题下划线装饰条跟随文字宽度 */
.lineText-line-container svg {
  width: 100%;
  height: auto;
}

/* 首屏交互演示：≥1200px 沿用右上角绝对定位版本，
   <1200px 改为标题下方等比缩放展示（见下方媒体查询与页面脚本） */
.hero-demo-mobile {
  display: none;
}

@media (max-width: 1199px) {
  .hero-demo-mobile {
    display: block;
    width: 100%;
    max-width: 630px;
    margin: 32px auto 0;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.12);
    background: #fff;
  }
  .hero-demo-mobile iframe {
    display: block;
    border: 0;
    transform-origin: top left;
  }
  /* 平板 / 手机：首屏文字居中，美观且不拥挤 */
  .header-main {
    text-align: center;
  }
  .header-main .title,
  .header-main .subTitle {
    margin-left: auto;
    margin-right: auto;
  }
  .header-main .subTitle {
    width: 100%;
    max-width: 527px;
    word-break: break-word;
    overflow-wrap: anywhere;
    padding: 0 4px;
  }
  a.header-button {
    margin: 0 8px 12px 8px;
  }
}

/* 桌面（≥1200px）：隐藏移动版 hero，仅保留右上角绝对定位版本 */
@media (min-width: 1200px) {
  .hero-demo-mobile {
    display: none !important;
  }
}

/* 首屏下载按钮：默认居中且可换行，桌面左对齐 */
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.hero-actions a.header-button {
  margin: 0;
}
@media (min-width: 1200px) {
  .hero-actions {
    justify-content: flex-start;
  }
}

/* ---------- 平板 / 小屏桌面（≤991px，导航折叠为汉堡菜单） ---------- */
@media (max-width: 991px) {
  .header .navbar {
    background: transparent;
  }
  .header .navbar-toggler {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 6px 10px;
  }
  .header .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  .header .navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(43, 88, 249, 0.18);
  }
  .header .navbar-collapse {
    background: #fff;
    border-radius: 12px;
    padding: 4px 20px 16px;
    margin-top: 10px;
    box-shadow: 0 12px 32px rgba(17, 24, 39, 0.12);
  }
  .header .navbar.scrolled .navbar-collapse {
    box-shadow: none;
    border: 1px solid #f0f0f0;
  }
  .header .nav-item {
    padding: 0;
    border-bottom: 1px solid #f4f5f7;
  }
  .header .nav-item:last-of-type {
    border-bottom: 0;
  }
  .header .nav-link {
    text-align: left;
    padding: 12px 4px;
  }
  .header .navbar-brand b {
    font-size: 22px;
  }
  .header .navbar-brand .tag {
    font-size: 12px;
    padding: 4px 8px;
  }
  .header .navbar .d-flex {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
  }

  .header-main {
    padding-top: 110px;
  }
  .header-main .title h1 {
    font-size: 40px;
    line-height: 1.35;
  }
  .header-main .title p.desc {
    font-size: 24px;
  }
  .header-main .subTitle {
    font-size: 16px;
  }

  .main-title {
    font-size: 34px;
    line-height: 1.45;
  }
  .main-title h2 {
    font-size: 28px;
    line-height: 1.45;
  }
  h2.title {
    font-size: 28px;
  }
  p.description {
    font-size: 16px;
    line-height: 1.9;
  }
  .main-title p.description {
    padding-left: 0;
    padding-right: 0;
  }

  .function-container-section {
    padding: 72px 0 0;
  }
  .function-container-section-title {
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 32px;
  }

  /* 功能卡片：平板 2 列 */
  .card-container {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  .card-container .card {
    width: calc(50% - 10px);
  }
}

/* 下载卡片：<1200px 居中换行，禁止压缩导致文字截断 */
@media (max-width: 1199px) {
  .download-container {
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
  }
  .download-card {
    flex: 0 0 auto;
  }
}

/* ---------- 手机（≤767px） ---------- */
@media (max-width: 767px) {
  .padding-top-120 { padding-top: 64px; }
  .padding-bottom-120 { padding-bottom: 64px; }
  .padding-bottom-80 { padding-bottom: 40px; }
  .main-container { padding: 64px 0 16px; }

  .im-logo { padding: 24px 0; }
  .im-logo img {
    max-width: 110px;
    height: auto;
  }

  .carousel-card {
    width: min(320px, 82vw) !important;
    padding: 20px 16px;
  }
  .carousel-card .logo { margin: 0 20px; }
  .carousel-card .title {
    margin: 18px 20px 0;
    font-size: 22px;
    line-height: 1.4;
  }
  .carousel-card .description {
    margin: 12px 20px 0;
  }

  .testimonial-carousel-container { margin-top: 32px; }

  .footer {
    text-align: center;
    line-height: 30px;
    padding: 32px 0;
  }
  .footer .media {
    padding-left: 0;
    display: block;
    margin-top: 8px;
  }
  .footer .media a {
    display: inline-block;
    padding: 6px;
  }

  /* 侧边“购买咨询”按钮改为右下角悬浮 */
  .sidebar-container {
    top: auto;
    bottom: 90px;
    transform: none;
  }
}

/* ---------- 手机（≤575px） ---------- */
@media (max-width: 575px) {
  .header { min-height: 0; }
  .header-main {
    padding-top: 96px;
    padding-bottom: 48px;
  }
  .header .navbar-brand img {
    height: 34px;
    width: auto;
  }
  .header-main .title h1 { font-size: 30px; }
  .header-main .title p.desc { font-size: 20px; }
  .header-main .subTitle { font-size: 14.5px; }
  a.header-button {
    padding: 10px 22px;
    font-size: 15px;
  }

  .main-title { font-size: 24px; }
  .main-title h2 { font-size: 21px; }
  h2.title { font-size: 21px; }
  p.description { font-size: 15px; }
  .function-container-section-title { font-size: 24px; }

  /* 功能卡片：手机单列 */
  .card-container { gap: 16px; }
  .card-container .card {
    width: 100%;
    padding: 28px 20px 20px;
  }

  .content-bottom-container .bottom-card { padding: 0 20px; }
  .content-bottom-container .bottom-card .description {
    font-size: 14px;
    line-height: 1.6;
  }

  /* 下载卡片：手机两列 */
  .download-container {
    gap: 16px;
    padding-top: 40px;
  }
  .download-card {
    width: calc(50% - 8px);
    min-width: 150px;
    height: 176px;
  }
  .download-card .hover .btn {
    padding: 6px 10px;
    font-size: 13px;
  }
  .download-card .hover img {
    width: 132px;
    height: auto;
  }
}

/* ---------- 手机（≤575px）细节 ---------- */
@media (max-width: 575px) {
  .header-main .subTitle {
    font-size: 14.5px;
    line-height: 1.9;
  }
  a.header-button {
    padding: 10px 20px;
    font-size: 15px;
  }
  .hero-demo-mobile {
    margin: 24px auto 0;
  }
}

/* ---------- 触屏设备 ---------- */
/* 手机/平板没有 hover：下载卡片直接展示二维码与按钮 */

/* ---------- 手机/平板：只保留手机版相关，隐藏电脑版入口 ---------- */
@media (max-width: 1199px) {
  .hero-actions a.header-button {
    display: none !important;
  }
  .download-card.is-pc {
    display: none;
  }
}

/* ---------- 底部固定操作栏（电话咨询 / 微信客服 / 下载APP） ---------- */
.m-fixbar {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1500;
  height: 50px;
  background: #ffffff;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
}
.m-fixbar .mf {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
.m-fixbar .mf-phone {
  background: #ffffff;
  color: #001;
  border-right: 1px solid #e6e6e6;
}
.m-fixbar .mf-wxkf {
  background: #2c7dfa;
  color: #ffffff;
}
.m-fixbar .mf-app {
  background: #5cb85c;
  color: #ffffff;
}
@media (max-width: 991px) {
  .m-fixbar {
    display: flex;
  }
  body {
    padding-bottom: 50px;
  }
}

/* ---------- 手机/平板：下载区改为“图1风格”说明面板 ---------- */
.m-download {
  display: none;
  max-width: 560px;
  margin: 28px auto 0;
}
.m-row {
  display: flex;
  align-items: stretch;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 14px;
}
a.m-row.m-link {
  text-decoration: none;
}
.m-label {
  flex: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 22px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
}
.m-label.m-phone { background: #5cb85c; }
.m-label.m-mini  { background: #1fae67; }
.m-label.m-pc    { background: #4285f4; }
.m-desc {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 22px;
  font-size: 15px;
  line-height: 1.5;
}
.m-phone-desc { background: #e8f5e9; color: #2e7d32; }
.m-mini-desc  { background: #e3f5ec; color: #1c7f4d; }
.m-pc-desc    { background: #e6eeff; color: #2b50c2; }
.m-desc a { color: inherit; text-decoration: underline; }
.m-qr { width: 52px; height: 52px; border-radius: 6px; flex: none; }

@media (max-width: 1199px) {
  .download-container {
    display: none;
  }
  .m-download {
    display: block;
  }
}

/* 手机/平板：兼容平台图标网格整体居中 */
@media (max-width: 991px) {
  .im-logo {
    text-align: center;
  }
}

/* 手机：图在上、文在下时，图片与下方标题留出间距 */
@media (max-width: 575px) {
  .image-max-width {
    margin-bottom: 18px;
  }
}

/* 手机/平板：副标题省略电脑系统括号，避免折行；PC 显示全称 */
@media (max-width: 1199px) {
  .header-main .pc-only {
    display: none;
  }
}

/* 常见问题 */
.faq-list {
  max-width: 860px;
  margin: 0 auto;
}
.faq-item {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 12px;
}
.faq-item h3 {
  margin: 0 0 6px;
  font-size: 17px;
  color: #1f2937;
}
.faq-item p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #4b5563;
}
@media (hover: none) {
  .download-card .normal {
    opacity: 0;
    pointer-events: none;
  }
  .download-card .hover {
    opacity: 1;
  }
}

/* 侧边栏“购买咨询”：点击展开（配合页面脚本） */
.sidebar.open .sidebar-popover {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0) scale(1);
}