/* 鑫誉云 · 白色/天蓝色商城皮肤 */

:root {
  --mall-bg: #f5fbff;
  --mall-white: #ffffff;
  --mall-sky: #0ea5e9;
  --mall-sky-2: #38bdf8;
  --mall-sky-deep: #0284c7;
  --mall-text: #0f172a;
  --mall-muted: #64748b;
  --mall-line: #dbeafe;
  --mall-red: #e11d48;
  --mall-radius: 12px;
  --mall-wrap: min(80vw, 1680px);
}

html, body, body#index {
  background: var(--mall-bg) !important;
  color: var(--mall-text) !important;
}

#header .logo img, .logo img, .nav-icon img {
  filter: none !important;
}

/* 顶栏 */
.mall-topbar {
  background: #e0f2fe;
  border-bottom: 1px solid var(--mall-line);
  font-size: 13px;
  color: #0f172a;
  line-height: 36px;
}
.mall-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
.mall-topbar-inner > div:first-child { color: #0f172a !important; font-weight: 500; }
.mall-topbar a { color: #0369a1 !important; margin-left: 16px; text-decoration: none; font-weight: 600; }
.mall-topbar a:hover { color: var(--mall-sky-deep) !important; }
.mall-topbar .mall-settle { color: var(--mall-sky-deep) !important; font-weight: 700; }
#header .mall-topbar a { color: #0369a1 !important; }
#header .mall-topbar .mall-settle { color: var(--mall-sky-deep) !important; }

.nav-shadow, #header, .nav-header {
  background: #fff !important;
  border-bottom: 1px solid var(--mall-line) !important;
}
#header {
  position: sticky !important;
  top: 0 !important;
  z-index: 2000 !important;
}
.nav-shadow {
  position: relative !important;
  z-index: 1200 !important;
}
.nav-header, .nav-header.section-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  min-height: 64px;
  padding: 0 20px !important;
  max-width: 1440px;
  margin: 0 auto;
}
.nav-left {
  display: flex !important;
  align-items: center !important;
  min-width: 0;
  flex: 1;
}
.nav-menu { display: flex !important; align-items: center !important; flex-wrap: nowrap; }
.nav-menu .nav-item {
  white-space: nowrap;
  padding: 0 12px !important;
  font-size: 15px !important;
  line-height: 64px !important;
  color: #0f172a !important;
}
.nav-right {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px;
  flex-shrink: 0;
}
.nav-right > a { display: inline-flex !important; align-items: center; text-decoration: none !important; }
.nav-util {
  display: inline-flex !important;
  align-items: center;
  height: 38px;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 14px !important;
  font-weight: 600;
  color: #0f172a !important;
}
.nav-util:hover { color: var(--mall-sky-deep) !important; }
.no-login {
  align-items: center !important;
  gap: 8px;
  flex-shrink: 0;
}
.login-in {
  position: relative !important;
  display: none;
  align-items: center !important;
  height: 64px !important;
  padding: 0 4px 0 10px !important;
  margin-left: 4px !important;
  flex-shrink: 0 !important;
  z-index: 1300 !important;
  overflow: visible !important;
}
.nav-header .login-in::after { display: none !important; }
.login-in .head-img,
.nav-header .login-in .head-img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
  color: #fff !important;
  border: 0 !important;
  flex-shrink: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 14px !important;
}
.login-in .name {
  max-width: 96px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f172a !important;
  font-size: 13px !important;
}
.nav-header .login-in .login-menu,
.login-in .login-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  width: 210px !important;
  height: auto !important;
  min-height: 0 !important;
  background: #fff !important;
  border: 1px solid var(--mall-line) !important;
  box-shadow: 0 12px 28px rgba(14, 165, 233, 0.16) !important;
  border-radius: 12px !important;
  padding: 8px !important;
  z-index: 4000 !important;
  box-sizing: border-box !important;
}
.nav-header .login-in:hover .login-menu,
.login-in:hover .login-menu {
  display: block !important;
}
.login-in .login-menu-item,
.nav-header .login-in .login-menu .login-menu-item {
  color: #0f172a !important;
  border-radius: 8px !important;
  height: auto !important;
  line-height: 1.4 !important;
  padding: 10px 12px !important;
}
.login-in .login-menu-item:hover {
  background: #e0f2fe !important;
  color: var(--mall-sky-deep) !important;
}
.login-in .real-name,
.login-in .no-real-name {
  border-color: var(--mall-sky) !important;
  color: var(--mall-sky-deep) !important;
  width: auto !important;
  padding: 0 6px;
  margin-left: 6px;
}
.nav-header, .nav-right, #header {
  overflow: visible !important;
}

.mall-search {
  display: flex;
  align-items: center;
  flex: 0 0 248px;
  width: 248px !important;
  min-width: 248px !important;
  height: 38px;
  margin-right: 8px;
  border: 1px solid var(--mall-sky);
  border-radius: 19px;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}
.mall-search input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: #0f172a;
  padding: 0 12px;
  font-size: 13px;
}
.mall-search button {
  flex: 0 0 auto !important;
  height: 100%;
  border: 0;
  padding: 0 16px !important;
  min-width: 64px;
  white-space: nowrap !important;
  background: linear-gradient(135deg, #38bdf8, #0284c7);
  color: #fff !important;
  font-weight: 700;
  cursor: pointer;
  font-size: 13px;
}
.btn-login {
  height: 36px; line-height: 36px; padding: 0 16px;
  border: 1px solid var(--mall-sky); color: var(--mall-sky-deep) !important;
  border-radius: 18px; cursor: pointer; white-space: nowrap; background: #fff;
  font-size: 14px; font-weight: 600;
}
.btn-register {
  height: 36px; line-height: 36px; padding: 0 16px;
  background: linear-gradient(135deg, #38bdf8, #0284c7);
  color: #fff !important; border-radius: 18px; cursor: pointer; white-space: nowrap;
  font-size: 14px; font-weight: 700; border: 0;
}
.mall-hero .mall-hero-grid { padding-top: 12px !important; padding-bottom: 12px !important; }
.nav-icon img {
  height: auto !important;
  max-height: 40px !important;
  width: auto !important;
  max-width: 160px;
}
.nav-menu .nav-item, .nav-right .control, #header a, .nav-header a {
  color: #0f172a !important;
}
.nav-menu .nav-item:hover, .nav-right .control:hover, #header a:hover {
  color: var(--mall-sky-deep) !important;
}
#header .btn-register, .nav-header .btn-register { color: #fff !important; }
#header .btn-register:hover, .nav-header .btn-register:hover { color: #fff !important; }

.nav-cont {
  position: absolute !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(14, 165, 233, 0.14) !important;
  overflow: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  top: 100% !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
  width: var(--mall-wrap) !important;
  max-width: 1680px !important;
  z-index: 1190 !important;
  pointer-events: none;
  border-radius: 0 0 16px 16px;
  border: 1px solid transparent;
  box-sizing: border-box !important;
}
.nav-cont.is-open {
  height: auto !important;
  max-height: 380px !important;
  overflow-y: auto !important;
  pointer-events: auto;
  border-color: var(--mall-line);
}
.nav-cont .section-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.nav-cont-menu {
  display: none !important;
}
.nav-cont-menu.is-open {
  display: block !important;
}
.nav-cont-empty { display: none !important; height: 0 !important; padding: 0 !important; }
.nav-content {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px 12px !important;
  padding: 16px 12px 18px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.nav-content a {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  display: block !important;
}
.nav-item-box {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 58px;
  padding: 10px 12px !important;
  border-radius: 10px;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
.nav-item-box:hover { background: #e0f2fe; }
.nav-item-box img {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px;
  object-fit: contain;
  filter: grayscale(1) sepia(1) hue-rotate(165deg) saturate(6) brightness(0.85);
}
.item-box-title .title { color: #0f172a !important; font-size: 14px !important; }
.item-box-title .desc { color: #64748b !important; font-size: 12px !important; }

/* 首屏 */
.mall-hero { padding: 18px 0 8px; background: var(--mall-bg); }
.mall-hero-grid {
  display: grid;
  grid-template-columns: 240px 1fr 280px;
  gap: 18px;
  min-height: 420px;
}
.mall-cats {
  background: #fff;
  border: 1px solid var(--mall-line);
  border-radius: var(--mall-radius);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08);
}
.mall-cats h2 {
  margin: 0; padding: 14px 18px; font-size: 15px; font-weight: 700;
  color: #fff; background: linear-gradient(135deg, #0ea5e9, #0284c7);
}
.mall-cats a {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding: 11px 18px;
  color: #0f172a !important;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 1px solid #f1f5f9;
}
.mall-cats a:hover { background: #e0f2fe; color: var(--mall-sky-deep) !important; }
.mall-cats a span { color: #64748b !important; font-size: 12px; }

.mall-hero-main {
  border-radius: var(--mall-radius);
  min-height: 420px;
  background-image:
    url("/web/default/assets/img/banner/xyy-hero.svg"),
    radial-gradient(circle at 80% 20%, rgba(56, 189, 248, 0.35), transparent 42%),
    linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 55%, #bae6fd 100%);
  background-repeat: no-repeat;
  background-position: right 28px center, 0 0, 0 0;
  background-size: min(300px, 28%) auto, auto, auto;
  border: 1px solid var(--mall-line);
  padding: 52px 44px;
}
.mall-hero-main .mall-kicker {
  color: var(--mall-sky-deep); letter-spacing: 3px; font-size: 12px; margin-bottom: 12px; font-weight: 700;
}
.mall-hero-main h1 { margin: 0 0 16px; font-size: 34px; line-height: 1.3; font-weight: 800; color: #0f172a !important; }
.mall-hero-main p { max-width: 560px; color: #334155 !important; font-size: 15px; line-height: 1.8; margin-bottom: 28px; }
.mall-hero-actions a {
  display: inline-block; margin: 0 10px 8px 0; padding: 11px 22px;
  border-radius: 22px; text-decoration: none; font-weight: 700; font-size: 14px;
}
.mall-btn-gold {
  background: linear-gradient(135deg, #38bdf8, #0284c7);
  color: #fff !important;
}
.mall-btn-ghost {
  border: 1px solid #7dd3fc;
  color: #0284c7 !important;
  background: #fff;
}

.mall-hero-side { display: flex; flex-direction: column; gap: 12px; }
.mall-side-card {
  background: #fff; border: 1px solid var(--mall-line); border-radius: var(--mall-radius);
  padding: 16px; flex: 1; box-shadow: 0 8px 20px rgba(14, 165, 233, 0.06);
}
.mall-side-card h3 { margin: 0 0 10px; font-size: 15px; color: var(--mall-sky-deep) !important; }
.mall-side-card a { display: block; color: #0f172a !important; text-decoration: none; font-size: 13px; line-height: 1.9; }
.mall-side-card a:hover { color: var(--mall-sky-deep); }
.mall-user-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.mall-user-actions a {
  text-align: center; background: #f0f9ff; color: #0369a1 !important;
  border-radius: 10px; line-height: 42px; font-weight: 700;
  border: 1px solid #bae6fd;
}
.mall-user-actions a[href="/login.htm"],
.mall-user-actions a[href="/regist.htm"] {
  background: linear-gradient(135deg, #38bdf8, #0284c7);
  color: #fff !important;
  border: 0;
}

.section.banner, .banner-s { background: transparent !important; }
.banner .banner-s .banner-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}
.banner-s .banner-list .banner-item,
.banner-list .banner-item {
  position: relative !important;
  width: auto !important;
  min-height: 148px !important;
  padding: 22px 20px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid var(--mall-line) !important;
  color: #0f172a !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.banner-item h5, .banner-list .banner-item h5 {
  position: static !important;
  top: auto !important;
  margin: 0 0 8px !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  color: #0f172a !important;
}
.banner-item .title-desc { color: #475569 !important; font-size: 13px !important; }
.banner-tag { background: #e0f2fe !important; color: #0369a1 !important; align-self: flex-start; }

/* 楼层商品 */
.mall-floor { padding: 28px 0 8px; }
.mall-floor-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 18px; }
.mall-floor-head h2 { margin: 0; font-size: 24px; font-weight: 800; color: #0f172a; }
.mall-floor-head p { margin: 6px 0 0; color: var(--mall-muted); font-size: 13px; }
.mall-floor-head a { color: var(--mall-sky-deep); text-decoration: none; font-size: 13px; }

.product-category-tabs { display: flex !important; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.category-tab {
  padding: 7px 14px !important; border-radius: 16px !important;
  background: #fff !important; border: 1px solid var(--mall-line) !important;
  color: #334155 !important; cursor: pointer; font-size: 13px !important;
}
.category-tab.active, .category-tab:hover {
  background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
  color: #fff !important; border-color: transparent !important;
}
.product-grid { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.product-card {
  background: #fff !important; border: 1px solid var(--mall-line) !important;
  border-radius: 12px !important; min-height: 180px; padding: 20px !important;
}
.product-card:hover {
  transform: translateY(-4px);
  border-color: var(--mall-sky) !important;
  box-shadow: 0 12px 30px rgba(14, 165, 233, 0.15);
}
.product-card-title { color: #0f172a !important; font-size: 16px !important; }
.product-card-desc { color: #64748b !important; }
.product-card-price { color: var(--mall-red) !important; font-size: 20px !important; font-weight: 800 !important; }
.product-card-btn {
  background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
  color: #fff !important; border: 0 !important; border-radius: 16px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  height: 32px !important; line-height: 1 !important; padding: 0 16px !important;
  box-sizing: border-box !important;
}
.bt-host-page .btn.btn-normal,
.standards-box .btn.btn-normal,
.money-box .btn-normal {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  line-height: 1 !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.mall-static-skus { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.mall-sku {
  display: block; background: #fff; border: 1px solid var(--mall-line);
  border-radius: 12px; padding: 16px 18px; text-decoration: none; color: inherit;
}
.mall-sku:hover { border-color: var(--mall-sky); box-shadow: 0 8px 20px rgba(14, 165, 233, 0.12); }
.mall-sku b { display: block; color: #0f172a; margin-bottom: 6px; font-size: 15px; }
.mall-sku span { color: var(--mall-muted); font-size: 12px; }
.mall-sku em { display: block; margin-top: 10px; color: var(--mall-red); font-style: normal; font-weight: 800; }

.mall-merchant {
  margin: 28px 0 8px; border-radius: 16px; overflow: hidden;
  background: linear-gradient(135deg, #e0f2fe, #f0f9ff);
  border: 1px solid var(--mall-line);
  padding: 32px 36px;
  display: flex; justify-content: space-between; align-items: center; gap: 20px;
}
.mall-merchant h2 { margin: 0 0 8px; font-size: 26px; color: #0f172a; }
.mall-merchant p { margin: 0; color: #475569; }
.mall-merchant a {
  white-space: nowrap; padding: 12px 24px; border-radius: 22px;
  background: linear-gradient(135deg, #38bdf8, #0284c7);
  color: #fff !important; font-weight: 800; text-decoration: none;
}

.flask-video-section { display: none !important; }

/* 方案/新闻浅色 */
.section-bg:not(.resolve), .news-section, .section-base {
  background: #fff !important; color: #0f172a !important;
}
.section-title h2, .news-section-title, .news-card-title { color: #0f172a !important; }
.section-desc, .news-section-subtitle { color: #64748b !important; }
.resolve-box, .practice-box, .news-card {
  background: #fff !important;
  border: 1px solid var(--mall-line) !important;
  color: #0f172a !important;
}

/* 业务上云 / 节点覆盖：天蓝底 + 间距 + 卡片字始终可见 */
.section.resolve,
.section.practice {
  background: #e0f2fe !important;
  color: #0f172a !important;
  padding: 72px 0 64px !important;
  margin: 36px 0 !important;
}
.section.resolve .section-content,
.section.practice .section-content {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.section.resolve .section-title,
.section.practice .section-title {
  margin-bottom: 36px !important;
}
.section.resolve .section-title h2,
.section.practice .section-title h2 {
  color: #0f172a !important;
}
.section.resolve .section-desc,
.section.practice .section-desc {
  color: #475569 !important;
}
.resolve-content {
  margin-top: 8px !important;
}
.resolve-content .fboxRow {
  gap: 20px !important;
}
.resolve-content .resolve-box {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #bae6fd !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(14, 165, 233, 0.08) !important;
  padding: 0 !important;
}
.resolve-content .resolve-box a,
.resolve-content .resolve-box a:hover,
.resolve-content .resolve-box a:visited {
  display: flex !important;
  flex-direction: column !important;
  min-height: 220px !important;
  padding: 26px 22px !important;
  background: #fff !important;
  background-image: none !important;
  color: #0f172a !important;
  text-decoration: none !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.resolve-icon {
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 16px !important;
  border-radius: 14px !important;
  background: #e0f2fe !important;
  color: #0284c7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.resolve-icon svg {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
}
.resolve-content .resolve-box h4,
.resolve-content .resolve-box:hover h4,
.resolve-content .resolve-box a:hover h4 {
  color: #0f172a !important;
  font-size: 20px !important;
  margin: 0 0 10px !important;
}
.resolve-content .resolve-box a:hover h4 {
  color: #0284c7 !important;
}
.resolve-content .resolve-box .title-desc,
.resolve-content .resolve-box:hover .title-desc,
.resolve-content .resolve-box a:hover .title-desc {
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  height: auto !important;
}
.resolve-content .resolve-box .resolve-link,
.resolve-content .resolve-box:hover .resolve-link,
.resolve-content .resolve-box a:hover .resolve-link {
  color: #0284c7 !important;
  margin-top: auto !important;
  padding-top: 14px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.resolve-content .resolve-box a:hover {
  transform: translateY(-4px) !important;
  border-color: #7dd3fc !important;
  box-shadow: 0 14px 32px rgba(14, 165, 233, 0.16) !important;
}
.resolve-content .resolve-box a:hover .resolve-icon {
  background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
  color: #fff !important;
}
.section.practice .practice-box {
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid #bae6fd !important;
}
.news-section {
  background: #f0f9ff !important;
  padding: 8px 0 0 !important;
}
.news-section-header { margin-bottom: 20px; }
.news-section-title {
  margin: 0 0 8px !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
.news-section-subtitle { margin: 0; color: #64748b !important; font-size: 14px !important; }
.news-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  width: 100% !important;
  align-items: stretch !important;
}
.news-card {
  border-radius: 16px !important;
  overflow: hidden;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  min-height: 300px;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08);
}
.news-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid var(--mall-line) !important;
  background: #e0f2fe !important;
}
.news-card-title {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}
.news-more-link {
  color: var(--mall-sky-deep) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap;
  padding: 4px 12px;
  border-radius: 14px;
  background: #fff !important;
}
.news-card-body { flex: 1; padding: 4px 0 8px; }
.news-item-link { display: block !important; text-decoration: none !important; }
.news-item-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 20px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}
.news-item-link:last-child .news-item-row { border-bottom: 0 !important; }
.news-item-link:hover .news-item-row { background: #f0f9ff; }
.news-rank {
  flex-shrink: 0;
  width: 22px; height: 22px;
  border-radius: 6px;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  font-size: 12px; font-weight: 700;
  background: #e2e8f0; color: #475569 !important;
}
.news-rank-top {
  background: linear-gradient(135deg, #38bdf8, #0284c7);
  color: #fff !important;
}
.news-item-text, .news-item-row .news-item-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: #0f172a !important;
  font-size: 14px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.news-item-time {
  flex-shrink: 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
.news-empty {
  padding: 28px 20px;
  color: #64748b;
  font-size: 14px;
}

/* 产品内页浅色覆盖 */
.product-hot, .cloud-pro-list {
  background: #f5fbff !important;
  color: #0f172a !important;
}
.product-hot .hot-item, .standard, .pro-item, .host-item {
  background: #fff !important;
  border-color: var(--mall-line) !important;
  color: #0f172a !important;
}
.product-hot .hot-item h4, .server-banner h1, .server-banner2 h1 { color: #0f172a !important; }
.server-banner-desc { color: #475569 !important; }

/* 页脚浅色 */
.footer, #footer, .footer-main, .footer .footer-content {
  background: #fff !important; color: #475569 !important;
}
.section-promise { background: #e0f2fe !important; border: 1px solid var(--mall-line) !important; }
.promise { display: flex; flex-wrap: wrap; }
.promise-box,
.promise-box span,
.section-promise,
.section-promise * {
  color: #0f172a !important;
}
.promise-box {
  display: flex; align-items: center; justify-content: center;
  flex: 1; min-width: 200px; padding: 28px 24px; font-size: 16px; font-weight: 600;
}
.footer-grid { display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; width: 100%; }
.footer-brand { flex: 0 0 240px; max-width: 240px; }
.footer-nav-wrap { display: flex; flex: 1; justify-content: space-around; gap: 24px; flex-wrap: wrap; }
.footer-slogan { color: #334155 !important; font-size: 14px !important; }
.contact-row, .contact-row span, .footer-contact-info .contact-row {
  color: #0f172a !important; font-size: 14px !important;
}
.footer-col-list a, .footer-link, .footer-link a, .footer-icp, .footer-icp a, .footer-copyright, .qr-label {
  color: #334155 !important;
}
.footer-col-title { color: #0f172a !important; border-bottom: 2px solid #7dd3fc; display: inline-block; padding-bottom: 8px; }
.footer-col-list { list-style: none; padding: 0; }
.footer-col-list a:hover { color: var(--mall-sky-deep) !important; }
.footer-bottom { background: #e0f2fe !important; border-top: 1px solid var(--mall-line) !important; }
.footer-bottom-inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 16px 0; }
.footer-qr .qr-box { width: 110px; height: 110px; border-radius: 10px; overflow: hidden; border: 1px solid var(--mall-line); background: #fff; }
.footer-qr .qr-box img { width: 100%; height: 100%; object-fit: cover; }

.aside-tools { background: transparent; }
.tools-box { background: #fff !important; color: #0f172a !important; border: 1px solid var(--mall-line); }

/* ===== 居中容器，避免贴边 ===== */
.section-content,
.mall-topbar-inner,
.nav-header,
.nav-header.section-content,
.footer-main.section-content,
.footer-bottom .section-content,
.promise.section-content,
.banner .banner-s .banner-list {
  width: var(--mall-wrap) !important;
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.mall-hero .mall-hero-grid,
.nav-header.section-content,
.mall-topbar-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mall-hero { padding: 20px 0 12px; }
.mall-hero .mall-hero-grid {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.mall-floor.section-content,
.news-section .section-content {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.footer-main.section-content {
  padding-top: 36px !important;
  padding-bottom: 24px !important;
}
.section-p { padding-left: 0 !important; padding-right: 0 !important; }
.banner .banner-s .banner-list {
  padding-top: 8px !important;
  padding-bottom: 24px !important;
}

/* 汉堡菜单 */
.mobile-menu-toggle {
  display: none;
  width: 40px; height: 40px; padding: 8px;
  border: 0; background: transparent; cursor: pointer;
  flex-direction: column; justify-content: center; gap: 5px;
}
.mobile-menu-toggle span {
  display: block; height: 2px; width: 100%;
  background: #0f172a; border-radius: 2px;
}
.mobile-nav-overlay {
  display: none !important; position: fixed !important; inset: 0;
  background: rgba(15, 23, 42, 0.45); z-index: 4000 !important;
}
.mobile-nav-overlay.active { display: block !important; }
.mobile-nav-drawer {
  display: none !important;
  position: fixed !important; top: 0; right: 0; width: min(86vw, 300px); height: 100%;
  background: #fff !important; color: #0f172a !important;
  z-index: 4001 !important; overflow-y: auto;
  box-shadow: -8px 0 24px rgba(14, 165, 233, 0.18);
  padding: 16px 0 80px;
}
.mobile-nav-drawer.active { display: block !important; right: 0 !important; }
.mobile-nav-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 20px 16px; border-bottom: 1px solid var(--mall-line);
  color: #0f172a !important;
}
.mobile-nav-close {
  border: 0; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; color: #0f172a;
}
.mobile-nav-drawer .mobile-nav-item {
  display: block; padding: 14px 20px; color: #0f172a !important;
  text-decoration: none; border-bottom: 1px solid #f1f5f9; font-size: 15px;
}
.mobile-nav-drawer .mobile-nav-item:hover { background: #e0f2fe; color: var(--mall-sky-deep) !important; }
.mobile-nav-auth { display: flex; flex-direction: column; gap: 10px; padding: 20px; }
.mobile-nav-auth a {
  text-align: center; line-height: 40px; border-radius: 20px; text-decoration: none; font-weight: 700;
  background: #e0f2fe; color: #0369a1 !important;
}
.mobile-nav-auth a:last-child,
.mobile-nav-auth a[href="/regist.htm"] {
  background: linear-gradient(135deg, #38bdf8, #0284c7); color: #fff !important;
}
body.xyy-nav-open { overflow: hidden; }

.xyy-bottom-nav { display: none; }

@media (max-width: 1200px) {
  .mall-search { display: none !important; }
  .banner .banner-s .banner-list,
  .banner-s .banner-list {
    grid-template-columns: 1fr 1fr !important;
  }
  .banner-s .banner-list .banner-item,
  .banner-list .banner-item {
    width: auto !important; min-width: 0 !important; max-width: none !important; flex: unset !important;
  }
  .product-grid, .mall-static-skus { grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 991px) {
  .mobile-menu-toggle { display: flex !important; }
  .nav-menu, .nav-util, .no-login, .login-in, .nav-cont { display: none !important; }
  .mall-hero-grid { grid-template-columns: 1fr !important; min-height: 0; }
  .mall-cats { order: 2; }
  .mall-hero-main { order: 1; min-height: 240px; padding: 28px 22px; }
  .mall-hero-side { order: 3; }
  .news-grid { grid-template-columns: 1fr !important; }
  .footer-grid, .footer-nav-wrap, .promise { flex-direction: column; align-items: flex-start; }
  .footer-brand, .footer-qr { max-width: none; flex: none; }
  .promise-box { min-width: 0; width: 100%; justify-content: flex-start; padding: 16px 0; }
  .section-content,
  .mall-topbar-inner,
  .nav-header,
  .banner .banner-s .banner-list,
  .section-p {
    width: calc(100% - 32px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nav-right > a,
  .nav-right > a.nav-util { display: none !important; }
  .mobile-menu-toggle { display: flex !important; margin-left: 8px; }
  .section.resolve,
  .section.practice {
    padding: 48px 0 40px !important;
    margin: 24px 0 !important;
  }
  .resolve-content .fboxRow { flex-wrap: wrap !important; }
  .resolve-content .resolve-box {
    flex: 1 1 calc(50% - 12px) !important;
    width: calc(50% - 12px) !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  .mall-topbar-inner { font-size: 12px; overflow: hidden; }
  .mall-topbar-inner > div:first-child { display: none; }
  .xyy-bottom-nav {
    display: flex;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1500;
    background: #fff; border-top: 1px solid var(--mall-line);
    justify-content: space-around; align-items: stretch;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    box-shadow: 0 -6px 20px rgba(14, 165, 233, 0.08);
  }
  .xyy-bottom-nav a {
    flex: 1; max-width: 88px; margin: 0 3px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; min-height: 48px;
    color: #334155 !important; text-decoration: none; font-size: 11px; font-weight: 700;
    border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0;
    box-shadow: 0 1px 0 #fff inset, 0 2px 6px rgba(15, 23, 42, 0.06);
  }
  .xyy-bottom-nav a svg { width: 20px; height: 20px; stroke: currentColor; fill: none; }
  .xyy-bottom-nav a:active { transform: scale(0.96); background: #e0f2fe; }
  .xyy-bottom-nav a.is-active {
    color: #fff !important;
    background: linear-gradient(135deg, #38bdf8, #0284c7);
    border-color: #0284c7;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.28);
  }
  body { padding-bottom: 64px; }
  .aside-tools { display: none !important; }
}

@media (max-width: 640px) {
  .mall-hero-main h1 { font-size: 22px !important; }
  .mall-hero-main { padding: 24px 18px; }
  .product-grid, .mall-static-skus,
  .banner .banner-s .banner-list { grid-template-columns: 1fr !important; }
  .mall-merchant { flex-direction: column; align-items: flex-start; }
  .news-item-time { display: none; }
  .resolve-content .resolve-box {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
  .nav-header { min-height: 56px; }
  .mall-hero-actions a { display: block; margin: 0 0 8px; text-align: center; }
}

/* ===== 公告 / 文档 / 解决方案 等内页浅色 ===== */
.document-announce .announce,
.news-box,
.docement-list .document-box {
  background: #fff !important;
  color: #0f172a !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08) !important;
  box-sizing: border-box !important;
}
.document-announce .announce {
  padding: 28px 32px 32px !important;
}
.document-announce .announce .announce-head a {
  color: #0f172a !important;
  background: #f8fafc !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 999px !important;
}
.document-announce .announce .announce-head a.active,
.document-announce .announce .announce-head a:hover {
  background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
  color: #fff !important;
  border-color: #0ea5e9 !important;
}
.document-announce .announce-list {
  padding: 8px 0 16px !important;
}
.document-announce .announce-list .announce-item {
  padding: 16px 4px !important;
}
.document-announce .announce-list .announce-item a,
.announce-details .announce-details-cont,
.announce-details .announce-details-page a {
  color: #0f172a !important;
}
.document-announce .jr-page {
  padding-top: 12px !important;
}

.docement-list .document-box {
  padding: 28px 24px !important;
  min-height: 280px !important;
}
.docement-list .document-box .document-header h5,
.docement-list .document-box a,
.docement-list .document-box p {
  color: #0f172a !important;
}
.docement-list .document-box a:hover { color: #0284c7 !important; }
.docement-list .document-box .document-header img {
  filter: grayscale(1) sepia(1) hue-rotate(165deg) saturate(6) brightness(0.85);
}

.banner-document .input-search {
  display: flex !important;
  align-items: stretch !important;
  max-width: 560px;
  margin-top: 24px !important;
  background: #fff !important;
  border: 1px solid #bae6fd !important;
  border-radius: 999px !important;
  overflow: hidden;
}
.banner-document .input-search input {
  flex: 1 !important;
  width: auto !important;
  margin: 0 !important;
  height: 48px !important;
  border: 0 !important;
  padding: 0 20px !important;
  background: transparent !important;
  color: #0f172a !important;
  font-size: 15px !important;
}
.banner-document .input-search .search-btn {
  margin: 0 !important;
  padding: 0 22px !important;
  line-height: 48px !important;
  background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
  color: #fff !important;
  white-space: nowrap;
}

.page .nav-top,
.page .content-page {
  background: #fff !important;
  color: #0f172a !important;
}

.solution-trend .trend-box {
  background: #fff !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08) !important;
}
.solution-trend .trend-box .con,
.solution-trend .trend-box p,
.solution-trend .trend-box h3,
.solution-trend .trend-box h4,
.trend-box .con * {
  color: #0f172a !important;
}
.solution-advantage .advantage-box {
  padding: 28px 24px !important;
  box-sizing: border-box !important;
}
.solution-advantage .advantage-box p {
  color: #0f172a !important;
}
.gallery-top .scene-cont p,
.arrange-way p,
.arrange-way .item {
  padding: 14px 18px !important;
  color: #0f172a !important;
  line-height: 1.6 !important;
}
.news-box {
  padding: 0 !important;
}
.news-box .news-box-head {
  padding: 20px 28px !important;
}
.news-box .news-list {
  padding: 8px 28px 20px !important;
}
.news-index {
  background: #fff !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08) !important;
}
.news-index-banner,
#first-news {
  background: linear-gradient(160deg, #e0f2fe 0%, #ffffff 100%) !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 16px !important;
  overflow: hidden;
  color: #0f172a !important;
}
.news-index-banner .news-banner-filter {
  display: none !important;
}
.news-index-banner .news-banner-cont,
.news-index-banner .news-banner-cont h5 {
  color: #0f172a !important;
}
.document-news, .document-announce {
  background: #f5fbff !important;
}
.news-box .news-title,
.news-box .news-list .news-item a,
.news-box .news-list .news-item .news-text {
  color: #0f172a !important;
}
.news-box .news-box-head .news-title::before {
  background: #0ea5e9 !important;
}
.news-box a.font-grey { color: #0284c7 !important; }

/* 公司介绍 */
.about-details h2, .about-details p, .about-details-item h2, .about-details-item p,
.about-reason h2, .about-reason h4, .about-reason p,
.about-together h2, .about-together h4, .about-together p,
.about-box h2, .about-box h4, .about-box p,
.about-custom h2, .about-custom p {
  color: #0f172a !important;
}
.about-time {
  background: #f0f9ff !important;
  color: #0f172a !important;
}
.about-time h2, .about-time h4, .about-time h5, .about-time p, .about-time span, .about-time li {
  color: #0f172a !important;
}
.xyy-milestone {
  list-style: none;
  margin: 36px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.xyy-milestone li {
  background: #fff;
  border: 1px solid var(--mall-line);
  border-radius: 16px;
  padding: 22px 22px 20px;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08);
  position: relative;
}
.xyy-milestone li::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0ea5e9;
  transform: translateY(-50%);
  box-shadow: 0 0 0 6px rgba(14, 165, 233, 0.15);
}
.xyy-milestone-year {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: #0284c7 !important;
  margin-bottom: 8px;
}
.xyy-milestone p {
  margin: 0;
  color: #475569 !important;
  line-height: 1.7;
  font-size: 14px;
}
.about-time .event_box,
.about-time .parHd,
.about-time .parHd ul,
.about-time .time-box {
  width: 100% !important;
  height: auto !important;
  color: #0f172a !important;
}
.about-time .parHd ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  text-align: left !important;
}
.about-time .parHd li,
.about-time .parHd ul li:nth-child(odd) .time-box {
  position: static !important;
  top: auto !important;
  margin: 0 !important;
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  width: auto !important;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08);
}
.about-time .time-box,
.about-time .time-box h5,
.about-time .time-box p {
  color: #0f172a !important;
}
.about-time .time-box .line,
.about-time .parHd li::before,
.about-time .parHd li::after,
.about-time .sPrev,
.about-time .sNext,
.parHd .tempWrap:after,
.about-time .space_div {
  display: none !important;
}
.about-custom {
  background: linear-gradient(135deg, #e0f2fe, #f5fbff) !important;
  border-top: 1px solid var(--mall-line);
}
.about-custom .btn-contact {
  margin-top: 28px;
}
@media (max-width: 991px) {
  .xyy-milestone,
  .about-time .parHd ul {
    grid-template-columns: 1fr !important;
  }
}
.about-together .reason-box {
  background: linear-gradient(135deg, #e0f2fe, #ffffff) !important;
  color: #0f172a !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 16px !important;
}
.about-reason .reason-box {
  background-color: #fff !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08) !important;
}
.about-box .box-list .box-item {
  background: #fff !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 16px !important;
}

/* 联系我们 / 服务保障 */
.contact-support .support-box,
.server-sustain .sustain .sustain-box {
  background: #fff !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 16px !important;
  padding: 28px 24px !important;
  color: #0f172a !important;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08) !important;
}
.contact-support h2, .contact-support h4, .contact-support p,
.server-sustain h2, .server-sustain h4, .server-sustain p,
.server-sustain a {
  color: #0f172a !important;
}
.contact-support .support-box .support-box-right .btn,
.server-sustain .sustain .sustain-box2 .btn,
.btn-normal-light, .btn-normal, .btn2, .btn-orgin, .btn-orgin a {
  background: linear-gradient(135deg, #38bdf8, #0284c7) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
}
.contact-support .support-box .support-box-right .btn:hover,
.server-sustain .sustain .sustain-box2 .btn:hover {
  color: #fff !important;
  border: 0 !important;
}

/* 产品分类页 */
.product-hot h2, .product-hot h4, .product-standards h2, .product-standards h4 {
  color: #0f172a !important;
}
.server-banner-desc, .server-banner-desc2, .section-desc, .title-desc {
  color: #475569 !important;
}
.product-hot .hot-item, .standards-box, .pro-item, .host-item, .bt-product-item {
  background: #fff !important;
  border: 1px solid var(--mall-line) !important;
  border-radius: 16px !important;
  color: #0f172a !important;
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.08) !important;
}
.product-hot .hot-item h4, .standards-box h4, .bt-product-item h4 {
  color: #0f172a !important;
}

/* ===== 内页横幅：通栏、加高，右侧插画 ===== */
.section.product-banner,
.section.server-banner,
.section.server-banner2,
.product-banner,
.server-banner,
.server-banner2,
.banner-cloud,
.banner-dedicated,
.banner-trusteeship,
.banner-rent,
.banner-guarantee,
.banner-bt-host,
.banner-document,
.banner-announce,
.banner-domain,
.about.server-banner2 {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: none !important;
  background-color: #e8f6ff !important;
  background-image:
    url("/web/default/assets/img/banner/xyy-hero.svg"),
    linear-gradient(105deg, #d7f0ff 0%, #eef9ff 46%, #dbeafe 100%) !important;
  background-repeat: no-repeat !important;
  background-position: right 8% center, 0 0 !important;
  background-size: min(420px, 32vw) auto, cover !important;
  color: #0f172a !important;
  height: auto !important;
  min-height: 380px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.product-banner .section-content,
.server-banner .section-content,
.server-banner2 .section-content,
.banner-guarantee .section-content,
.about.server-banner2 .section-content {
  position: relative !important;
  z-index: 2;
  background: transparent !important;
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
.about.server-banner2 .section-content::after {
  width: min(46%, 560px) !important;
  background-size: contain !important;
  background-position: right center !important;
}
.product-banner h1,
.server-banner h1,
.server-banner2 h1 {
  color: #0f172a !important;
  margin: 0 !important;
  max-width: 640px;
}
.server-banner-desc,
.server-banner-desc2 {
  color: #475569 !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
  max-width: 620px;
}
.product-banner .btn,
.server-banner .btn,
.server-banner2 .btn {
  margin-top: 22px;
}

/* 横幅与下方产品/介绍拉开间距 */
.product-hot .section-content,
.product-standards .section-content,
.product-ssl .section-content,
.about-details .section-content,
.contact-support .section-content,
.server-sustain .section-content,
.product-cloud .section-content {
  padding-top: 48px !important;
}
.product-des {
  margin: 16px 0 28px !important;
  color: #475569 !important;
}

/* 解决方案行业横幅：恢复原图通栏铺满，避免被小插画挤扁 */
.server-banner2.e-commerce,
.server-banner2.finance,
.server-banner2.game,
.server-banner2.auto,
.server-banner2.travel,
.server-banner2.education,
.server-banner2.medical,
.server-banner2.agriculture {
  min-height: 420px !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: cover !important;
}
.server-banner2.e-commerce {
  background-image:
    linear-gradient(90deg, rgba(232,246,255,.94) 0%, rgba(232,246,255,.62) 46%, rgba(232,246,255,.22) 100%),
    url("/web/default/assets/img/solution/e-commerce.png") !important;
}
.server-banner2.finance {
  background-image:
    linear-gradient(90deg, rgba(232,246,255,.94) 0%, rgba(232,246,255,.62) 46%, rgba(232,246,255,.22) 100%),
    url("/web/default/assets/img/solution/finance.png") !important;
}
.server-banner2.game {
  background-image:
    linear-gradient(90deg, rgba(232,246,255,.94) 0%, rgba(232,246,255,.62) 46%, rgba(232,246,255,.22) 100%),
    url("/web/default/assets/img/solution/game.png") !important;
}
.server-banner2.auto {
  background-image:
    linear-gradient(90deg, rgba(232,246,255,.94) 0%, rgba(232,246,255,.62) 46%, rgba(232,246,255,.22) 100%),
    url("/web/default/assets/img/solution/auto.png") !important;
}
.server-banner2.travel {
  background-image:
    linear-gradient(90deg, rgba(232,246,255,.94) 0%, rgba(232,246,255,.62) 46%, rgba(232,246,255,.22) 100%),
    url("/web/default/assets/img/solution/travel.png") !important;
}
.server-banner2.education {
  background-image:
    linear-gradient(90deg, rgba(232,246,255,.94) 0%, rgba(232,246,255,.62) 46%, rgba(232,246,255,.22) 100%),
    url("/web/default/assets/img/solution/education.png") !important;
}
.server-banner2.medical {
  background-image:
    linear-gradient(90deg, rgba(232,246,255,.94) 0%, rgba(232,246,255,.62) 46%, rgba(232,246,255,.22) 100%),
    url("/web/default/assets/img/solution/medical.png") !important;
}
.server-banner2.agriculture {
  background-image:
    linear-gradient(90deg, rgba(232,246,255,.94) 0%, rgba(232,246,255,.62) 46%, rgba(232,246,255,.22) 100%),
    url("/web/default/assets/img/solution/agriculture.png") !important;
}
.solution-trend .section-content {
  padding-top: 56px !important;
}

@media (max-width: 991px) {
  .product-banner,
  .server-banner,
  .server-banner2,
  .banner-cloud,
  .banner-dedicated,
  .banner-bt-host,
  .about.server-banner2 {
    min-height: 240px !important;
    background-size: min(200px, 40vw) auto, cover !important;
    background-position: right -16px bottom 0, 0 0 !important;
  }
  .server-banner2.e-commerce,
  .server-banner2.finance,
  .server-banner2.game,
  .server-banner2.auto,
  .server-banner2.travel,
  .server-banner2.education,
  .server-banner2.medical,
  .server-banner2.agriculture {
    background-size: cover !important;
    background-position: center right !important;
    min-height: 280px !important;
  }
  .product-banner h1,
  .server-banner h1,
  .server-banner2 h1,
  .server-banner-desc,
  .server-banner-desc2 {
    max-width: 100%;
  }
  .nav-content {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* 联系我们 / 公司介绍 / 服务保障：整页同一浅底，避免一块蓝一块白 */
.contact-support,
.contact-support.service,
.server-sustain,
.server-flow,
.server-flow.refund,
.product-flow,
.about-details,
.about-reason,
.product-phonation,
.product-standards,
.product-ssl,
.product-cloud {
  background: #f5fbff !important;
}

/* 联系我们图标：禁止被 flex / max-width:100% 压扁 */
.contact-support .support {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 20px !important;
  width: 100%;
}
.contact-support .support-box {
  min-width: 0 !important;
  margin: 0 !important;
  align-items: center !important;
  gap: 16px;
}
.contact-support .support-box img {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
  object-fit: contain !important;
  border-radius: 50%;
  background: #e0f2fe !important;
}

/* 服务保障：卡片铺满居中，去掉右侧大空白 */
.server-sustain .sustain {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin-top: 20px !important;
}
.server-sustain .sustain .sustain-box {
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}
.server-sustain .sustain .sustain-head img {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  flex-shrink: 0 !important;
  object-fit: contain !important;
}
.server-sustain .sustain .sustain-box p {
  height: auto !important;
  color: #475569 !important;
}
.product-flow .flow,
.server-flow .flow {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin-top: 20px !important;
}
.product-flow .flow .flow-box,
.server-flow .flow .flow-box {
  width: auto !important;
  min-width: 0 !important;
}
.product-flow .flow h5,
.server-flow .flow h5,
.product-flow .flow-box h5,
.server-flow .flow-box h5 {
  color: #0f172a !important;
}

/* 虚拟主机规格卡压高度、深色字 */
.product-ssl .standards-box,
.bt-product-item {
  justify-content: flex-start !important;
  min-height: 0 !important;
}
.bt-product-item .font24,
.standards-box .font24,
.money .font24 {
  color: #0284c7 !important;
}
.bt-product-item .standards-box-s .title-desc {
  color: #0f172a !important;
}
.bt-host-tab { color: #64748b !important; }
.bt-host-tab.active { color: #0284c7 !important; }
.product-cloud .cloud-box,
.product-cloud .cloud-box-cont,
.product-cloud .cloud-box h4,
.product-cloud .cloud-box div {
  color: #0f172a !important;
}

@media (max-width: 991px) {
  .contact-support .support,
  .server-sustain .sustain,
  .product-flow .flow,
  .server-flow .flow,
  .product-cloud .cloud {
    grid-template-columns: 1fr !important;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .server-sustain .sustain,
  .product-flow .flow,
  .server-flow .flow {
    grid-template-columns: 1fr 1fr !important;
  }
}