/* =========================================================
   移动端响应式样式 (max-width: 1024px)
   仅作用于平板/手机，不修改桌面端样式
   ========================================================= */

/* ===== 基础基线 ===== */
html {
  overflow-x: hidden;
}

body {
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

.section-content {
  padding: 40px 16px;
  max-width: 100%;
}

.section-title h2 {
  font-size: 22px;
}

.section-title .section-desc {
  font-size: 14px;
  margin-top: 10px;
}

.fboxRow {
  flex-direction: column;
}

.flex1 {
  width: 100% !important;
}

/* 通用多列卡片在移动端单列堆叠 */
.service-content,
.resolve-content,
.practice-content,
.brand-group {
  flex-direction: column;
  margin: 20px 0 0;
}

.service-content .fboxRow,
.resolve-content .fboxRow {
  flex-direction: column;
  margin: 0;
}

.service .service-box,
.resolve-content .resolve-box {
  width: 100% !important;
  max-width: 100%;
  margin: 10px 0;
}

/* ===== 移动端导航（汉堡 + 抽屉/全屏） ===== */
/* 默认（桌面）隐藏；手机端由下方 768px 断点改为 absolute 右上角显示 */
.nav-toggle {
  display: none;
  position: absolute;
  top: 6px;
  right: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  cursor: pointer;
  z-index: 1000;
}

.nav-toggle .nav-toggle-bar {
  display: block;
  width: 22px;
  height: 2px;
  margin: 3px 0;
  background: #333;
  border-radius: 2px;
  transition: all .3s;
}

.nav-toggle.active .nav-toggle-bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.nav-toggle.active .nav-toggle-bar:nth-child(2) {
  opacity: 0;
}

.nav-toggle.active .nav-toggle-bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* 移动端：.nav-menu 作为抽屉内的一级菜单显示（桌面端 hover 逻辑由 JS 在大屏才绑定） */
.nav-header .nav-menu {
  display: none;
}

.nav-right .control,
.nav-right .console-link .control {
  display: none;
}

.nav-cont {
  position: fixed;
  top: 56px;
  left: 0;
  width: 100%;
  height: auto !important;
  max-height: calc(100vh - 56px);
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16);
  transform: translateX(100%);
  transition: transform .3s ease;
  z-index: 999;
}

.nav-cont.open {
  transform: translateX(0);
}

.nav-cont .section-content {
  padding: 0;
}

/* 抽屉内的一级菜单（复用桌面 .nav-menu 结构） */
.nav-cont .nav-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.nav-cont .nav-menu .nav-item {
  height: auto;
  padding: 16px;
  font-size: 15px;
  border-bottom: 1px solid #EDEDED;
  justify-content: space-between;
}

/* 抽屉内的二级面板 */
.nav-cont .nav-cont-menu {
  display: none !important;
  padding: 0 16px;
  background: #F7F8FA;
}

.nav-cont .nav-cont-menu.open {
  display: block !important;
}

.nav-content {
  flex-direction: column;
  gap: 0;
  padding: 0;
}

.nav-content a {
  width: 100% !important;
  border-bottom: 1px solid #EDEDED;
}

.nav-item-box {
  min-width: unset;
  height: auto;
  padding: 16px 0;
  box-shadow: none;
  align-items: center;
}

.nav-item-box img {
  width: 36px;
  height: 36px;
}

.nav-item-box .item-box-title {
  margin-left: 12px;
  font-size: 15px;
}

.nav-item-box .item-box-title .desc {
  font-size: 12px;
}

/* ===== 顶部导航右区简化 ===== */
.nav-header {
  padding: 0 12px;
  height: 56px;
}

.nav-header .nav-left .nav-icon img {
  width: 110px;
  height: auto;
  margin-right: 0;
}

.nav-header .login-in,
.nav-header .no-login {
  margin-left: 0;
}

.nav-header .no-login .btn {
  padding: 6px 12px;
  font-size: 13px;
}

.nav-header .login-in {
  padding: 0 12px;
  height: 56px;
}

.nav-header .login-in .name {
  max-width: 80px;
}

/* ===== 侧边悬浮工具：移动端隐藏 ===== */
.aside-tools {
  display: none;
}

/* ===== 注册广告 / 承诺条 ===== */
.register-advert {
  height: auto;
  padding: 10px 0;
}

.promise {
  flex-wrap: wrap;
}

.promise-box {
  flex: 1 1 50%;
  min-width: 140px;
  padding: 16px 0;
  font-size: 13px;
}

/* ===== 页脚移动端重排 ===== */
.footer-content .footer-nav {
  flex-direction: column;
  padding: 24px 0;
}

.footer-content .footer-nav .footer-nav-left {
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin-right: 0;
}

.footer-nav-box {
  border-bottom: 1px solid #2D3544;
}

.footer-nav-box .footer-nav-head {
  width: auto;
  cursor: pointer;
}

.footer-nav-right {
  width: 100% !important;
  margin-top: 20px;
}

.footer-nav-right .footer-nav-box .footer-nav-item {
  width: 100% !important;
}

.footer .footer-record {
  flex-direction: column;
  height: auto;
  line-height: 1.6;
  padding: 12px 0;
  font-size: 12px;
}

.footer .footer-record .left-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.footer .footer-record .left-info a {
  margin-right: 0;
}

/* =========================================================
   手机端 (max-width: 768px)
   ========================================================= */
@media screen and (max-width: 768px) {

  body {
    font-size: 14px;
  }

  .nav-toggle {
    display: flex;
  }

  .nav-header .nav-right {
    display: none;
  }

  .nav-header .nav-right.mobile-show {
    display: flex;
  }

  /* 登录态下保留头像 */
  .nav-header .login-in {
    display: flex;
    margin-left: auto;
  }

  /* ===== 首页 Banner ===== */
  .banner-cont .swiper-slide {
    height: 220px;
  }

  .banner-cont .section-content {
    padding: 20px 16px;
  }

  .banner-cont .section-content h1 {
    font-size: 22px;
  }

  .banner-cont .banner-desc {
    font-size: 13px;
    margin: 16px 0 30px;
    max-width: 100%;
  }

  .banner .banner-s .banner-list {
    flex-direction: column;
    padding: 0 12px;
  }

  .banner-s .banner-list .banner-item {
    width: 100%;
    padding: 16px 20px;
    border-bottom: 1px solid #EDEDED;
  }

  /* ===== 服务内容 ===== */
  .service .service-box {
    min-height: auto;
    padding: 20px;
  }

  .service-box .title-desc {
    height: auto;
  }

  .service .service-tag-group {
    flex-wrap: wrap;
  }

  .service-btn-group {
    flex-direction: column;
    align-items: stretch !important;
    gap: 10px;
  }

  .service-btn-group .fboxWrap {
    justify-content: space-between;
  }

  /* ===== 解决方案 ===== */
  .resolve-content .resolve-box {
    padding: 20px;
    background-size: cover !important;
  }

  .resolve-content .resolve-box h4 {
    font-size: 18px;
  }

  .resolve-content .resolve-box .resolve-link {
    margin-top: 30px;
  }

  /* ===== 服务实践 ===== */
  .practice .practice-box {
    width: 100%;
    padding: 20px;
  }

  .practice .brand-box {
    width: calc(50% - 20px);
    height: 90px;
  }

  .practice .brand-box img {
    width: 60px;
    height: auto;
  }

  /* ===== 基础设施 ===== */
  .section-base .base {
    flex-direction: column;
    margin-top: 20px;
  }

  .section-base>.section-content {
    padding: 40px 16px 0;
  }

  .section-base .base img {
    width: 100%;
    height: auto;
    margin-left: 0;
    padding-right: 0;
    margin-top: 20px;
  }

  .base .base-content {
    margin-bottom: 20px;
  }

  .base .base-content h2 {
    font-size: 24px;
  }

  .cert-list {
    flex-wrap: wrap;
    justify-content: center;
  }

  .cert-list .cert-item {
    width: 33.33%;
  }

  /* ===== 新闻 ===== */
  .news-content {
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
  }

  .news-content .news-head .news-title {
    font-size: 18px;
  }

  .news-content .news-item .time {
    min-width: 80px;
  }

  /* ===== 注册广告条 ===== */
  .register-advert a img {
    width: 100%;
  }
}

  /* ===== 子页面固定宽度容器溢出修复 ===== */

  /* 产品页：卡片/流程/表单固定宽 */
  .product-hot .hot-item,
  .product-item {
    width: 100% !important;
    max-width: 100%;
    flex-direction: column;
  }

  .product-cloud .cloud-box,
  .contact-support .support-box {
    min-width: 0 !important;
    width: 100%;
  }

  .product-performance .performance {
    flex-direction: column;
  }

  .product-performance .performance .performance-left img,
  .product-performance .performance-item {
    min-width: 0 !important;
    width: 100% !important;
  }

  .product-performance .performance .performance-left3 img {
    width: 100% !important;
    margin: 0;
  }

  .efficient .nav-tabs {
    flex-direction: row;
    overflow-x: auto;
  }

  .efficient .nav-tabs a {
    width: auto !important;
    min-width: 120px;
  }

  .efficient .tab-content {
    min-width: 0 !important;
  }

  .tabs-efficient {
    padding: 30px 16px !important;
  }

  .tabs-efficient .tab-box {
    flex-direction: column;
  }

  .tabs-efficient .tab-box .tabs-content {
    padding-right: 0 !important;
  }

  .tabs-efficient .tabs-img {
    width: 100% !important;
  }

  .help-box,
  .product-price .price .price-item {
    width: 100% !important;
    max-width: 100%;
  }

  .standards-box {
    width: 100% !important;
  }

  .product-sms .standards-box .stand-cont {
    width: auto !important;
  }

  /* 申请/购买流程横向 flex + 负偏移 */
  .product-flow .flow,
  .agent-flow .flow,
  .server-sustain2 .sustain {
    flex-direction: column;
    gap: 20px !important;
  }

  .product-flow .flow .flow-box,
  .agent-flow .flow-box,
  .server-sustain2 .sustain .sustain-box {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .product-flow .flow-box::before,
  .server-sustain2 .sustain .sustain-box::before {
    display: none !important;
  }

  /* 域名/ICP/购物车表单 */
  .domain-info .domain-desc-box {
    min-width: 0 !important;
    padding: 20px 16px;
  }

  .apply .apply-right {
    margin-left: 0 !important;
  }

  .shop-content .shop-right {
    width: 100% !important;
  }

  .shop-left .table-price {
    margin-left: 0 !important;
    position: static;
  }

  .domain-buy .creat-template-box .form-info {
    width: 100% !important;
  }

  .domain-buy .creat-template-box .form-info .form-item .form-value input,
  .domain-buy .creat-template-box .form-info .form-item .form-value select {
    width: 100% !important;
  }

  /* 解决方案页 */
  .solution-scene .scene-box {
    flex-direction: column;
    gap: 30px;
    padding: 0 16px !important;
  }

  .solution-scene .scene-box img {
    width: 100% !important;
    height: auto;
  }

  .solution-advantage .advantage {
    height: auto;
  }

  .solution-advantage .advantage-box {
    position: static !important;
    left: auto !important;
    width: 100% !important;
    margin: 10px 0;
  }

  .solution-advantage .advantage-list {
    position: static;
  }

  /* 活动页 */
  .activities .activities-list {
    grid-template-columns: 1fr !important;
  }

  .activities .activities-item,
  .activities .activities-item:first-child {
    height: auto;
    grid-row: auto;
  }

  .activities-page .active-box .active-list,
  .activities-page .active-box .active-type .seckill-goods,
  .activities-page .active-box .more-acticve .more-box {
    flex-direction: column;
  }

  .activities-page .active-box .active-type .active-list .active-item,
  .activities-page .active-box .active-type .seckill-goods .seckill-item,
  .activities-page .active-box .more-acticve .more-box .more-item {
    width: 100% !important;
    margin: 10px 0;
  }

  .activities-page .active-box .active-type .cloud-goods .cloud-item {
    flex-wrap: wrap;
    height: auto;
  }

  .activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-left,
  .activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-right .cloud-price-box {
    width: 100% !important;
    margin: 0;
  }

  .activities-page .dialog-box .modal-content,
  .activities-page .dialog-box .authentication-content,
  .activities-page .dialog-box .buyCloud-content {
    width: 92% !important;
  }

  .activities-page .dialog-box .buy-form select {
    width: 100% !important;
  }

  /* 代理页 */
  .agent-advantage .advantage {
    flex-direction: column;
  }

  .agent-advantage .advantage-left {
    min-width: 0 !important;
    width: 100%;
  }

  .agent-flow .flow-box {
    height: auto;
  }

  /* 关于页 / 语音页 / 服务保障页 */
  .about-reason .reason-box,
  .about-together .reason-box,
  .about-box .box-list .box-item {
    width: 100% !important;
    height: auto;
  }

  .about-box .box-list .box-item img {
    width: 100%;
    height: auto;
  }

  .product-phonation .phonation {
    flex-direction: column;
  }

  .product-phonation .phonation .phonation-left {
    width: 100%;
    height: 220px;
    margin-right: 0;
  }

  .about-details .about-details-right {
    max-width: 100%;
  }

  /* 文档页：固定左栏改为上下排列 */
  .page .nav-left {
    position: static;
    width: 100%;
    height: auto;
    padding-top: 0;
  }

  .page .nav-right,
  .page .content-page,
  .page .page-content {
    padding-left: 0 !important;
    margin-left: 0 !important;
    left: 0 !important;
  }

  .page .page-content {
    padding: 20px 16px;
    height: auto;
  }

  .overview {
    left: 0 !important;
  }

  /* 公告 / 新闻页 */
  .document-announce .news-advert {
    width: 100% !important;
    height: 90px;
  }

  .announce-new-right {
    width: 100% !important;
    margin-left: 0;
  }

  .news-box {
    width: 100% !important;
  }

  .news-index-banner,
  .news-index-banner .news-banner-cont {
    width: 100% !important;
  }

  /* 大事记时间轴 */
  .about-time .parHd ul li {
    margin: 0 12px;
  }

  .parBd h4 {
    padding: 0 24px !important;
  }

  .parBd h4:before,
  .parBd h4:after {
    width: 20px;
    left: -20px;
    right: -20px;
  }
}

/* =========================================================
   超小屏 (max-width: 480px)
   ========================================================= */
@media screen and (max-width: 480px) {
  .section-title h2 {
    font-size: 20px;
  }

  .banner-cont .swiper-slide {
    height: 180px;
  }

  .cert-list .cert-item {
    width: 50%;
  }

  .promise-box {
    flex: 1 1 100%;
  }
}