/**
 * 文件描述：AI智算平台产品页样式（栏目 id=116），自今天下午 AIOS 临时页拆分独立
 */

/* Hero — 高度 = 首页 .hero-slide 的 2/3 */
#ai_compute #header {
  --ai-banner-h: calc(700px * 2 / 3);
  width: 100%;
  height: var(--ai-banner-h);
  background: url('/static/skin/images/product/zsphere-legacy/topbanner.svg') center center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: var(--nav-height, 64px);
  padding-bottom: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  overflow: hidden;
}

@media (min-width: 1921px) {
  #ai_compute #header {
    --ai-banner-h: calc(700px * 2 / 3);
  }
}

@media screen and (min-width: 833px) and (max-width: 1440px) {
  #ai_compute #header {
    --ai-banner-h: calc(580px * 2 / 3);
  }
}

@media (min-width: 592px) and (max-width: 832px) {
  #ai_compute #header {
    --ai-banner-h: calc(423px * 2 / 3);
  }
}

@media (max-width: 591px) {
  #ai_compute #header {
    --ai-banner-h: calc(423px * 2 / 3);
    height: auto;
    min-height: var(--ai-banner-h);
    padding-bottom: 24px;
  }
}

#ai_compute #header .vir_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(24px, calc(100vw * 40 / 1440), 40px);
  width: 100%;
  max-width: min(var(--container-max, 1440px), 100%);
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-px, 24px);
  padding-right: var(--container-px, 24px);
  box-sizing: border-box;
}

#ai_compute .header_title_wrap {
  width: 100%;
  max-width: min(var(--container-max, 1440px), 100%);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

#ai_compute .header_title_wrap_left {
  flex: 1 1 0;
  min-width: 0;
  padding: 0;
  color: var(--on-surface-variant);
}

#ai_compute .header_title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 700;
  font-size: var(--fs-hero-title);
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-align: left;
  font-style: normal;
  margin-bottom: clamp(25px, calc(100vw * 36 / 1440), 36px);
  color: var(--on-surface);
}

#ai_compute .header_title_wrap_left .header_title_2 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: var(--fs-16, 16px);
  line-height: 1.75;
  text-align: left;
  font-style: normal;
}

#ai_compute .header_title_wrap_left .header_title_2:last-of-type {
  margin-bottom: clamp(16px, calc(100vw * 24 / 1440), 24px);
}

#ai_compute #header .hero-btns {
  display: flex;
  align-items: center;
  gap: clamp(12px, calc(100vw * 16 / 1440), 16px);
  flex-wrap: wrap;
  margin-top: clamp(20px, calc(100vw * 32 / 1440), 32px);
}

#ai_compute #header .hero-btns .btn-primary,
#ai_compute #header .hero-btns .btn-secondary {
  box-sizing: border-box;
  min-width: clamp(120px, calc(100vw * 150 / 1440), 150px);
  height: var(--hero-btn-height, clamp(45px, calc(100vw * 46 / 1440), 46px));
  padding: 0 clamp(16px, calc(100vw * 24 / 1440), 24px);
  font-size: var(--fs-20, 20px);
  font-weight: 500;
  border-radius: var(--r8, 8px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
}

#ai_compute #header .hero-btns .btn-primary {
  --hero-btn-icon: min(30px, calc(var(--hero-btn-height, 46px) * 0.75));
  background: var(--primary, #00579c);
  color: #fff;
}

#ai_compute #header .hero-btns .btn-primary .svg_span {
  width: var(--hero-btn-icon);
  height: var(--hero-btn-icon);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  color: var(--primary, #00579c);
}

#ai_compute #header .hero-btns .btn-primary .svg_span svg {
  width: 55%;
  height: 55%;
  transform: rotate(-35deg);
}

#ai_compute #header .hero-btns .btn-primary:hover {
  background: #004882;
  box-shadow: 0 4px 16px rgba(0, 87, 156, 0.28);
}

#ai_compute .header_title_wrap_right {
  flex: 0 1 auto;
  width: clamp(240px, 33.333vw, 480px);
  max-width: 100%;
  height: auto;
  aspect-ratio: 480 / 266;
  object-fit: cover;
  background: #000;
  border-radius: var(--r8, 8px);
}

.aios_container {
  width: 1290px;
  margin: 0 auto;
}

.bacF3FAFF {
  background-color: #F3FAFF;
}

.aios_body {
  padding-bottom: 70px;
}

/* 产品介绍区容器放宽至架构图原始宽度 */
.aios_introduce > .aios_container {
  width: 1390px;
  max-width: none;
  overflow-x: auto;
}

/* 产品介绍架构图按 SVG 原始尺寸 1390×756 展示（不做容器等比压缩） */
.aios_introduce_diagram {
  display: block;
  width: 1390px;
  max-width: none;
  height: auto;
  margin: 0 auto;
}

.aios_body_title {
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 600;
  font-size: 36px;
  color: #1A2736;
  text-align: center;
  font-style: normal;
  padding-top: 78px;
}

.aios_body_title2 {
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: var(--primary-dec);
  line-height: 30px;
  text-align: center;
  margin-top: 29px;
  font-style: normal;
  margin-bottom: 45px;
}

.aios_tabs {
  margin-top: 80px;
  display: flex;
  transition: all .3s linear;
  align-items: center;
  justify-content: center;
}

.aios_tabs_items {
  transition: all .3s linear;
  width: 33%;
  cursor: pointer;
  text-align: center;
  background-color: #FCFCFC;
  border-bottom: 5px solid #EEEEEE;
  border-right: 2px solid #ADB8CE;
  height: 64px;
  line-height: 64px;
}

.no_right_color {
  border-right: unset;
}

.tabs_active {
  background-color: white;
  border-bottom: 5px solid #007FDF;
}

.aios_body_tab_content {
  display: flex;
}

.aios_body_tab_content_right {
  margin-left: 44px;
  display: flex;
  flex-direction: column;
}

.aios_body_tab_content_right_txt {
  display: flex;
  margin-left: 14px;
  vertical-align: middle;
}

.aios_body_tab_content_right_txt img {
  width: 16px;
  height: 16px;
}

.aios_body_tab_content_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.aios_body_tab_content_title img {
  width: 40px;
  height: 40px;
}

.aios_body_tab_content_title span {
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #1A2736;
  margin-left: 11px;
  text-align: right;
  font-style: normal;
}

.aios_body_tab_content_right_txt_txt {
  display: inline-block;
  transform: translateY(-11px);
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #5E6978;
  line-height: 40px;
  text-align: left;
  margin-left: 12px;
  font-style: normal;
  overflow: hidden;
  text-overflow: clip;
  width: 444px;
}

.aios_body_tab_content_left img {
  max-width: unset;
}

/* ── 产品解决方案（对齐设计稿：顶栏 Tab + 左图右文） ── */
.aios_solution {
  padding-bottom: clamp(48px, calc(100vw * 72 / 1440), 72px);
  background-color: #F8FAFC;
}

.aios_solution > .aios_container > .aios_body_title {
  padding-top: clamp(48px, calc(100vw * 72 / 1440), 78px);
  font-size: clamp(24px, calc(100vw * 32 / 1440), 32px);
}

.aios_solution .aios_tabs {
  margin-top: clamp(36px, calc(100vw * 48 / 1440), 48px);
  gap: 40px;
 
}

.aios_solution .aios_tabs_items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  flex: 1 1 0;
  width: 33.333%;
  height: auto;
  min-height: 72px;
  padding: 16px 24px 18px 0;
  line-height: 1.35;
  text-align: left;
  background: transparent;
  border: none;
  border-bottom: 3px solid #C1C7D4;
  margin-bottom: -1px;
  box-sizing: border-box;
}

.aios_solution .aios_tabs_items_main {
  font-size: var(--fs-24);
  font-weight: 500;
  color: var(--primary-dec);
  text-align: left;
}

.aios_solution .aios_tabs_items_sub {
  font-size: var(--fs-24);
  font-weight: 500;
  color: var(--primary-dec);
  text-align: left;
}

.aios_solution .aios_tabs_items:hover .aios_tabs_items_main,
.aios_solution .aios_tabs_items:hover .aios_tabs_items_sub {
  color: var(--primary, #00579c);
}

.aios_solution .aios_tabs_items.tabs_active {
  background: transparent;
  border-bottom-color: var(--primary, #00579c);
}

.aios_solution .aios_tabs_items.tabs_active .aios_tabs_items_main,
.aios_solution .aios_tabs_items.tabs_active .aios_tabs_items_sub {
  color: var(--primary, #00579c);
}

.aios_solution .aios_tabs_body > [data-flag] > .aios_body_title {
  padding-top: clamp(32px, calc(100vw * 40 / 1440), 40px);
  font-size: clamp(22px, calc(100vw * 28 / 1440), 28px);
  color: #1a2736;
}

.aios_solution .aios_tabs_body > [data-flag] > .aios_body_title2 {
  max-width: 980px;
  margin: 16px auto 36px;
  font-size: var(--fs-15, 15px);
  line-height: 1.75;
  color: var(--primary-dec);
}

.aios_solution .aios_body_tab_content {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: clamp(24px, calc(100vw * 40 / 1440), 40px);
  align-items: start;
}

.aios_solution .aios_body_tab_content_left {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
}

/* 方案 Tab 左图按 SVG 原始尺寸展示，窄屏再等比缩小 */
.aios_solution .aios_body_tab_content_left img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.aios_solution .aios_body_tab_content_left img[src*="computingPower"] {
  width: 782px;
}

.aios_solution .aios_body_tab_content_left img[src*="modal"] {
  width: 791px;
}

.aios_solution .aios_body_tab_content_left img[src*="operations"] {
  width: 751px;
}

.aios_solution .aios_body_tab_content_right {
  margin-left: 0;
  gap: 90px;
}

.aios_solution .aios_tab_side {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aios_solution .aios_body_tab_content_title {
  margin: 0 0 4px;
  gap: 10px;
}

.aios_solution .aios_body_tab_content_title img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.aios_solution .aios_body_tab_content_title span {
  margin-left: 0;
  font-size: var(--fs-18, 18px);
  font-weight: 600;
  color: #1a2736;
  text-align: left;
}

.aios_solution .aios_tab_side--highlight .aios_body_tab_content_title span {
  color: var(--primary, #00579c);
}

.aios_solution .aios_body_tab_content_right_txt {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
}

.aios_solution .aios_body_tab_content_right_txt img {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}

.aios_solution .aios_body_tab_content_right_txt_txt {
  display: block;
  transform: none;
  width: auto;
  margin: 0;
  font-size: var(--fs-14, 14px);
  line-height: 1.65;
color:var(--primary-dec);
}

.aios_solution .aios_tab_side--highlight .aios_body_tab_content_right_txt_txt {
  color: var(--primary, #00579c);
}

.aios_body_cards {
  display: flex;
  margin-top: 125px;
  justify-content: space-around;
}

.aios_body_cards_items {
  cursor: pointer;
  display: flex;
  transition: all .3s linear;
  align-items: center;
  flex-direction: column;
  background-color: white;
  padding-top: 30px;
  width: 297px;
  border-radius: 10px;
  padding-bottom: 40px;
}

.aios_body_cards_items:hover {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

.aios_body_cards_items_big {
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #1A2736;
  text-align: right;
  font-style: normal;
  margin-top: 23px;
  margin-bottom: 56px;
}

.aios_body_cards_items_small {
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #1A2736;
  margin-bottom: 11px;
  text-align: right;
  font-style: normal;
}

.aios_body_cards_items_txt {
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #5E6978;
  text-align: right;
  font-style: normal;
}

/* ── 产品优势（2×2 卡片 + 内嵌白底子卡，对齐设计稿） ── */
.aios_advantage {
  padding-bottom: clamp(48px, calc(100vw * 80 / 1440), 80px);
}

.aios_advantage > .aios_container > .aios_body_title {
  padding-top: clamp(48px, calc(100vw * 72 / 1440), 78px);
  font-size: clamp(24px, calc(100vw * 32 / 1440), 32px);
}

.aios_advantage .aios_body_cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, calc(100vw * 24 / 1440), 24px);
  margin-top: clamp(36px, calc(100vw * 48 / 1440), 48px);
  justify-content: stretch;
}

.aios_advantage .aios_body_cards_items {
  width: auto;
  min-height: 220px;
  padding: clamp(20px, calc(100vw * 28 / 1440), 28px);
  align-items: stretch;
  justify-content: flex-start;
  border-radius: var(--r8);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98) 0%, rgba(220, 236, 250, 0.98) 100%);
  overflow: hidden;
  cursor: default;
  box-sizing: border-box;
  position: relative;
}

.aios_advantage .aios_body_cards_items::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background-image: linear-gradient(rgba(17, 83, 145, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 83, 145, 0.08) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
  transition: opacity 0.3s linear, background-image 0.3s linear;
}

.aios_advantage .aios_body_cards_items:hover {
  box-shadow: 0 12px 28px rgba(17, 83, 145, 0.12);
  transform: translateY(-2px);
}

.aios_advantage .aios_body_cards_items > img {
  display: none;
}

.aios_advantage .aios_body_cards_items_big {
  margin: 0 0 16px;
  font-size: var(--fs-22, 22px);
  font-weight: 600;
  color: var(--primary, #00579c);
  text-align: left;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}

.aios_advantage .aios_advantage_subs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  flex: 1;
  position: relative;
  z-index: 1;
}

.aios_advantage .aios_advantage_subs--single {
  grid-template-columns: 1fr;
}

.aios_advantage .aios_advantage_sub {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 18px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(17, 83, 145, 0.04);
  min-height: 100px;
  box-sizing: border-box;
}

.aios_advantage .aios_body_cards_items_small {
  margin: 0;
  font-size: var(--fs-16, 16px);
  font-weight: 600;
  color: #1a2736;
  text-align: left;
  line-height: 1.4;
}

.aios_advantage .aios_body_cards_items_txt {
  margin: 0;
  font-size: var(--fs-14, 14px);
  font-weight: 400;
color:var(--primary-dec);
  text-align: left;
  line-height: 1.55;
}

.aios_advantage .aios_body_cards_items--accent {
  background: linear-gradient(254deg, #023d73 1%, #02569b 66%, #014a86 99%), #F6FAFF;
  box-shadow: 0 10px 28px rgba(0, 45, 90, 0.28);
}

.aios_advantage .aios_body_cards_items--accent:hover {
  box-shadow: 0 14px 32px rgba(0, 45, 90, 0.34);
}

.aios_advantage .aios_body_cards_items--accent .aios_body_cards_items_big {
  color: #fff;
}

.aios_advantage .aios_body_cards_items--accent .aios_advantage_sub {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(225, 229, 236, 0.2);
  box-shadow: none;
  min-height: 120px;
  justify-content: center;
  gap: 14px;
}

.aios_advantage .aios_body_cards_items--accent .aios_body_cards_items_small {
  color: #fff;
}

.aios_advantage .aios_advantage_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}

.aios_advantage .aios_body_cards_items--accent .aios_body_cards_items_txt {
  color: rgba(226, 232, 240, 0.92);
  white-space: nowrap;
}

.aios_body_cards2_items {
  cursor: pointer;
  display: flex;
  transition: all .3s linear;
  width: 420px;
  align-items: center;
  flex-direction: column;
  background-color: white;
  padding: 40px;
}

.aios_body_cards2_items:hover {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

.aios_body_cards2_items_title {
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 600;
  font-size: 30px;
  color: #1A2736;
  text-align: right;
  font-style: normal;
  margin-bottom: 56px;
}

.aios_body_cards2_items_txt {
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #5E6978;
  line-height: 45px;
  font-style: normal;
  text-align: center;
}

/* ── 应用场景（三列白卡 + 图标居中，对齐设计稿） ── */
.aios_scenes {
  background: var( --slate-50);
  padding-bottom: clamp(48px, calc(100vw * 80 / 1440), 80px);
}

.aios_scenes > .aios_container > .aios_body_title {
  padding-top: clamp(48px, calc(100vw * 72 / 1440), 78px);
  font-size: clamp(24px, calc(100vw * 32 / 1440), 32px);
  color: #1a2736;
}

.aios_scenes .aios_body_cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, calc(100vw * 24 / 1440), 24px);
  margin-top: clamp(36px, calc(100vw * 48 / 1440), 48px);
  justify-content: stretch;
}

.aios_scenes .aios_body_cards2_items {
  width: auto;
  min-width: 0;
  padding: clamp(28px, calc(100vw * 40 / 1440), 40px) clamp(20px, calc(100vw * 28 / 1440), 28px);
  background: linear-gradient(126deg, #f8fafc 14%, #f7fafc00 90%), #FFFFFF;
  border-radius: var(--r8);
  cursor: default;
  box-sizing: border-box;
}

.aios_scenes .aios_body_cards2_items:hover {
  box-shadow: 0 10px 28px rgba(17, 83, 145, 0.1);
  transform: translateY(-2px);
}

.aios_scenes .aios_scenes_icon {
  display: block;
  width: clamp(42px, calc(100vw * 66 / 1440), 66px);
  height: auto;
  margin: 0 auto 20px;
  object-fit: contain;
}

.aios_scenes .aios_body_cards2_items_title {
  margin: 0 0 16px;
  font-size: var(--fs-20, 20px);
  font-weight: 600;
  color: #1a2736;
  text-align: center;
  line-height: 1.4;
}

.aios_scenes .aios_body_cards2_items_txt {
  margin: 0;
  font-size: var(--fs-14, 14px);
  font-weight: 400;
color:var(--primary-dec);
  line-height: 1.75;
  text-align: center;
}

/* ── 资讯推荐（侧栏 + 推荐卡 + 双列列表） ── */
.aios_tips_section {
  padding-top: clamp(48px, calc(100vw * 80 / 1440), 100px);
  padding-bottom: clamp(48px, calc(100vw * 72 / 1440), 72px);
  background-color: #F8FAFC;
  background-image: linear-gradient(180deg, #639ce133 0%, #639ce113 60%, #639ce100 100%);
  background-repeat: no-repeat;
  background-size: 100% 198px;
}

#ai_compute_tips .aios_container {
  width: min(1290px, 92%);
  margin: 0 auto;
}

.aios_tips_box {
  display: grid;
  grid-template-columns: minmax(140px, 200px) minmax(0, 1fr);
  gap: clamp(24px, calc(100vw * 40 / 1440), 48px);
  align-items: start;
  width: 100%;
}

.aios_tips_column {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-left: 1px solid #d9d5d5;
  padding: 0;
}

.aios_tips_column_big {
  font-family: PingFangSC, PingFang SC, Microsoft Yahei, sans-serif;
  font-size: var(--fs-15, 15px);
  color: var(--primary-dec);
  line-height: 1.4;
  text-align: left;
  padding: 12px 16px 8px;
  margin: 0;
}

.aios_tips_column_small {
  margin: 0;
  padding: 12px 16px;
  font-family: PingFangSC, PingFang SC, Microsoft Yahei, sans-serif;
  font-weight: 400;
  font-size: var(--fs-15, 15px);
  color: var( --on-surface-variant);
  cursor: pointer;
  line-height: 1.4;
  text-align: left;
  border-radius: 0 6px 6px 0;
  border-left: 3px solid transparent;
  transition: color 0.2s, background 0.2s, border-color 0.2s;
}

.aios_tips_column_small:hover {
  color: var(--primary, #00579c);
  background: rgba(0, 87, 156, 0.04);
}

.aios_tips_column_small_active {
  border-left: 3px solid var(--primary, #00579c);
  background: rgba(0, 87, 156, 0.08);
  color: var(--primary, #00579c);
  font-weight: 500;
  transform: translateX(-2px);
  margin-left: 0.5px;
}

.aios_tips_swiper {
  width: 100%;
  min-width: 0;
}

.aios_tips_panel {
  display: none;
}

.aios_tips_panel.is-active {
  display: block;
}

.aios_tips_recommend {
  position: relative;
  max-width: 100%;
  min-height: 0;
  background: #fff;
  box-shadow: 0 4px 20px rgba(17, 83, 145, 0.08);
  border-radius: 8px;
  padding: clamp(24px, calc(100vw * 32 / 1440), 32px) clamp(28px, calc(100vw * 40 / 1440), 48px) clamp(24px, calc(100vw * 28 / 1440), 28px);
  padding-right: clamp(56px, calc(100vw * 72 / 1440), 72px);
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  display: block;
  overflow: visible;
  transition: box-shadow 0.2s, transform 0.2s;
}

.aios_tips_recommend:hover {
  box-shadow: 0 8px 28px rgba(17, 83, 145, 0.12);
  transform: translateY(-2px);
}

.aios_tips_recommend_top {
  display: block;
  position: static;
}

.aios_tips_recommend_top_1 {
  position: absolute;
  top: -36px;
  right: -20px;
  z-index: 2;
  width: clamp(40px, calc(100vw * 120 / 1440), 120px);
  height: auto;
  padding: 0;
  background: none;
  border: none;
  line-height: 0;
}

.aios_tips_recommend_top_1 img {
  display: block;
  width: 100%;
  height: auto;
}

.aios_tips_recommend_top_2 {
  font-family: PingFangSC, PingFang SC, Microsoft Yahei, sans-serif;
  font-weight: 600;
  font-size: clamp(18px, calc(100vw * 22 / 1440), 22px);
  color: #1a2736;
  line-height: 1.45;
  text-align: left;
  margin: 0;
}

.aios_tips_recommend_bottom {
  margin-top: 14px;
  font-family: PingFangSC, PingFang SC, Microsoft Yahei, sans-serif;
  font-weight: 400;
  font-size: var(--fs-15, 15px);
color:var(--primary-dec);
  line-height: 1.7;
  text-align: left;
}

#ai_compute .swiper-pagination-bullet {
  background-color: rgba(0, 87, 156, 0.2) !important;
}

#ai_compute .myswiper-pagination-bullet {
  width: 28px !important;
  height: 28px !important;
  text-align: center;
  line-height: 28px;
  font-size: 13px;
  color: #334155 !important;
  opacity: 1 !important;
}

#ai_compute .swiper-pagination-bullet-active {
  color: #fff !important;
  background: var(--primary, #00579c) !important;
}

#ai_compute .swiper-slide.aios_tip_swiper_box {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 20px;
  height: auto !important;
  box-sizing: border-box;
  /* 给卡片投影留空间，避免被 swiper overflow 裁切 */
  padding: 8px 6px 12px;
}

.aios_tip_swiper_item:hover,
.aiosdeepseek_tip_swiper_item:hover {
  border-bottom: none;
  box-shadow: 0 8px 28px rgba(17, 83, 145, 0.12);
  transform: translateY(-3px);
}

.aios_tip_swiper_item,
.aiosdeepseek_tip_swiper_item {
  --tip-card-pad-y: clamp(20px, calc(100vw * 24 / 1440), 24px);
  --tip-card-gap: 10px;
  --tip-title-lh: calc(var(--fs-16, 16px) * 1.5);
  --tip-desc-lh: calc(var(--fs-14, 14px) * 1.5);
  /* 整体固定：标题最多 2 行 + 描述 2 行 + 间距 + 内边距 */
  height: calc(
    var(--tip-card-pad-y) * 2
    + var(--tip-title-lh) * 2
    + var(--tip-card-gap)
    + var(--tip-desc-lh) * 2
  );
  min-height: 0;
  transition: box-shadow 0.2s, transform 0.2s;
  cursor: pointer;
  padding: var(--tip-card-pad-y) clamp(20px, calc(100vw * 24 / 1440), 24px);
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 4px 16px rgba(17, 83, 145, 0.06);
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}

#ai_compute .swiper-wrapper {
  margin-bottom: 28px;
  margin-left: 0;
}

#ai_compute .mySwiper {
  margin-top: 20px;
  /* 内边距给投影留空，避免被默认 overflow:hidden 裁切 */
  padding: 8px 4px 16px;
  margin-left: -4px;
  margin-right: -4px;
  box-sizing: content-box;
}

#ai_compute .mySwiper .swiper-slide {
  height: auto;
  box-sizing: border-box;
}

.aios_tip_swiper_item_top {
  display: block;
  position: relative;
  flex: 0 0 auto;
}

.aios_tip_swiper_item_top_small {
  display: none;
}

.aios_tip_swiper_item_top_title {
  font-family: PingFangSC, PingFang SC, Microsoft Yahei, sans-serif;
  font-weight: 600;
  font-size: var(--fs-16, 16px);
  color: #1a2736;
  line-height: 1.5;
  margin: 0;
  /* 最多两行，超出省略；高度随内容，不强制占两行 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.aios_tip_swiper_item_bottom {
  font-family: PingFang SC, Microsoft Yahei, SimHei, sans-serif;
  font-weight: 400;
  font-size: var(--fs-14, 14px);
color:var(--primary-dec);
  line-height: 1.5;
  margin-top: var(--tip-card-gap, 10px);
  flex: 0 0 auto;
  /* 固定两行高度，超出省略 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  height: calc(var(--tip-desc-lh, 1.5em) * 2);
  min-height: calc(var(--tip-desc-lh, 1.5em) * 2);
}

/* 底部咨询 CTA */
.product_consulting_block {
  text-align: center;
  width: 100%;
  height: 280px;
  background: url(/static/skin/images/ai_compute/footer_banner_bg.svg) #419DFF no-repeat;
}

.product_consulting_block .contact_consulting_wrap {
  height: 100%;
  width: 970px;
  display: inline-block;
  position: relative;
}

.product_consulting_block .contact_consulting_wrap .contact_consulting_text {
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 40px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 120px;
}

.product_consulting_block .contact_consulting_wrap .contact_consulting_button {
  position: absolute;
  right: 0;
  top: 114px;
  width: 180px;
  height: 56px;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  font-size: 20px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 56px;
  transition: all .3s linear;
  margin: 0;
  cursor: pointer;
  display: inline-block;
}

.product_consulting_block .contact_consulting_wrap .contact_consulting_button:hover {
  background: rgba(255, 255, 255, 0.10);
  box-shadow: 0 3px 10px 0 rgb(94 105 120 / 14%);
  transform: translateY(-2px);
}

@media screen and (max-width: 1290px) {
  #ai_compute #header .vir_header {
    flex-direction: column;
    align-items: center;
  }

  #ai_compute .header_title_wrap_left {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #ai_compute .header_title,
  #ai_compute .header_title_wrap_left .header_title_2 {
    text-align: center;
  }

  #ai_compute #header .hero-btns {
    justify-content: center;
  }

  #ai_compute .header_title_wrap_right {
    width: min(100%, 480px);
  }

  .aios_container {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  /* 介绍图区块保持原始宽度，窄屏可横向滚动 */
  .aios_introduce > .aios_container {
    width: 1390px;
    max-width: none;
  }

  #ai_compute_tips .aios_container {
    width: min(1290px, 92%);
    padding-top: 0;
  }

  .aios_tips_box {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .aios_tips_column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .aios_tips_column_big {
    grid-column: 1 / -1;
    padding: 8px 4px 4px;
    font-size: var(--fs-15, 15px);
  }

  .aios_tips_column_small {
    border-radius: 8px;
    border-left-width: 0;
    border-bottom: 3px solid transparent;
    text-align: center;
    padding: 10px 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(17, 83, 145, 0.05);
  }

  .aios_tips_column_small_active {
    border-left-width: 0;
    border-bottom-color: var(--primary, #00579c);
    background: rgba(0, 87, 156, 0.08);
    transform: none;
    margin-left: 0;
  }

  .aios_tips_recommend {
    padding: 20px 24px 20px 20px;
  }

  .aios_tips_recommend_top_1 {
    top: 0;
    right: 12px;
    width: 36px;
  }

  #ai_compute .swiper-slide.aios_tip_swiper_box {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }

  .aios_body_cards {
    flex-wrap: wrap;
  }

  .aios_body_cards2_items {
    margin-top: 20px;
  }

  .aios_scenes .aios_body_cards {
    gap: 16px;
  }

  .aios_scenes .aios_body_cards2_items {
    margin-top: 0;
    width: auto;
  }

  .aios_body_cards_items {
    width: 45%;
    margin-top: 20px;
  }

  .aios_advantage .aios_body_cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .aios_advantage .aios_body_cards_items {
    width: auto;
    margin-top: 0;
  }

  .aios_advantage .aios_advantage_subs {
    grid-template-columns: 1fr;
  }

  .aios_advantage .aios_advantage_tags {
    flex-wrap: wrap;
    gap: 8px 16px;
  }

  .aios_body_tab_content {
    flex-direction: column;
  }

  .aios_body_tab_content_right {
    margin-left: unset;
    margin-top: 40px;
  }

  .aios_tabs {
    flex-direction: column;
  }

  .aios_body_tab_content_left img {
    width: 100%;
    height: auto;
  }

  .aios_tabs_items {
    border-right: unset;
    width: 60%;
  }

  .aios_body_tab_content_right_txt_txt {
    width: unset;
  }

  .aios_solution .aios_tabs {
    flex-direction: row;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
  }

  .aios_solution .aios_tabs_items {
    flex: 1 1 0;
    width: 33.333%;
    min-width: 0;
    padding: 12px 12px 14px 0;
  }

  .aios_solution .aios_body_tab_content {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .aios_solution .aios_body_tab_content_right {
    margin-top: 0;
  }

  .product_consulting_block .contact_consulting_wrap {
    width: 100%;
  }

  .product_consulting_block .contact_consulting_wrap .contact_consulting_text {
    left: 0;
    right: 0;
    top: 80px;
    padding: 0 30px;
  }

  .product_consulting_block .contact_consulting_wrap .contact_consulting_button {
    right: 50%;
    margin-right: -90px;
    top: 150px;
  }
}

@media screen and (max-width: 768px) {
  .aios_introduce > .aios_container {
    width: 100%;
    max-width: 100%;
    overflow-x: visible;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }

  .aios_introduce .aios_body_title {
    font-size: 22px;
    line-height: 1.4;
    padding-top: 40px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .aios_introduce .aios_body_title2 {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 16px;
    margin-bottom: 24px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .aios_introduce_diagram {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .aios_tips_section {
    margin-top: 40px;
    padding-top: 32px;
    padding-bottom: 40px;
  }

  .aios_tips_column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: visible;
    gap: 8px;
    padding-bottom: 0;
    border-left: none;
  }

  .aios_tips_column_big {
    display: none;
  }

  .aios_tips_column_small {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
    max-width: calc(50% - 4px);
    white-space: normal;
    text-align: center;
    box-sizing: border-box;
  }

  .aios_tips_recommend_top_2 {
    font-size: var(--fs-16, 16px);
  }

  .aios_tips_recommend_bottom {
    font-size: var(--fs-13, 13px);
  }

  #ai_compute .swiper-slide.aios_tip_swiper_box {
    grid-template-columns: 1fr;
  }

  .aios_scenes .aios_body_cards {
    grid-template-columns: 1fr;
  }

  .aios_advantage .aios_body_cards {
    grid-template-columns: 1fr;
  }

  .aios_advantage .aios_advantage_tags {
    flex-direction: column;
    gap: 8px;
  }

  .aios_advantage .aios_body_cards_items--accent .aios_body_cards_items_txt {
    white-space: normal;
  }
}

@media screen and (max-width: 650px) {
  .aios_tabs_items {
    width: 352px;
  }

  .aios_solution .aios_tabs_items {
    width: 33.333%;
    min-width: 0;
    padding-right: 8px;
  }

  .aios_solution .aios_tabs_items_main {
    font-size: var(--fs-16, 16px);
  }

  .aios_solution .aios_tabs_items_sub {
    font-size: var(--fs-12, 12px);
  }

  .aios_solution > .aios_container > .aios_body_title {
    font-size: 22px;
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .aios_solution .aios_tabs_body > [data-flag] > .aios_body_title {
    font-size: 20px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .aios_solution .aios_tabs_body > [data-flag] > .aios_body_title2 {
    margin: 12px auto 24px;
    font-size: var(--fs-14, 14px);
    text-align: left;
    padding: 0 4px;
  }

  .aios_solution .aios_body_tab_content_title span {
    font-size: var(--fs-16, 16px);
  }

  .aios_body_cards_items {
    width: 80%;
    margin-top: 20px;
  }

  .aios_advantage .aios_body_cards_items {
    width: auto;
    margin-top: 0;
    min-height: 0;
  }

  .aios_advantage .aios_advantage_sub {
    min-height: 0;
  }

  .product_consulting_block .contact_consulting_wrap .contact_consulting_button {
    top: 170px;
  }
}