/* ============================================================
   地瓜云 · 官网视觉增强层（覆盖默认模板样式，不改动原文件）
   最后加载，用于统一主色、圆角、阴影与首屏质感
   ============================================================ */

:root {
  --dyg-primary: #FF6739;
  --dyg-primary-light: #FF9A4D;
  --dyg-primary-dark: #E45931;
  --dyg-ink: #12192B;
  --dyg-ink-2: #3A4358;
  --dyg-radius: 12px;
  --dyg-radius-s: 8px;
  --dyg-shadow: 0 10px 30px rgba(20, 30, 60, .10);
  --dyg-shadow-hover: 0 16px 40px rgba(255, 103, 57, .18);
}

/* ------------------------------------------------------------
   1. 顶部导航：品牌标识 + 轻薄化
   ------------------------------------------------------------ */
html body .nav-shadow {
  box-shadow: 0 2px 14px rgba(20, 30, 60, .06);
  backdrop-filter: saturate(180%);
}

html body .nav-header .nav-item {
  font-weight: 500;
  transition: color .2s ease;
}

/* 文字+图标品牌标识（未在后台上传 logo 时启用） */
html body .nav-icon .dyg-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
}

html body .nav-icon .dyg-brand-mark {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  filter: drop-shadow(0 6px 14px rgba(255, 103, 57, .32));
}

html body .nav-icon .dyg-brand-mark svg {
  width: 100%;
  height: 100%;
  display: block;
}

html body .nav-icon .dyg-brand-text {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--dyg-ink);
  line-height: 1;
}

html body .nav-icon .dyg-brand-sub {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 3px;
  color: rgba(0, 0, 0, .42);
  text-transform: uppercase;
}

/* ------------------------------------------------------------
   2. 通用：标题 / 按钮 / 卡片
   ------------------------------------------------------------ */
html body .section-title {
  text-align: center;
}

html body .section-title h2 {
  position: relative;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: .5px;
  padding-bottom: 18px;
}

html body .section-title h2::after {
  content: '';
  display: block;
  width: 56px;
  height: 3px;
  margin: 18px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--dyg-primary-light), var(--dyg-primary-dark));
}

html body .section-title .section-desc {
  margin-top: 14px;
  font-size: 15px;
  color: rgba(0, 0, 0, .55);
}

html body .btn-normal {
  height: auto;
  padding: 9px 22px;
  line-height: 1.4;
  border-radius: var(--dyg-radius-s);
  background: linear-gradient(90deg, var(--dyg-primary-light), var(--dyg-primary));
  box-shadow: 0 6px 16px rgba(255, 103, 57, .30);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

html body .btn-normal:hover {
  color: #fff;
  background: linear-gradient(90deg, var(--dyg-primary), var(--dyg-primary-dark));
  box-shadow: 0 10px 24px rgba(255, 103, 57, .40);
  transform: translateY(-1px);
}

html body .btn-normal-light {
  border-radius: var(--dyg-radius-s);
  border: 1px solid #E6EAED;
  transition: all .2s ease;
}

html body .btn-normal-light:hover {
  border-color: var(--dyg-primary);
  color: var(--dyg-primary);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .07);
  transform: translateY(-1px);
}

html body .btn2 {
  border-radius: 999px;
}

/* ------------------------------------------------------------
   3. 首页首屏 Hero（纯 CSS 渐变，不再依赖图片，彻底告别空白）
   ------------------------------------------------------------ */
html body .banner-cont .swiper-slide.dyg-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 520px;
}

html body .banner-cont .swiper-slide.dyg-hero::after {
  content: '';
  position: absolute;
  right: -140px;
  top: -120px;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 154, 77, .55), rgba(255, 154, 77, 0) 65%);
  pointer-events: none;
}

html body .banner-cont .swiper-slide.dyg-hero-1 {
  background: linear-gradient(118deg, #16233E 0%, #26466F 52%, #FF6739 135%);
}

html body .banner-cont .swiper-slide.dyg-hero-2 {
  background: linear-gradient(118deg, #0F2434 0%, #1C4C5E 52%, #FF7A45 138%);
}

html body .banner-cont .swiper-slide.dyg-hero-3 {
  background: linear-gradient(118deg, #241536 0%, #46286A 52%, #FF6739 142%);
}

html body .banner-cont .swiper-slide.dyg-hero .section-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

html body .banner-cont .swiper-slide.dyg-hero h1 {
  max-width: 760px;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 4px 22px rgba(0, 0, 0, .28);
}

html body .banner-cont .swiper-slide.dyg-hero .banner-desc {
  max-width: 620px;
  margin-top: 22px;
  margin-bottom: 42px;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(255, 255, 255, .88);
}

html body .banner-cont .swiper-slide.dyg-hero .btn-normal {
  color: #fff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
}

/* 分页器压在 hero 之上 */
html body .banner-cont .swiper-pagination {
  bottom: 84px;
  z-index: 6;
}

html body .banner-cont .swiper-pagination-bullet {
  width: 32px;
  height: 4px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .55);
  opacity: 1;
}

html body .banner-cont .swiper-pagination-bullet-active {
  width: 44px;
  background: #fff;
}

/* ------------------------------------------------------------
   4. 首屏下方三张悬浮小卡
   ------------------------------------------------------------ */
html body .banner .banner-s {
  position: relative;
  z-index: 6;
  max-width: 1400px;
  margin: -58px auto 0;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 18px 44px rgba(20, 30, 60, .14);
  overflow: hidden;
}

html body .banner-s .banner-list .banner-item {
  border-radius: 12px;
  padding: 26px 40px;
  transition: background .2s ease, transform .2s ease;
}

html body .banner-s .banner-list .banner-item:hover {
  background: #FFF6F2;
  transform: translateY(-2px);
}

html body .banner-s .banner-list .banner-item h5 {
  font-weight: 600;
  transition: color .2s ease;
}

html body .banner-list .banner-item .banner-tag {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  color: var(--dyg-primary);
  border: 1px solid rgba(255, 103, 57, .5);
  border-radius: 999px;
}

/* ------------------------------------------------------------
   5. 首页：产品卡片 / 优势 / 基础设施 / 新闻
   ------------------------------------------------------------ */
html body .service .service-box {
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #EDEFF2;
  border-radius: var(--dyg-radius);
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

html body .service .service-box:hover {
  transform: translateY(-6px);
  border-color: rgba(255, 103, 57, .45);
  box-shadow: var(--dyg-shadow-hover);
}

html body .service .service-box .service-title {
  font-weight: 600;
}

html body .service .service-box.service-hot {
  border-color: rgba(255, 103, 57, .55);
  box-shadow: 0 8px 22px rgba(255, 103, 57, .12);
}

html body .service .service-tag {
  border-radius: 999px;
  background: #FFF3EE;
  color: var(--dyg-primary);
}

html body .resolve .resolve-box {
  border-radius: var(--dyg-radius);
  transition: transform .25s ease, box-shadow .25s ease;
}

html body .resolve .resolve-box:hover {
  transform: translateY(-6px);
  box-shadow: var(--dyg-shadow);
}

html body .resolve .resolve-box h4 {
  font-weight: 600;
}

html body .resolve .resolve-box .resolve-link {
  color: var(--dyg-primary);
}

/* 「分钟级」不再被挤成两行 */
html body .section-base .base-content h2 {
  flex: 0 0 auto;
  white-space: nowrap;
  color: var(--dyg-primary);
  font-weight: 600;
}

html body .news .news-cont {
  border-radius: var(--dyg-radius);
  transition: box-shadow .25s ease;
}

html body .news .news-cont:hover {
  box-shadow: var(--dyg-shadow);
}

html body .news .news-title {
  color: var(--dyg-primary);
}

/* ------------------------------------------------------------
   6. 内页 Hero：用统一深色渐变替代模板自带大图
   ------------------------------------------------------------ */
html body .server-banner.product-banner,
html body .server-banner.banner-cloud,
html body .server-banner.banner-dedicated,
html body .server-banner.banner-domain,
html body .server-banner.banner-ssl,
html body .server-banner.banner-icp,
html body .server-banner.banner-trademark {
  position: relative;
  overflow: hidden;
  background-image: none;
  background-color: #16233E;
  background: linear-gradient(118deg, #16233E 0%, #26466F 55%, #FF6739 140%);
}

html body .server-banner.product-banner::after {
  content: '';
  position: absolute;
  right: -120px;
  top: -160px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 154, 77, .5), rgba(255, 154, 77, 0) 65%);
  pointer-events: none;
}

html body .server-banner.product-banner {
  height: auto;
  min-height: 380px;
  padding: 0;
  display: flex;
  align-items: center;
}

html body .server-banner .section-content {
  position: relative;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
}

html body .server-banner h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  text-shadow: 0 4px 20px rgba(0, 0, 0, .25);
}

html body .server-banner .server-banner-desc,
html body .server-banner .server-banner-desc2 {
  max-width: 720px;
  color: rgba(255, 255, 255, .88);
  line-height: 1.7;
}

/* ------------------------------------------------------------
   7. 内页：商品卡片与标签
   ------------------------------------------------------------ */
html body .product-hot {
  background: #F7F8FA;
}

html body .product-hot .product-item {
  border: 1px solid #EDEFF2;
  border-radius: var(--dyg-radius);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

html body .product-hot .product-item:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 103, 57, .4);
  box-shadow: var(--dyg-shadow-hover);
}

html body .product-hot .product-item .product-active-text {
  border-radius: 999px 0 0 999px;
}

html body .product-hot .product-item .product-item-top {
  background: linear-gradient(180deg, #FFF7F3 0%, #FFFFFF 100%);
}

html body .product-hot .country-item {
  border-radius: 999px;
  transition: all .2s ease;
}

html body .product-hot .country-item.active {
  color: #fff;
  background: linear-gradient(90deg, var(--dyg-primary-light), var(--dyg-primary));
  border-color: transparent;
}

/* 商品为空时的提示 */
html body .dyg-empty {
  width: 100%;
  padding: 70px 20px;
  text-align: center;
  color: rgba(0, 0, 0, .45);
}

html body .dyg-empty .dyg-empty-icon {
  font-size: 44px;
  color: rgba(255, 103, 57, .35);
}

html body .dyg-empty .dyg-empty-title {
  margin-top: 14px;
  font-size: 16px;
  color: rgba(0, 0, 0, .6);
}

/* ------------------------------------------------------------
   8. 页脚
   ------------------------------------------------------------ */
html body .register-advert img {
  border-radius: var(--dyg-radius);
}

html body .section-promise {
  background: #1A1C2A;
}

html body .section-promise .promise-box {
  color: rgba(255, 255, 255, .92);
}

html body .footer-nav-head {
  font-weight: 600;
}

/* ------------------------------------------------------------
   9. 侧边悬浮工具
   ------------------------------------------------------------ */
html body .aside-tools .tools-item {
  border-radius: var(--dyg-radius);
  transition: transform .2s ease, box-shadow .2s ease;
}

html body .aside-tools .tools-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--dyg-shadow);
}

/* ------------------------------------------------------------
   10. 响应式
   ------------------------------------------------------------ */
@media (max-width: 900px) {
  html body .banner-cont .swiper-slide.dyg-hero {
    height: 420px;
  }

  html body .banner-cont .swiper-slide.dyg-hero h1 {
    font-size: 30px;
  }

  html body .banner-cont .swiper-slide.dyg-hero .section-content {
    padding: 0 22px;
  }

  html body .banner-cont .swiper-pagination {
    bottom: 60px;
  }

  html body .banner .banner-s {
    margin: -30px 12px 0;
  }

  html body .section-title h2 {
    font-size: 26px;
  }
}

/* ============================================================
   12. 移动端适配（<= 768px）
   ------------------------------------------------------------
   说明：本模板各页 CSS 几乎没有媒体查询断点，桌面/手机共用
   一套固定宽度，导致手机上横向溢出。这里统一在公共层用
   html body + !important 提权，覆盖各页的固定宽度与横排布局。
   ============================================================ */

.dyg-nav-toggle {
  display: none;
}

@media (max-width: 768px) {

  /* ---------- 12.1 全局 ---------- */
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body .section-content {
    padding: 40px 16px !important;
  }

  html body .section-p {
    padding: 0 16px !important;
  }

  html body .section-title h2 {
    font-size: 23px !important;
    line-height: 1.35 !important;
  }

  html body .section-title .section-desc {
    font-size: 14px !important;
    margin-top: 10px !important;
    line-height: 1.7 !important;
  }

  html body .fboxRow {
    flex-wrap: wrap !important;
  }

  html body .section-content img {
    max-width: 100%;
  }

  /* ---------- 12.2 顶部导航（汉堡 + 抽屉） ---------- */
  html body .nav-header {
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 0 16px !important;
    min-height: 56px;
  }

  html body .nav-header .nav-left {
    display: contents !important;
  }

  html body .nav-header .nav-icon {
    order: 1 !important;
  }

  html body .nav-header .nav-icon img {
    width: 104px !important;
    height: auto !important;
    margin-right: 0 !important;
  }

  html body .nav-header .dyg-brand-mark,
  html body .nav-header .dyg-brand-mark svg {
    width: 30px !important;
    height: 30px !important;
  }

  html body .nav-header .dyg-brand-text {
    font-size: 18px !important;
  }

  html body .dyg-nav-toggle {
    order: 2 !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 42px;
    height: 42px;
    margin-left: auto !important;
    padding: 0 9px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 8px;
    -webkit-tap-highlight-color: transparent;
  }

  html body .dyg-nav-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background: #1A1C2A;
    border-radius: 2px;
    transition: transform .25s, opacity .25s;
  }

  html body.dyg-nav-open .dyg-nav-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  html body.dyg-nav-open .dyg-nav-toggle span:nth-child(2) {
    opacity: 0;
  }

  html body.dyg-nav-open .dyg-nav-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  html body .nav-header .nav-menu,
  html body .nav-header .nav-right {
    order: 3 !important;
    display: none !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    box-sizing: border-box;
  }

  html body.dyg-nav-open .nav-header .nav-menu,
  html body.dyg-nav-open .nav-header .nav-right {
    display: flex !important;
  }

  html body .nav-menu .nav-item {
    height: auto !important;
    min-height: 50px;
    padding: 12px 4px !important;
    font-size: 16px !important;
    border-bottom: 1px solid #EEF0F3 !important;
    box-sizing: border-box;
  }

  html body .nav-menu .nav-item:hover {
    border-bottom-color: #EEF0F3 !important;
  }

  html body .nav-header .nav-right {
    order: 4 !important;
    padding: 10px 0 16px !important;
  }

  html body .nav-header .nav-right .control {
    margin: 0 !important;
    padding: 12px 4px !important;
    border-bottom: 1px solid #EEF0F3;
  }

  html body .nav-header .nav-right .no-login,
  html body .nav-header .nav-right .login-in {
    height: auto !important;
    padding: 12px 4px 0 !important;
  }

  /* 二级菜单面板：移动端隐藏原悬停面板（内容已由脚本搬入 .dyg-acc） */
  html body .nav-cont {
    display: none !important;
  }

  html body .dyg-acc {
    display: none;
  }

  html body .dyg-acc.open {
    display: block;
    padding: 4px 0 12px;
  }

  html body .dyg-acc .nav-content {
    display: block !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  html body .dyg-acc .nav-content a {
    display: block !important;
    width: 100% !important;
    margin-bottom: 8px;
  }

  html body .dyg-acc .nav-item-box {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 12px !important;
    box-shadow: none !important;
    background: #F7F8FA !important;
    border-radius: 10px !important;
  }

  html body .dyg-acc .nav-item-box img {
    width: 34px !important;
    height: 34px !important;
  }

  html body .dyg-acc .nav-item-box .item-box-title {
    margin-left: 12px !important;
    font-size: 15px !important;
    justify-content: center !important;
  }

  html body .dyg-acc .nav-item-box .item-box-title .desc {
    font-size: 12px !important;
    margin-top: 3px;
  }

  /* ---------- 12.3 首页 Hero ---------- */
  html body .banner-cont .swiper-slide,
  html body .banner-cont .swiper-slide.dyg-hero {
    height: 430px !important;
  }

  html body .banner-cont .swiper-slide.dyg-hero .section-content {
    padding: 0 20px !important;
  }

  html body .banner-cont .swiper-slide.dyg-hero h1 {
    font-size: 28px !important;
    line-height: 1.32 !important;
  }

  html body .banner-cont .banner-desc {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 14px 0 26px !important;
    max-width: 100% !important;
  }

  html body .banner-cont .swiper-pagination {
    bottom: 14px !important;
  }

  html body .banner-cont .swiper-pagination-bullet {
    width: 24px !important;
  }

  html body .banner .banner-s {
    margin: -24px 16px 0 !important;
    border-radius: 12px !important;
  }

  html body .banner-s .banner-list {
    padding: 0 6px !important;
  }

  html body .banner-s .banner-list .banner-item {
    flex: 1 1 100% !important;
    width: 100% !important;
    padding: 20px 16px !important;
    box-sizing: border-box;
  }

  /* ---------- 12.4 热门产品 ---------- */
  html body .service-content {
    display: block !important;
    margin: 24px 0 0 !important;
  }

  html body .service .service-box {
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 22px 18px !important;
  }

  html body .service-box .title-desc {
    height: auto !important;
    margin: 12px 0 !important;
  }

  html body .service .service-tag-group {
    flex-wrap: wrap !important;
    gap: 6px;
  }

  html body .service .service-tag-group .service-tag {
    margin-right: 0 !important;
  }

  /* ---------- 12.5 为什么选择（深色区） ---------- */
  html body .resolve-content {
    display: block !important;
    margin: 24px 0 0 !important;
  }

  html body .resolve-content .resolve-box {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 22px 18px !important;
    box-sizing: border-box;
  }

  html body .resolve-content .resolve-box:hover {
    top: 0 !important;
  }

  html body .resolve-content .resolve-box h4 {
    margin-bottom: 12px !important;
  }

  html body .resolve-content .resolve-box .resolve-link {
    margin-top: 16px !important;
  }

  /* ---------- 12.6 基础设施 + 证书 ---------- */
  html body .section-base>.section-content {
    padding: 40px 16px 0 !important;
  }

  html body .section-base .base {
    display: block !important;
    margin-top: 22px !important;
  }

  html body .base .base-content {
    margin-bottom: 22px !important;
  }

  html body .base .base-content .title-desc {
    white-space: normal !important;
  }

  html body .section-base .base img {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 20px !important;
    padding-right: 0 !important;
  }

  html body .cert-list {
    padding: 0 !important;
  }

  html body .cert-list .cert-item {
    width: 33.333% !important;
    padding: 10px 2px !important;
  }

  html body .cert-list .cert-item img {
    width: 44px !important;
    height: 44px !important;
  }

  /* ---------- 12.7 新闻 ---------- */
  html body .news-content {
    display: block !important;
    gap: 0 !important;
    margin-top: 22px !important;
  }

  html body .news-content .news-cont {
    margin-bottom: 26px !important;
  }

  html body .news-content .news-list .news-item {
    line-height: 1.55 !important;
    padding: 10px 0 !important;
    align-items: flex-start;
  }

  html body .news-content .news-item .title {
    flex: 1;
  }

  html body .news-content .news-item .time {
    min-width: 0 !important;
    font-size: 12px !important;
    margin-left: 8px;
  }

  /* ---------- 12.8 内页 Banner ---------- */
  html body .server-banner {
    background-size: cover !important;
    background-position: center !important;
  }

  html body .server-banner .section-content {
    padding: 34px 16px 30px !important;
  }

  html body .server-banner h1 {
    font-size: 25px !important;
    line-height: 1.34 !important;
  }

  html body .server-banner-desc,
  html body .server-banner-desc2 {
    font-size: 14px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
    margin-bottom: 22px !important;
  }

  html body .product-banner {
    min-height: 0 !important;
    display: block !important;
    padding: 0 !important;
  }

  html body .product-banner h1 {
    font-size: 25px !important;
  }

  html body .product-banner-desc {
    max-width: 100% !important;
    font-size: 14px !important;
  }

  html body .product-banner img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ---------- 12.9 搜索框（域名 / 商标等） ---------- */
  html body .input-search {
    flex-wrap: wrap !important;
  }

  html body .input-search input {
    width: 100% !important;
    font-size: 16px !important;
    height: 50px !important;
    margin: 16px 0 10px !important;
    box-sizing: border-box;
  }

  html body .input-search .search-btn {
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 14px 0 !important;
    text-align: center;
    box-sizing: border-box;
  }

  html body .input-search .input-search-select,
  html body .input-search .input-search-s,
  html body .input-search .input-search-r {
    width: 50% !important;
    height: 50px !important;
    line-height: 50px !important;
    margin: 0 !important;
  }

  html body .input-search .input-search-s::before,
  html body .input-search .input-search-r::before {
    top: 13px !important;
  }

  /* ---------- 12.10 商品 / 价格 / 流程 通用宽卡片 ---------- */
  html body .product-hot .hot-item,
  html body .product-item,
  html body .price .price-item,
  html body .help-box,
  html body .standards-box,
  html body .docement-list .document-box,
  html body .about-box .box-list .box-item,
  html body .about-example .box-list .box-item,
  html body .about-together .reason-box,
  html body .about-reason .reason-box,
  html body.activities-page .active-box .active-list .active-item,
  html body.activities-page .active-box .active-type .seckill-goods .seckill-item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  html body .product-hot .hot-item {
    flex: 1 1 100% !important;
  }

  html body .product-cloud .cloud-box {
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }

  html body .product-cloud .cloud-box img {
    max-width: 100% !important;
    height: auto !important;
  }

  html body .product-performance .performance {
    display: block !important;
  }

  html body .product-performance .performance .performance-left img,
  html body .product-performance .performance .performance-left3 img {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
  }

  html body .product-performance .performance-item {
    min-width: 0 !important;
  }

  html body .efficient .nav-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html body .efficient .nav-tabs li {
    flex: 0 0 auto !important;
  }

  html body .efficient .nav-tabs a {
    width: auto !important;
    padding: 0 16px !important;
    white-space: nowrap;
  }

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

  html body .tabs-efficient .tabs-img {
    width: 100% !important;
    height: auto !important;
  }

  html body .product-flow .flow,
  html body .product-icp .flow,
  html body .product-rent .flow,
  html body .product-trusteeship .flow {
    display: block !important;
  }

  html body .product-flow .flow .flow-box,
  html body .product-icp .flow .flow-box,
  html body .product-rent .flow .flow-box,
  html body .product-trusteeship .flow .flow-box {
    width: 100% !important;
    margin: 0 0 14px !important;
  }

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

  html body .product-price .price .more a {
    width: auto !important;
  }

  html body .product-hot .standard .attr,
  html body .product-hot .hot-price .btn,
  html body .product-event .event-item .event-btn {
    width: auto !important;
    min-width: 100px;
  }

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

  html body .domain-info .domain-desc-box {
    min-width: 0 !important;
  }

  html body .domain-register .register-box-item .register-box-left {
    width: auto !important;
    min-width: 110px;
  }

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

  html body .domain-buy .creat-template-box .form-info .form-item .form-label {
    width: 100% !important;
    text-align: left !important;
  }

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

  html body .domain-buy .user-type {
    width: 100% !important;
  }

  html body .domain-buy .upload-box .upload-content {
    width: auto !important;
    max-width: 100% !important;
  }

  /* ---------- 12.11 解决方案（8 个行业页共用 solution.css） ---------- */
  /* 顶部 Banner（注意：这里是 server-banner2，不是 server-banner） */
  html body .server-banner2 {
    background-size: cover !important;
    background-position: center !important;
  }

  html body .server-banner2 .section-content {
    padding: 34px 16px 30px !important;
  }

  html body .server-banner2 h1 {
    font-size: 25px !important;
    line-height: 1.34 !important;
  }

  /* 行业趋势：四卡由横排改纵排 */
  html body .solution-trend .trend {
    display: block !important;
    margin: 24px 0 0 !important;
  }

  html body .solution-trend .trend-box {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  html body .solution-trend .trend-box img {
    width: 100% !important;
    height: auto !important;
    max-height: 190px !important;
    object-fit: cover;
    display: block !important;
  }

  html body .solution-trend .trend-box .con {
    padding: 20px 18px !important;
  }

  html body .solution-trend .trend-box .con p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  /* 部署方式 */
  html body .arrange-way .img {
    margin-top: 22px !important;
  }

  html body .arrange-way img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* 典型场景：顶部标签横向可滚动（Swiper 被强制成 slidesPerView:10，必须覆盖内联宽度） */
  html body .solution-scene .gallery-thumbs .swiper-wrapper,
  html body .solution-scene .gallery-thumbs .jr-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    transform: none !important;
    -webkit-overflow-scrolling: touch;
  }

  html body .solution-scene .gallery-thumbs .swiper-slide.title {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: auto !important;
    padding: 10px 14px !important;
    margin-right: 8px !important;
    font-size: 15px !important;
    white-space: nowrap;
  }

  /* 典型场景：图片与文字恢复上下结构（原来固定 680x488 + gap:93px 横排） */
  html body .solution-scene .gallery-top .swiper-slide {
    width: 100% !important;
    margin-right: 0 !important;
  }

  html body .solution-scene .gallery-top .scene-box {
    display: block !important;
    padding: 20px 0 6px !important;
    gap: 0 !important;
  }

  html body .solution-scene .gallery-top .scene-box>div {
    width: 100% !important;
  }

  html body .solution-scene .scene-box img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
  }

  html body .solution-scene .gallery-top .scene-cont {
    margin-top: 20px !important;
  }

  html body .gallery-top .scene-cont .des {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  /* 产品特征：拆掉 824px 固定高 + 绝对定位“星图”，改纵向卡片 */
  html body .solution-advantage .advantage {
    height: auto !important;
    padding-bottom: 24px !important;
    background-image: none !important;
    background-color: #F7F8FA !important;
  }

  html body .solution-advantage .section-title {
    padding: 40px 16px 20px !important;
  }

  html body .solution-advantage .advantage-list {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 16px !important;
    box-sizing: border-box;
  }

  html body .solution-advantage .box,
  html body .solution-advantage .box:nth-child(1),
  html body .solution-advantage .box:nth-child(2),
  html body .solution-advantage .box:nth-child(3),
  html body .solution-advantage .box:nth-child(4) {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
  }

  html body .solution-advantage .box .dot,
  html body .solution-advantage .line {
    display: none !important;
  }

  html body .solution-advantage .advantage-box,
  html body .solution-advantage .advantage-box:nth-child(1),
  html body .solution-advantage .advantage-box:nth-child(2),
  html body .solution-advantage .advantage-box:nth-child(3),
  html body .solution-advantage .advantage-box:nth-child(4) {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 22px 18px !important;
    box-sizing: border-box;
    text-align: center;
  }

  html body .solution-advantage .advantage-box::before {
    display: none !important;
  }

  html body .solution-advantage .advantage-box img {
    width: 72px !important;
    height: 72px !important;
  }

  html body .solution-advantage .advantage-box h5 {
    margin-top: 16px !important;
  }

  html body .solution-advantage .advantage-box p {
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  /* “一小步，大未来”：左标题 + 右表单改上下铺满 */
  html body .solution-future .section-content {
    display: block !important;
    padding: 40px 16px !important;
  }

  html body .solution-future .flex2,
  html body .solution-future .flex3 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .solution-future .font38 {
    font-size: 24px !important;
    text-align: center;
  }

  html body .solution-future .solution-contact {
    padding: 22px 16px !important;
    margin-top: 22px;
  }

  html body .solution-future .solution-contact .fboxRow {
    display: block !important;
  }

  html body .solution-future .solution-contact .form-group,
  html body .solution-future .solution-contact .form-group.flex1 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  html body .solution-future .solution-contact .form-group .col-sm-2,
  html body .solution-future .solution-contact .form-group .col-sm-4,
  html body .solution-future .solution-contact .form-group .col-sm-8,
  html body .solution-future .solution-contact .form-group .col-sm-10 {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body .solution-future .solution-contact .form-group label {
    text-align: left !important;
    margin-bottom: 6px;
  }

  /* ---------- 12.12 公告 / 新闻列表 ---------- */
  html body .news-advert {
    width: 100% !important;
  }

  html body .announce-new-right,
  html body .news-box {
    width: 100% !important;
  }

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

  html body .bottom-news {
    width: 100% !important;
  }

  html body .document-announce .announce-list .announce-item .announce-item-time {
    min-width: 0 !important;
  }

  /* ---------- 12.13 文档 ---------- */
  html body .page .nav-left {
    width: 100% !important;
    margin-bottom: 16px;
  }

  html body .page .guide-box {
    width: auto !important;
    max-width: 100% !important;
  }

  html body .overview {
    max-width: 100% !important;
  }

  html body .document-details .document-view-item .document-view-cont a {
    width: auto !important;
  }

  /* ---------- 12.14 关于 / 联系 / 招募 ---------- */
  html body .contact-support .support-box {
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }

  html body .product-phonation .phonation {
    display: block !important;
  }

  html body .product-phonation .phonation .phonation-left {
    width: 100% !important;
  }

  html body .about-details {
    display: block !important;
  }

  html body .about-details .about-details-left p {
    max-width: 100% !important;
  }

  html body .about-details .about-details-right {
    max-width: 100% !important;
  }

  html body .about-details .about-details-right .about-details-item {
    min-width: 0 !important;
  }

  html body .recuit-right {
    width: 100% !important;
  }

  html body .feedback-form .form-horizontal .form-group .form-file {
    width: auto !important;
  }

  html body .feedback-form .form-horizontal .radio label {
    width: auto !important;
    margin-right: 16px;
  }

  html body .server-sustain .sustain .sustain-box .sustain-head img {
    width: 90px !important;
    height: auto !important;
  }

  /* ---------- 12.15 代理 / 合作伙伴 ---------- */
  html body .agent-advantage .advantage-left {
    min-width: 0 !important;
  }

  html body .agent-flow .flow-box {
    width: 100% !important;
  }

  html body .agent-flow .flow-box img {
    width: 100px !important;
    height: auto !important;
  }

  /* ---------- 12.16 活动 ---------- */
  html body.activities-page .active-box .active-type .cloud-goods .cloud-item {
    display: block !important;
  }

  html body.activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-left,
  html body.activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-mid,
  html body.activities-page .active-box .active-type .cloud-goods .cloud-item .cloud-right {
    width: 100% !important;
  }

  html body.activities-page .active-box .more-acticve .more-box .more-item {
    width: 100% !important;
  }

  html body.activities-page .active-box .active-type .cloud-tab .tab-left .tab-item {
    width: auto !important;
  }

  html body.activities-page .dialog-box .authentication-content,
  html body.activities-page .dialog-box .buyCloud-content {
    width: 94vw !important;
    max-width: 94vw !important;
  }

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

  html body.activities-page .dialog-box .buy-form label {
    width: 90px !important;
  }

  html body .activities-banner {
    height: 240px !important;
    background-size: cover !important;
  }

  /* ---------- 12.17 页脚 ---------- */
  html body .section-promise {
    padding: 8px 0 !important;
  }

  html body .promise-box {
    flex: 0 0 50% !important;
    min-width: 50% !important;
    font-size: 14px !important;
    padding: 14px 6px !important;
  }

  html body .promise-box img {
    width: 26px !important;
    height: 26px !important;
  }

  html body .footer-content .footer-nav {
    display: block !important;
    padding: 26px 0 !important;
  }

  html body .footer .footer-nav .footer-nav-left {
    margin-right: 0 !important;
  }

  html body .footer-content .footer-nav .footer-nav-left {
    flex-wrap: wrap !important;
    gap: 0 !important;
  }

  html body .footer-nav-box {
    flex: 0 0 50% !important;
    margin-bottom: 18px;
  }

  html body .footer-content .footer-nav .footer-nav-right {
    width: 100% !important;
  }

  html body .footer-nav-right .footer-nav-box {
    flex: 0 0 100% !important;
  }

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

  html body .footer .footer-link {
    display: block !important;
    padding: 0 16px;
  }

  /* ---------- 12.18 右侧工具栏 ---------- */
  html body .aside-tools {
    top: auto !important;
    bottom: 16px !important;
  }

  html body .tools-list {
    width: 38px !important;
  }

  html body .tools-item>img {
    width: 38px !important;
    height: 38px !important;
  }

  html body .tools-item .tools-box {
    display: none !important;
  }

  /* ---------- 12.19 剩余横向溢出修补 ---------- */

  /* 申请流程：绝对定位的装饰圆环/箭头把 .flow-box 撑破，手机端直接隐藏装饰并把流程改纵向 */
  html body .product-flow .flow .flow-icon::before,
  html body .product-icp .flow .flow-icon::before,
  html body .product-rent .flow .flow-icon::before,
  html body .product-trusteeship .flow .flow-icon::before,
  html body .server-flow .flow .flow-icon::before,
  html body .product-flow .flow-box::before,
  html body .product-icp .flow-box::before,
  html body .product-rent .flow-box::before,
  html body .product-trusteeship .flow-box::before,
  html body .server-flow .flow-box::before {
    display: none !important;
  }

  html body .product-flow .flow,
  html body .product-icp .flow,
  html body .product-rent .flow,
  html body .product-trusteeship .flow,
  html body .server-flow .flow {
    gap: 0 !important;
  }

  html body .product-flow .flow .flow-icon,
  html body .product-icp .flow .flow-icon,
  html body .product-rent .flow .flow-icon,
  html body .product-trusteeship .flow .flow-icon,
  html body .server-flow .flow .flow-icon {
    flex: 0 0 auto !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    margin-right: 14px !important;
    font-size: 18px !important;
  }

  html body .product-flow .flow .flow-box,
  html body .product-icp .flow .flow-box,
  html body .product-rent .flow .flow-box,
  html body .product-trusteeship .flow .flow-box,
  html body .server-flow .flow .flow-box {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    padding: 10px 0 !important;
  }

  /* SSL / 短信：效率标签页的 408px 定宽图 + 100px 右内边距 */
  html body .tabs-efficient {
    padding: 24px 0 !important;
  }

  html body .tabs-efficient .tab-box {
    display: block !important;
  }

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

  html body .tabs-efficient .tabs-img,
  html body .efficient .tabs-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    flex-shrink: 1 !important;
    margin-top: 16px;
  }

  html body .tabs-efficient .tabs-img img,
  html body .efficient .tabs-img img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  html body .efficient.mt-50 {
    margin-top: 20px !important;
  }

  /* 招聘：右侧 390px 卡片 + 20px 左外边距 */
  html body .recuit-info .fboxRow,
  html body .recuit-info .fboxRow>.recuit {
    display: block !important;
  }

  html body .recuit.flex1 {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .recuit-right {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-top: 16px;
    box-sizing: border-box;
  }

  html body .recuit-right .recuit-right-box {
    padding: 22px 16px !important;
  }

  /* 文档详情：解除 320px 固定侧栏 + 80px 内边距 + calc(100vh) 固定高 */
  html body .page .nav-left {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding: 16px !important;
    box-sizing: border-box;
    transition: none !important;
  }

  html body .page .page-content {
    margin-left: 0 !important;
    padding: 20px 16px !important;
    height: auto !important;
    box-sizing: border-box;
  }

  html body .page .page-content.fboxCol,
  html body .page .page-content.fboxRow {
    display: block !important;
  }

  html body .document-view-cont,
  html body .document-view-cont.fboxWrap {
    display: block !important;
    padding: 16px 0 !important;
  }

  html body .document-view-cont a,
  html body .document-details .document-view-item .document-view-cont a {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  html body .document-view-item,
  html body .document-head,
  html body .document-cont,
  html body .announce-details-page {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  html body .document-head h2,
  html body .document-cont h2 {
    font-size: 20px !important;
    line-height: 1.5 !important;
  }

  /* 合作伙伴：优势区左卡 + 右 2x2 网格全部改成纵向铺满 */
  html body .agent-advantage .advantage {
    display: block !important;
  }

  html body .agent-advantage .advantage-left {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    margin-bottom: 14px;
  }

  html body .agent-advantage .advantage-right {
    display: block !important;
    width: 100% !important;
  }

  html body .agent-advantage .advantage-right .advantage-right-box {
    display: block !important;
    width: 100% !important;
  }

  html body .agent-advantage .advantage-right .advantage-box,
  html body .agent-advantage .advantage-right .advantage-box1,
  html body .agent-advantage .advantage-right .advantage-box2,
  html body .agent-advantage .advantage-right .advantage-box3,
  html body .agent-advantage .advantage-right .advantage-box4 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 18px 0 !important;
    box-sizing: border-box;
    border-right: 0 !important;
  }

  html body .agent-advantage .advantage-box>div {
    width: 100% !important;
  }

  html body .agent-advantage .advantage-box img {
    min-width: 0 !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 0 12px !important;
  }

  html body .agent-advantage .advantage-box h4 {
    font-size: 17px !important;
  }

  html body .agent-advantage .advantage-box p {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }

  /* 活动页：秒杀四卡与云商品卡（.activities-page 挂在 body 上，选择器必须写 body.activities-page） */
  html body.activities-page .seckill-goods {
    display: block !important;
  }

  html body.activities-page .seckill-goods .seckill-item {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 16px !important;
  }

  html body.activities-page .cloud-goods .cloud-item {
    display: block !important;
    height: auto !important;
    padding: 16px 0 !important;
    box-sizing: border-box;
  }

  html body.activities-page .cloud-goods .cloud-item .cloud-left,
  html body.activities-page .cloud-goods .cloud-item .cloud-mid,
  html body.activities-page .cloud-goods .cloud-item .cloud-right {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding-left: 16px !important;
    box-sizing: border-box;
  }

  html body.activities-page .cloud-goods .cloud-item .cloud-left .cloud-name {
    margin-top: 16px !important;
  }

  html body.activities-page .cloud-goods .cloud-item .cloud-buy-btn {
    width: 100% !important;
    margin: 12px 0 0 !important;
    box-sizing: border-box;
  }

  html body.activities-page .cloud-goods .cloud-item .cloud-right .cloud-price-box {
    width: calc(50% - 9px) !important;
    margin-right: 18px !important;
  }

  html body.activities-page .cloud-goods .cloud-item .cloud-right .cloud-price-box:nth-last-of-type(1) {
    margin-right: 0 !important;
  }

  html body.activities-page .cloud-tab {
    position: static !important;
  }

  html body.activities-page .cloud-tab .tab-left {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html body.activities-page .cloud-tab .tab-left .tab-item {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 14px !important;
    white-space: nowrap;
  }

  html body.activities-page .cloud-tab .tab-right {
    position: static !important;
    margin-top: 10px;
  }

  html body.activities-page .more-acticve .more-box {
    display: block !important;
    margin-top: 24px !important;
  }

  html body.activities-page .more-acticve .more-box .more-item {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    box-sizing: border-box;
  }

  /* ===== 12.20 文档页：.nav-head 绝对定位 + width:100% 溢出修补 =====
     document.css:70-78 `.page .nav-left .nav-head{position:absolute;top:0;width:100%;height:130px}`
     当 .nav-left 在 12.13 节被改成 static + padding:16px 后，.nav-head 的 100% 仍按视口算宽度，
     叠加左侧 16px 偏移 → right=406。 */
  html body .page .nav-left .nav-head {
    position: static !important;
    top: auto !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 16px 0 !important;
    box-sizing: border-box;
  }

  html body .page .nav-left .nav-head .nav-head-top,
  html body .page .nav-left .nav-head .nav-head-bottom {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body .page .nav-left .nav-head .nav-head-top .overview {
    max-width: 100% !important;
  }

  /* ===== 12.21 SSL/上云 高效能区：500px 定宽图 + img min-width:600px =====
     product.css:103-123 `.performance{display:flex;flex-wrap:wrap}` +
     `.performance-left img{min-width:600px}` +
     `.performance-left3 img{width:500px;margin-left:36px;margin-right:160px}` */
  html body .product-performance .performance {
    display: block !important;
    margin-top: 24px !important;
  }

  html body .product-performance .performance .performance-left,
  html body .product-performance .performance .performance-left2,
  html body .product-performance .performance .performance-left3 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  html body .product-performance .performance .performance-left img,
  html body .product-performance .performance .performance-left2 img,
  html body .product-performance .performance .performance-left3 img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 0 16px !important;
  }

  html body .product-performance .performance-item {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 12px 14px !important;
    box-sizing: border-box;
  }

  html body .product-performance .performance-item img {
    flex: 0 0 auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 0 !important;
    margin-right: 14px !important;
  }

  html body .product-performance .performance-item > div {
    min-width: 0 !important;
    flex: 1 1 auto;
  }

  html body .product-performance .section-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow: hidden;
  }

}