/* ============================================================

/* ---------- 内页通用页头（后续 list/content 页复用） ---------- */
.ara-page-hero {
  padding: 70px 0 60px;
  background:
    radial-gradient(900px 400px at 90% -20%, rgba(128,194,215,.25), transparent 55%),
    var(--ara-bg-light);
  text-align: center;
}
.ara-page-hero .ara-page-title {
  font-size: clamp(34px, 5vw, 54px);
  font-weight: 900;
  letter-spacing: -.02em;
}
.ara-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 14px;
  color: var(--ara-muted);
}
.ara-breadcrumb a:hover { color: var(--ara-navy); }
.ara-breadcrumb .sep { color: var(--ara-line); }

/* ---------- 内页内容区 ---------- */
.ara-content {
  padding: 70px 0 90px;
}
.ara-content-body h2,
.ara-content-body h3,
.ara-content-body h4 {
  color: var(--ara-ink);
  margin: 1.5em 0 .6em;
}
.ara-content-body p { margin-bottom: 1em; }
.ara-content-body img { border-radius: var(--ara-radius); margin: 1.5em 0; }
.ara-content-body ul, .ara-content-body ol { padding-left: 1.4em; margin-bottom: 1em; }
.ara-content-body ul { list-style: disc; }
.ara-content-body ol { list-style: decimal; }

/* ---------- 通用段落间距 ---------- */
.ara-section { padding: 90px 0; }
.ara-section--alt { background: var(--ara-bg-light); }

/* ---------- 打印优化 ---------- */
@media print {
  .ara-header, .ara-footer, .ara-gotop { display: none; }
}

/* ============================================================
   About 页面（按 PDF 设计稿：整页深色 + 浅蓝 eyebrow + 白字）
   PDF 来源：ARA Website Design - PDF/18. About ARA， 第十八页：关于我们
   ============================================================ */

/* 整页深色（覆盖 default body 浅色，覆盖 .ara-main 默认） */
body.ara-body.is-page { background: #202021; }
.ara-about-main {
  background: #202021;
  color: #fff;
  padding: 140px 0 120px;
  min-height: 60vh;
}

/* Eyebrow 小标签 "About ARA"
   PDF: 42pt Rubik-Bold #80c2d7（浅蓝） */
.ara-about-eyebrow {
  font-size: clamp(32px, 4vw, 42px);
  color: #80c2d7;
  margin: 0 0 40px;  
}

/* H1 大标题 "About ARA Cooling Solutions"
   PDF: 22pt Muli-Bold #ffffff */
.ara-about-title {    
  font-family: var(--ara-font-sub);
  font-size: clamp(16px, 2.8vw, 22px);
  color: #fff;
  margin: 0 0 56px;
  letter-spacing: 0;
}

/* 正文段落
   PDF: 18pt Muli-Regular #ffffff 行距 ~1.7 */
.ara-about-text {
  color: #fff;  
  font-size: clamp(15px, 1.8vw, 20px);
}
.ara-about-text p { margin: 0 0 36px; }
.ara-about-text strong { font-weight: 700; }
.ara-about-text em { font-style: normal; font-weight: 700; color: #80c2d7; }

/* ---------- 响应式 ---------- */

@media (max-width: 767px) {
  .ara-about-main { padding: 80px 0 60px; }
  .ara-about-eyebrow { font-size: 26px; margin-bottom: 22px; }
  .ara-about-title { font-size: 18px; margin-bottom: 28px; }
  .ara-about-text { font-size: 15px; line-height: 1.7; margin-bottom: 20px; }
}

/* ============================================================
   Contact 页面（按 PDF 设计稿：整页深色 + 左图右文 + 居中表单）
   PDF 来源：ARA Website Design - PDF/19. Contact，第十九页：联系我们
   PDF 坐标系：1024.5 × 1225.5 顶部 0+0
   配色：
     深色底 #202021  浅蓝强调 #80c2d7  深蓝 #334f8d  白 #ffffff
   字体：Muli（正文）+ Rubik（小标题）+ Roboto（大标题）
   ============================================================ */

/* 整页深色（同 About 覆盖默认浅色） */
.ara-contact-main {
  background: #202021;
  color: #fff;
  padding: 140px 0 120px;
  min-height: 60vh;
}

/* ---------- 顶部 Hero 区 ---------- */
.ara-contact-hero { padding: 0 0 70px; }

/* 顶部浅蓝大标题 "Let's work together."
   PDF: 42pt Rubik-Bold #80c2d7（坐标 53,53） */
.ara-contact-eyebrow {
  font-family: var(--ara-font-sub);
  font-size: clamp(32px, 4vw, 42px);
  font-weight: 700;
  color: #80c2d7;
  margin: 0 0 50px;
}

/* 两栏：左图 + 右文（PDF 原稿左右各约 50% 宽度） */
.ara-contact-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}

/* 左侧团队图片（PDF bbox -59,154,523,542） */
.ara-contact-hero-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  object-fit: cover;
}

/* 右侧主标题 "When you partner with us, you get the ARA Advantage."
   PDF: 23pt Rubik-Bold #ffffff（5 行，行距紧凑） */
.ara-contact-tagline,.ara-contact-lead {
  font-family: var(--ara-font-sub);
  font-size: clamp(17px, 2.1vw, 23px);  
  line-height: 1.45;
  color: #fff;
  margin: 0 0 32px;
}

/* 联系信息列表（3 项：Mailing / Phone / Email）
   PDF: 标签 19pt Rubik-Bold #80c2d7 + 值 16pt Muli #ffffff */
.ara-contact-info li { margin-bottom: 25px; }
.ara-contact-info li:last-child { margin-bottom: 0; }
.ara-contact-info-lbl {
  display: block;
  font-family: var(--ara-font-sub);
  font-size: clamp(15px, 1.85vw, 20px);
  font-weight: 700;
  color: #80c2d7;
}
.ara-contact-info-val {
  display: block;
  font-size: clamp(14px, 1.6vw, 18px);
  color: #fff;
}
/* ---------- 表单区 ---------- */
.ara-contact-form-sec {
  padding: 80px 0 0;
  text-align: center;
}

/* 表单区大标题
   PDF: 42pt Rubik-Bold #80c2d7（居中坐标 332,644） */
.ara-contact-form-title {
  font-family: var(--ara-font-sub);
  font-size: 42px;
  font-weight: 700;
  color: #80c2d7;
  margin: 0 0 22px;
  letter-spacing: 0;
}

/* 表单副标题
   PDF: 20pt Muli-Regular #ffffff（居中两行） */
.ara-contact-form-lead {
  font-size: clamp(15px, 1.85vw, 20px);
  line-height: 1.5;
  color: #fff;
  margin: 0 auto 56px;
  max-width: 620px;
}

/* 表单卡片
   PDF: 圆角矩形 [307,778,717,1188]，浅蓝 #80c2d7 描边，深色内底 */
.ara-contact-form {
  max-width: 460px;
  margin: 0 auto;
  border: 4px solid #80c2d7;
  border-radius: 26px;
  padding: 56px 60px 44px;
  background: transparent;
  text-align: left;
}

/* 输入字段（PDF: 14pt Muli 白色标签 + 白色细下划线）
   样式：透明背景 + 仅底边白色 1px */
.ara-field { margin-bottom: 26px; }
.ara-field:last-of-type { margin-bottom: 22px; }

.ara-field input,
.ara-field textarea {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-family: var(--ara-font-body);
  font-size: clamp(13px, 1.4vw, 14px);
  font-weight: 400;
  padding: 6px 2px 10px;
  outline: none;
  resize: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}
.ara-field textarea { line-height: 1.5; min-height: 60px; }

.ara-field input::placeholder,
.ara-field textarea::placeholder {
  color: #fff;
  opacity: 0.85;
}

.ara-field input:focus,
.ara-field textarea:focus {
  border-bottom-color: #80c2d7;
}
.ara-field input:focus::placeholder,
.ara-field textarea:focus::placeholder {
  opacity: 0.6;
}

/* 验证码行：输入框 + 图片并排（PDF 设计未画，但提交需要） */
.ara-field--check {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  margin-bottom: 20px;
}

.ara-checkcode {
  flex: 0 0 auto;
  width: 96px;
  height: 36px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.35);
  background: #fff;
  cursor: pointer;
  display: block;
  object-fit: cover;
}
.ara-checkcode:hover { border-color: #80c2d7; }

/* SUBMIT 按钮
   PDF: 16pt Muli #334f8d 白底胶囊（坐标 482,1136） */
.ara-contact-submit {
  display: block;
  margin: 30px auto 0;
  background: #fff;
  color: #334f8d;
  border: 1px solid #334f8d;
  border-radius: 999px;
  padding: 12px 42px;
  font-family: var(--ara-font-body);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}
.ara-contact-submit:hover {
  background: #334f8d;
  color: #fff;
  transform: translateY(-1px);
}
.ara-contact-submit:active {
  transform: translateY(0);
}

/* ---------- 响应式 ---------- */
@media (max-width: 1080px) {
  .ara-contact-form { max-width: 480px; padding: 50px 48px 40px; }
}
@media (max-width: 1080px) {
  .ara-contact-main { padding: 100px 0 80px; }
  .ara-contact-hero { padding-bottom: 50px; }
  .ara-contact-hero-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
 
  .ara-contact-form { padding: 40px 32px 32px; max-width: 90%; }
}
@media (max-width: 767px) {
  .ara-contact-main { padding: 80px 0 60px; }
  .ara-contact-eyebrow { font-size: 26px; margin-bottom: 24px; }
  .ara-contact-tagline,
  .ara-contact-lead { font-size: 18px; }
  .ara-contact-info li { margin-bottom: 22px; }
  .ara-contact-info-lbl { font-size: 15px; margin-bottom: 4px; }
  .ara-contact-info-val { font-size: 14px; }
  .ara-contact-form-sec { padding-top: 36px; }
  .ara-contact-form-title { font-size: 26px; }
  .ara-contact-form-lead { font-size: 15px; margin-bottom: 32px; }
  .ara-contact-form { padding: 30px 22px 26px; border-width: 3px; border-radius: 18px; }
  .ara-field { margin-bottom: 20px; }
  .ara-checkcode { width: 80px; height: 32px; }
  .ara-contact-submit { padding: 10px 32px; font-size: 14px; }
}


/* ============================================================
   Products 页面（product-nav.html）
   ============================================================ */

/* ---------- 整页深色底（覆盖 body 默认浅色） ---------- */
.ara-products-main {
  background: #202021;
  overflow: hidden;
}

/* ---------- 1. Our Products Hero ---------- */
.ara-products-hero {
  padding: 150px 0 40px;
  text-align: center;
}
.ara-products-title {
  font-family: var(--ara-font-head);
  font-size: clamp(28px, 5.5vw, 58px);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.02em;
  color: #80c2d7;
  margin: 0 0 26px;
}
.ara-products-lead {
  font-family: var(--ara-font-sub);
  font-size: clamp(15px, 1.85vw, 20px);
  font-weight: 500;
  color: #fff;
  margin: 0 auto;
}

/* ---------- 2. 系统集成图 ---------- */
.ara-products-system {
  padding: 30px 0 20px;
}
.ara-products-system img {
  width: 100%;
  height: auto;
  display: block;
}

/* ---------- 3. 9 产品导航卡片 ---------- */
.ara-products-list {
  padding: 70px 0 120px;
}
.ara-products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 52px 56px;
}
.ara-product-card {
  display: block;
  text-decoration: none;
}
.ara-product-name {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--ara-font-sub);
  font-size: clamp(15px, 1.75vw, 18px);
  font-weight: 700;
  line-height: 1.3;
  color: #80c2d7;
  margin: 0 0 0.5px;
  transition: color .2s ease;
}
.ara-product-num {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #80c2d7;
  color: #101014;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ara-font-head);
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
}
.ara-product-desc {
  font-size: clamp(13px, 1.55vw, 16px); 
  color: #fff;
}
.ara-product-card:hover .ara-product-name { color: #fff; }
.ara-product-card:hover .ara-product-num { background: #fff; color: #334f8d; }

/* ---------- 4. The ARA Advantage（白底黑边框） ---------- */
.ara-advantage {
  background: #ebebf1;
}
.ara-advantage .ara-products-title{
  color: var(--ara-navy);
}
.ara-advantage-inner {
  padding: 100px 0 110px;
  text-align: center;
}
.ara-advantage-closing {
  font-size: clamp(15px, 1.85vw, 20px);
  max-width: 900px;
  margin: 0 auto;
}
.ara-advantage-closing img {
  width: 100%;
  height: auto;
  display: block;
  margin: 10px 0px;
}

/* ---------- 响应式 ---------- */
@media (max-width: 1080px) {
  .ara-advantage-grid { grid-template-columns: repeat(2, 1fr); }
  .ara-products-hero { padding: 110px 0 30px; }
  .ara-products-list { padding: 50px 0 90px; }
  .ara-products-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 32px; }
  .ara-advantage-inner { padding: 80px 0 90px; }
}
@media (max-width: 767px) {
  .ara-products-hero { padding: 90px 0 24px; }
  .ara-products-grid { grid-template-columns: 1fr; gap: 36px; }
  .ara-advantage-grid { grid-template-columns: 1fr; }
  .ara-product-name { font-size: 19px; }
}


/* =========================================================
   ARA Tech - Two-Phase Technology（两相技术页）
   设计稿第 5 页 1:1 复刻（1024.5 x 8903.25 pt）
   ========================================================= */

/* ---- 1. HERO ---- */
.ara-t5-hero,.ara-t6-hero,.ara-t7-hero {
  background: var(--ara-ink);
  color: #fff;
  padding: 8.0rem 0 2.5rem;
}
.ara-t5-hero-title {
  font-family: var(--ara-font-head);
  font-weight: 700;
  font-size: clamp(24px, 5.4vw, 58px);
  color: #fff;  
}
.ara-t5-hero-bar { text-align: center; }
.ara-t5-hero-bar-img { max-width: 100%; height: auto; }

/* ---- 2. METRICS ---- */
.ara-t5-metrics { background: var(--ara-bg); padding: 70px 0 80px; }
.ara-t5-sec-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(24px, 3.2vw, 35px);
  color: var(--ara-navy);
  text-align: center;
  margin: 0 0 50px;
}
.ara-t5-metrics-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(50px, 4vw, 100px) clamp(60px, 4vw, 100px);
  max-width: 74%;
  margin: 0 auto;
}
.ara-t5-metric { text-align: center; }
.ara-t5-metric-num {
  font-family: var(--ara-font-head);
  font-weight: 700;
  font-size: clamp(28px, 3.4vw, 36px);
  color: #000;
  margin-bottom: 4px;
}
.ara-t5-metric-label {
  font-family: var(--ara-font-body);
  font-size: clamp(14px, 1.7vw, 18px);
  color: #000;
}

/* ---- 3. ANALOGY ---- */
.ara-t5-analogy { background: var(--ara-bg); padding: 0 0 90px; }
.ara-t5-analogy-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(24px, 3.7vw, 40px);
  line-height: 1.25;
  color: #c56148;
  text-align: center;
  margin: 0 0 40px;
}
.ara-t5-analogy-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(30px, 3.8vw, 66px);
  align-items: stretch;
}
.ara-t5-analogy-item {
  display: flex;
  align-items: center;
  gap: 1.0rem;
  text-align: left;
}
.ara-t5-analogy-img { margin-bottom: 0; flex: 0 0 35%; }
.ara-t5-analogy-img img {
  max-width: 100%;
  height: auto;
}
.ara-t5-analogy-text {
  margin: 0;
  flex: 1;
}
.ara-t5-analogy-text strong { font-weight: 700; }

/* ---- 4. UNDERSTANDING ---- */
.ara-t5-understand { background: var(--ara-ink); padding: 80px 0 100px; }
.ara-t5-understand-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(24px, 3.2vw, 35px);
  color: #fff !important;
  text-align: center;
  margin: 0 0 34px;
}
.ara-t5-understand-title .ara-t5-sky { color: var(--ara-sky); }
.ara-t5-qa { text-align: center; margin-bottom: 56px; }
.ara-t5-qa-q {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(15px, 1.9vw, 20px);
  color: #fff;
  margin: 0 0 10px;
}
.ara-t5-qa-ans {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(17px, 2.1vw, 23px);
  color: var(--ara-accent);
  margin: 14px 0 0;
}
.ara-t5-cards {
  width: 85%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}
.ara-t5-card {
  position: relative;
  width: 42%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 5% 6%;
  background: var(--ara-navy);
  margin-bottom: 5%;
  box-shadow: 10px 10px 0 #767677, 20px 20px 0 #39393a;
}
.ara-t5-card:nth-child(2),.ara-t5-card:nth-child(3),.ara-t5-card:nth-child(6){ background: var(--ara-sky); }
.ara-t5-card-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(18px, 2.4vw, 26px);
  line-height: 1.25;
  margin: 0 0 12px;
}
.ara-t5-card-title.sky { color: var(--ara-sky) !important; }
.ara-t5-card-title.navy { color: var(--ara-navy) !important; }
.ara-t5-card-text {
  font-size: clamp(14px, 1.9vw, 21px);
  color: #fff;
}

/* ---- 5. QA CONTENT（深色内容区） ---- */
.ara-t5-qa-content { background: var(--ara-ink); padding: 40px 0 90px; }
.ara-t5-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
  margin-bottom: 90px;
}
.ara-t5-big-title {
  font-family: var(--ara-font-sub);
  font-size: clamp(24px, 3.2vw, 35px);
  line-height: 1.25;
  color: var(--ara-sky);
  margin: 0 0 18px;
}
.ara-t5-big-title.italic { font-style: italic; }
.ara-t5-big-num {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(20px, 2.8vw, 30px);
  color: var(--ara-accent);
  margin: 0 0 8px;
}
.ara-t5-sub-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(16px, 2.1vw, 22px);
  margin: 0 0 14px;
}
.ara-t5-sub-title.sky { color: var(--ara-sky); }
.ara-t5-sub-title.white { color: #fff; }
.ara-t5-body {
  font-size: clamp(14px, 1.8vw, 20px);
  color: #fff;
}
.ara-t5-body.center { text-align: center; max-width: 720px; margin: 0 auto; }
.ara-t5-illu img { max-width: 100%; height: auto;}
.ara-t5-center { text-align: center; margin-bottom: 80px; }

/* ---- 6. SPACE ---- */
.ara-t5-space { background: var(--ara-bg); padding: 80px 0 90px; }
.ara-t5-space-lead {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(17px, 2.8vw, 36px);
  color: var(--ara-navy);
  text-align: center;
  margin: 0 0 18px;
}
.ara-t5-space-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(28px, 3.7vw, 40px);
  color: var(--ara-accent);
  text-align: center;
  margin: 0 0 40px;
}
.ara-t5-space-grid {
  width: 85%;
  margin: 0px auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(60px, 17.6vw, 338px);
  align-items: start;
  margin-bottom: 70px;
}
.ara-t5-space-item { text-align: center; }
.ara-t5-space-img { margin-bottom: 22px; }
.ara-t5-space-img img { max-width: 100%; height: auto; }
.ara-t5-space-label {
  font-size: clamp(14px, 1.8vw, 20px);
}
.ara-t5-space-stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  text-align: center;
}
.ara-t5-space-num {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(28px, 3.9vw, 42px);
  color: var(--ara-navy);
  margin-bottom: 10px;
  border-bottom: 1px solid #67696b;
}
.ara-t5-space-desc {
  font-size: clamp(13px, 1.8vw, 18px);
  max-width: 200px;
  margin: 0 auto;
}

/* ---- 7. SAFETY ---- */

.ara-t5-safety-sub {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(14px, 1.8vw, 20px);
  text-align: center;
  margin: -30px 0 60px;
}
.ara-t5-safe-row {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: clamp(30px, 4.3vw, 83px);
  align-items: center;
  padding: 46px 0;
  border-top: 2px solid #57585b;
}

.ara-t5-safe-img img { max-width: 88%; height: auto; }
.ara-t5-safe-text {
  font-family: var(--ara-font-body);
  font-size: clamp(14px, 1.9vw, 20px);
  line-height: 1.6;
  color: #000;
  margin: 0;
}

/* ---- 8. EFFICIENCY ---- */
.ara-t5-effic { background: var(--ara-ink); padding: 90px 0 0; }
.ara-t5-effic-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(24px, 3.2vw, 35px);
  color: var(--ara-sky);
  text-align: center;
  margin: 0 0 16px;
}
.ara-t5-effic-sub {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(16px, 2.1vw, 23px);
  color: #fff;
  text-align: center;
  margin: 0 0 50px;
}
.ara-t5-effic-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(50px, 4vw, 100px) clamp(60px, 4vw, 100px);
  width:50%;
  margin: 0 auto 3.0rem;
}

.ara-t5-effic-num {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(20px, 2.85vw,34px);
  color: var(--ara-sky);
  margin-bottom: 8px;
}
.ara-t5-effic-desc {
  font-family: var(--ara-font-body);
  font-size: clamp(14px, 1.9vw, 20px);
  color: #fff;
}
.ara-t5-effic-img { text-align: center; }
.ara-t5-effic-img img { max-width: 100%; height: auto; }

/* ---- 9. PRODUCTS ---- */
.ara-t5-products { background: var(--ara-ink); padding: 3.0rem 0 0px; }
.ara-t5-products-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(24px, 3.2vw, 35px);
  color: var(--ara-accent);
  text-align: center;
  margin: 0 0 40px;
}
.ara-t5-products-img { width: 85%;text-align: center; margin: 0px auto 3.0rem; }
.ara-t5-products-img img { max-width: 100%; height: auto; }
.ara-t5-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(50px, 4vw, 100px) clamp(60px, 4vw, 100px);
}
.ara-t5-product { text-align: center; }
.ara-t5-product-name {
  font-family: var(--ara-font-head);
  font-weight: 700;
  font-size: clamp(22px, 3.2vw, 35px);
  color: var(--ara-sky);
  margin: 0 0 8px;
}
.ara-t5-product-buy {
  font-family: var(--ara-font-head);
  font-size: clamp(14px, 1.9vw, 20px);
  color: #fff;
  margin: 0 0 14px;
}
.ara-t5-product-link {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(11px, 1.5vw, 14px);
  color: #fff;
  background: var(--ara-sky);
  border-radius: 50px;
  padding: 10px 28px;
  text-decoration: none;
}
.ara-t5-product-link:hover { opacity: 0.88; color: #fff; text-decoration: none; }

/* ---- 响应式 ---- */
@media (max-width: 1080px) {
  .ara-t5-metrics-grid,
  .ara-t5-cards,
  .ara-t5-row,
  .ara-t5-space-grid,
  .ara-t5-effic-grid,
  .ara-t5-products-grid { gap: 40px; width: 100%; }
  .ara-t5-analogy-grid { grid-template-columns: 1fr; gap: 20px; }
  .ara-t5-analogy-img { flex: 0 0 10%;}
 
  .ara-t5-safe-row { grid-template-columns: 1fr; gap: 30px; }
  .ara-t5-hero { padding-top: 90px; }
  .ara-t5-effic { padding-top: 70px; }
}
@media (max-width: 767px) {
  .ara-t5-hero { padding: 70px 0 30px; }
  .ara-t5-metrics { padding: 50px 0 60px; }
  .ara-t5-understand { padding: 60px 0 70px; }
  .ara-t5-space { padding: 60px 0 70px; }
  .ara-t5-qa-content { padding-bottom: 60px; }
  .ara-t5-products { padding-bottom: 70px; }
}


/* =========================================================
   ARA Tech - R&D（研发页）
   设计稿第 6 页 1:1 复刻（1024.5 x 2064.8 pt，整页深色）
   ========================================================= */

/* ---- 1. HERO ---- */
.ara-t6-hero-title {
  font-family: var(--ara-font-head);
  font-weight: 700;
  font-size: clamp(34px, 5.4vw, 58px);
  line-height: 1.15;
  color: #fff !important;
  margin: 0 0 18px;
}
.ara-t6-hero-sub {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(16px, 2.1vw, 23px);
  color: var(--ara-sky);
  margin: 0 0 36px;
}
.ara-t6-hero-desc,.ara-t7-hero-desc {
  font-size: clamp(14px, 2.05vw, 22px);
  color: #fff;
  text-align: center;
  max-width: 80%;
  margin: 0 auto 3.5rem;
}
.ara-t6-hero-grid {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: clamp(30px, 3.4vw, 65px);
  align-items: center;
}
.ara-t6-hero-img img {
  width: 100%;
  height: auto;
  display: block;
}
.fit-list{
  margin: 3.0rem auto;
  max-width: 500px;
}
.ara-t6-hero-list li,.fit-list ul li {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  font-family: var(--ara-font-body);
  font-size: clamp(15px, 1.5vw, 20px);
  line-height: 1.4;
  color: #fff;
  margin-bottom: 1.5rem;
}
.ara-t6-hero-list li:last-child { margin-bottom: 0; }
.ara-t6-hero-list li::before,.fit-list ul li::before {
  content: '';
  flex: 0 0 auto;
  width: clamp(20px, 1.5vw, 40px);
  height: clamp(20px, 1.5vw, 40px);
  background: url('../images/xing.png') no-repeat left 0 / 100% 100%;

}

/* ---- 2. INNOVATION ---- */
.ara-t6-innovation {
  background: var(--ara-ink);
  color: #fff;
  padding: 2.0rem 0 5.0rem;
}
.ara-t6-sec-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(24px, 3.2vw, 35px);
  color: var(--ara-sky);
  text-align: center;
  margin: 0 0 1.5rem;
}
.ara-t6-lead {
  font-family: var(--ara-font-body);
  font-size: clamp(14px, 1.9vw, 20px);
  line-height: 1.6;
  color: #fff;
  text-align: center;
  max-width: 80%;
  margin: 0 auto 3.5rem;
}
.ara-t6-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(20px, 2vw, 38px);
  margin: 0 auto;
  align-items: start;
}
.ara-t6-card {
  padding: clamp(28px, 2.8vw, 54px) clamp(26px, 2.6vw, 50px);
}
.ara-t6-card.dark { background: #334e8c; }
.ara-t6-card.light { background: var(--ara-sky); }
.ara-t6-card.offset { margin-top: clamp(30px, 4.6vw, 88px); }
.ara-t6-card-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(14px, 1.75vw, 18px);
  text-align: center;
  line-height: 1.3;
  margin: 0 0 18px;
}
.ara-t6-card-title.sky { color: var(--ara-sky) !important; }
.ara-t6-card-title.navy { color: var(--ara-navy) !important; }
.ara-t6-card-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ara-t6-card-list li {
  position: relative;
  padding-left: 18px;
  font-family: var(--ara-font-body);
  font-size: clamp(12px, 1.5vw, 16px);
  line-height: 1.45;
  color: #fff;
  margin-bottom: 10px;
}
.ara-t6-card-list li::before {
  content: '·';
  position: absolute;
  left: 0;
  font-weight: 700;
}

/* ---- 3. CTA ---- */
.ara-t6-cta {
  background: var(--ara-ink);
  color: #fff;
  padding: 3.0rem 0;
}
.ara-t6-cta-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(17px, 2.15vw, 23px);
  color: var(--ara-sky);
  margin: 0 0 16px;
}
.ara-t6-cta-text {
  font-size: clamp(14px, 1.9vw, 20px);
  color: #fff;
  margin: 0 0 1.5rem;
}
.ara-t6-cta-btn {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(12px, 1.3vw, 14px);
  color: #fff;
  background: var(--ara-sky);
  border-radius: 50px;
  padding: 1.0rem 2.5rem;
  text-decoration: none;
}
.ara-t6-cta-btn:hover { opacity: 0.88; color: #fff; text-decoration: none; }

/* ---- 响应式 ---- */
@media (max-width: 1080px) {
  .ara-t6-hero { padding-top: 90px; }
  .ara-t6-hero-desc { max-width: 100%; }
  .ara-t6-cards { grid-template-columns: repeat(2, 1fr); max-width: 100%; }
  .ara-t6-card.offset { margin-top: 0; }
  .ara-t6-lead { max-width: 100%; }
}
@media (max-width: 767px) {
  .ara-t6-hero { padding: 70px 0 70px; }
  .ara-t6-innovation { padding-bottom: 80px; }
  .ara-t6-cta { padding-bottom: 80px; }
}


/* =========================================================
   ARA Tech - Mfg & Testing（生产与测试页）
   设计稿第 7 页 1:1 复刻（1024.5 x 3043.5 pt）
   ========================================================= */

/* ---- 1. HERO ---- */
.ara-t7-hero-title {
  font-family: var(--ara-font-head);
  font-weight: 700;
  font-size: clamp(34px, 5.4vw, 58px);
  line-height: 1.15;
  color: #fff !important;
  margin: 0 0 18px;
}
.ara-t7-hero-sub {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(16px, 2.1vw, 23px);
  color: var(--ara-sky);
  margin: 0 0 36px;
}

.ara-t7-hero-img {
  max-width: 45%;
  margin: 0 auto 70px;
}
.ara-t7-hero-img img {
  width: 100%;
  height: auto;
  display: block;
}
.ara-t7-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px, 6vw, 96px);
  margin: 0 0 3.0rem;
}
.ara-t7-feature { position: relative; }
.ara-t7-feature-dot {
  display: inline-block;
  width: clamp(16px, 1.8vw, 27px);
  height: clamp(16px, 1.8vw, 27px);
  background: url(../images/xing.png) no-repeat left 0 / 100% 100%;
}
.ara-t7-feature-title {
  font-family: var(--ara-font-sub);
  text-align: center;
  font-weight: 700;
  font-size: clamp(16px, 2.1vw, 23px);
  color: var(--ara-sky);
  margin: 0 0 12px;
  display: flex;
  justify-content: center;
}
.ara-t7-feature-text {
  font-size: clamp(14px, 1.9vw, 20px);
  line-height: 1.5;
  color: #fff;
  margin: 0;
}
.ara-t7-subject {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(16px, 2.1vw, 23px);
  color: var(--ara-accent);
  margin: 0 0 30px;
}
.ara-t7-controls {
  width: 70%;
  margin: 0px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;  
  flex-wrap: wrap;
}
.ara-t7-controls li {
  position: relative;
  padding-left: clamp(40px, 1.6vw, 70px);
  font-family: var(--ara-font-body);
  font-size: clamp(14px, 1.9vw, 20px);
  line-height: 1.5;
  color: #fff;
}
.ara-t7-controls li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 0;
  width: clamp(28px, 1.0vw, 30px);
  color: var(--ara-accent);
  font-size: 2.0rem;
  border-radius: 5px;
}

/* ---- 2. FAST TRACK ---- */
.ara-t7-track {
  background: var(--ara-ink);
  color: #fff;
  padding: 20px 0 110px;
}
.ara-t7-track-grid {
  display: grid;
  grid-template-columns: 45% 1fr;
  gap: clamp(40px, 10vw, 120px);
  align-items: center;
}
.ara-t7-track-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(24px, 3.2vw, 35px);
  color: var(--ara-sky);
  margin: 0 0 24px;
}
.ara-t7-track-text {
  font-size: clamp(14px, 1.8vw, 20px);
  line-height: 1.55;
  color: #fff;
  margin: 0 0 14px;
}
.ara-t7-track-img {
  margin-top: 3.5rem;
}
.ara-t7-track-img img {
  width: 100%;
  height: auto;
  display: block;
}
.ara-t7-track-right .ara-t7-track-title { margin-top: 34px; }
.ara-t7-track-right .ara-t7-track-img { margin-top: 0; }
.ara-t7-track-accent {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(17px, 2.3vw, 25px);
  color: var(--ara-accent);
  margin: 22px 0 0;
}

/* ---- 3. PERFECTION ---- */
.ara-t7-perfection {
  background: var(--ara-bg);
  color: #000;
  padding: 60px 0 120px;
}
.ara-t7-perf-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(24px, 3.2vw, 35px);
  color: var(--ara-navy);
}
.ara-t7-perf-lead {
  font-size: clamp(14px, 1.9vw, 20px);
  margin: 0 0 3.5rem;
}
.ara-t7-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(20px, 2vw, 38px);
  max-width: 86%;
  margin: 0 auto;
  align-items: start;
}
.ara-t7-card {
  border-radius: 16px;
  padding: clamp(28px, 2.8vw, 54px) clamp(26px, 2.6vw, 50px);
}
.ara-t7-card.dark { background: #334e8c; }
.ara-t7-card.light { background: var(--ara-sky); }
.ara-t7-card.offset { margin-top: clamp(28px, 3.7vw, 71px); }
.ara-t7-card-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(13px, 1.7vw, 18px);
  line-height: 1.3;
  margin: 0 0 18px;
}
.ara-t7-card-title.sky { color: var(--ara-sky) !important; }
.ara-t7-card-title.navy { color: var(--ara-navy) !important; }
.ara-t7-card-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ara-t7-card-list li {
  position: relative;
  padding-left: 18px;
  font-family: var(--ara-font-body);
  font-size: clamp(12px, 1.5vw, 16px);
  line-height: 1.45;
  color: #fff;
  margin-bottom: 10px;
}
.ara-t7-card-list li::before {
  content: '·';
  position: absolute;
  left: 0;
  font-weight: 700;
}

/* ---- 4. CTA ---- */
.ara-t7-cta {
  background: var(--ara-ink);
  color: #fff;
  padding: 60px 0 120px;
}
.ara-t7-cta-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(17px, 2.15vw, 23px);
  color: var(--ara-sky);
  margin: 0 0 16px;
}
.ara-t7-cta-text {
  font-family: var(--ara-font-body);
  font-size: clamp(14px, 1.9vw, 20px);
  color: #fff;
  margin: 0 0 28px;
}
.ara-t7-cta-btn {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(11px, 1.3vw, 14px);
  color: #fff;
  background: var(--ara-sky);
  border-radius: 50px;
  padding: 12px 26px;
  text-decoration: none;
}
.ara-t7-cta-btn:hover { opacity: 0.88; color: #fff; text-decoration: none; }

/* ---- 响应式 ---- */
@media (max-width: 1080px) {
  .ara-t7-hero { padding-top: 90px; }
  .ara-t7-hero-desc { max-width: 100%; }
  .ara-t7-hero-img { max-width: 100%; }
  .ara-t7-features { grid-template-columns: repeat(2, 1fr); max-width: 100%; }
  .ara-t7-cards { grid-template-columns: 1fr; max-width: 100%; }
  .ara-t7-card.offset { margin-top: 0; }
  .ara-t7-perf-lead { max-width: 100%; }
  .ara-t7-controls { width: 100%; gap: 15px; }
  .ara-t7-controls li { padding-left: 42px; }
}
@media (max-width: 767px) {
  .ara-t7-hero { padding: 70px 0 70px; }
  .ara-t7-track { padding-bottom: 80px; }
  .ara-t7-perfection { padding-bottom: 80px; }
  .ara-t7-cta { padding-bottom: 80px; }
}



/* =========================================================
   ARA Tech - Co-Innovation & Case Studies（合作页）
   设计稿第 8 页 1:1 复刻（1024.5 x 1197 pt，整页深色）
   字号按设计稿 pt x 1.874 放大（1920px 基准）
   ========================================================= */
html { overflow-x: hidden; }
/* body 用 clip 而非 hidden：clip 不创建滚动容器，保证 .ara-header 的 position: sticky 生效 */
body { overflow-x: clip; }

/* ---- 1. HERO ---- */
.ara-t8-hero {
  position: relative;
  background: var(--ara-ink);
  color: #fff;
  padding: 5.0rem 0 1.0rem;
}
.ara-t8-hero-title {
  font-family: var(--ara-font-head);
  font-weight: 700;
  font-size: clamp(20px, 2.4vw, 35px);
  line-height: 1.15;
  color: #fff !important;
  text-align: center;
  margin: 0 0 22px;
}
.ara-t8-hero-sub {
  font-size: clamp(14px, 1.8vw, 20px);
  color: #fff;
  text-align: center;
  max-width: 80%;
  margin: 0 auto 3.5rem;
}

.ara-t8-hero-img-big img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 1.5rem; 
}

.ara-t8-entries {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(20px, 3vw, 38px);
  margin: 0 auto;
  align-items: start;
}

.ara-t8-entry { margin-bottom: 90px; }
.ara-t8-entry:last-child { margin-bottom: 0; }
.ara-t8-entry-title {
  font-family: var(--ara-font-sub);
  font-weight: 700;
  font-size: clamp(16px, 2.05vw, 23px);
  color: var(--ara-sky);
  margin: 0 0 16px;
}
.ara-t8-entry-text {
  font-size: clamp(14px, 1.9vw, 20px);
}
/* ---- 响应式 ---- */
@media (max-width: 1080px) {
  .ara-t8-hero { padding-top: 90px; }
  .ara-t8-hero-sub { max-width: 100%; }
  .ara-t8-hero-img-big { position: static; width: 100%; margin: 0 0 30px; }
  .ara-t8-hero-img-sm { position: static; width: 100%; margin: 0 0 30px; }
  .ara-t8-entries { width: 100%; }
}
@media (max-width: 767px) {
  .ara-t8-hero { padding: 70px 0 70px; }
  .ara-t8-cta { padding-bottom: 80px; }
}


/* CDU 产品页：13 In-Rack / 14 In-Row / 15 In-Room */
.ara-cdu-img{background: var(--ara-ink);}
.ara-cdu-p-hero { background: var(--ara-ink); padding: 180px 0 8px; }
.ara-cdu-p-eyebrow { font-family: var(--ara-font-head); font-weight: 700; font-size: 43px; color: #fff; margin: 0;  }
.ara-cdu-p-title { font-family: var(--ara-font-head); font-weight: 700; font-size: 109px; color: #fff; margin: 113px 0 0;}
.ara-cdu-p-sub { font-family: var(--ara-font-head); font-weight: 700; font-size: 47px; color: #fff; margin: 43px 0 0; }

/* ---- Intro 图区 ---- */
.ara-cdu-p-intro { position: relative; background: var(--ara-ink); padding: 3.0rem 0; }
.ara-cdu-p-intro-line { position: absolute; top: 0; left: 0; width: 100%; }
.ara-cdu-p-intro-line img { display: block; width: 87.6%; height: 62px; object-fit: cover; margin: 0 auto; }
.ara-cdu-p-intro-grid { display: flex; align-items: center;justify-content: space-between;}

.ara-cdu-p-intro-text{width: 42%;}
.ara-cdu-p-intro-img{ width: 55%;}

.ara-cdu-p-h2 { font-family: var(--ara-font-sub); font-weight: 700; font-size: 66px; color: var(--ara-sky); margin: 0 0 1.5rem;}
.ara-cdu-p-h3 { font-family: var(--ara-font-sub); font-weight: 700; font-size: 56px; color: var(--ara-sky); margin: 0 0 1.5rem;}
.ara-cdu-p-body {font-size: clamp(13px, 1.9vw, 20px); color: #fff; }
.ara-cdu-p-body p{margin: 0 0 1.5rem;}

/* ---- T15 卖点（fit your needs） ---- */
.ara-cdu-fit-title { font-family: var(--ara-font-sub); font-weight: 700; font-size: clamp(20px, 2.4vw, 35px); color: var(--ara-accent); margin:clamp(20px, 1.5vw, 40px) 0; }

/* ---- Features 特性区 ---- */
.ara-cdu-p-features { position: relative; background: var(--ara-ink); overflow: hidden; padding: 206px 0 37px; }
.ara-cdu-p-features-bg { position: absolute; z-index: 0; }
.ara-cdu-p-features-bg img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ara-cdu-p-features-bg { top: 251px; left: 300px; width: 1112px; height: 624px; }
.ara-cdu-p-features-bg-wide { top: 240px; left: -90px; width: 2430px; height: 1366px; }
.ara-cdu-p-features-bg-right { top: 260px; left: auto; right: -20px; width: 1066px; height: 1066px; }

.ara-cdu-p-feat-grid { width: 78%; position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap:50px; align-items: start; margin: 0 auto; }
.ara-cdu-p-feat-grid-one { grid-template-columns: 1fr; gap: 30px 0; width: 100%;}
.ara-cdu-p-feat-name { font-family: var(--ara-font-sub); font-weight: 700; font-size: clamp(15px, 1.4vw, 18px); color: var(--ara-sky); margin: 0 0 10px; }
.ara-cdu-p-feat{  font-weight: 400;  font-size: clamp(15px, 1.4vw, 18px); color: #fff; line-height: 1.36; margin: 0; }

/* T13 背景图上的 4 个浅蓝方块装饰（按设计稿坐标） */
.ara-cdu-p-feat-dots { position: absolute; z-index: 0; top: 251px; left: 300px; width: 1112px; height: 624px; pointer-events: none; }
.ara-cdu-p-feat-dots i { position: absolute; display: block; width: 67px; height: 67px; background: #80c2d6; border-radius: 8px; }
.ara-cdu-p-feat-dots .d1 { left: 144px; top: 82px; }
.ara-cdu-p-feat-dots .d2 { left: 555px; top: 129px; }
.ara-cdu-p-feat-dots .d3 { left: 424px; top: 313px; }
.ara-cdu-p-feat-dots .d4 { left: 838px; top: 450px; }

/* ---- Product Zone（T13/T14） ---- */

.ara-cdu-p-zone-text {  font-weight: 400; font-size: clamp(14px, 1.4vw, 20px); color: #fff; margin: 0 0 30px; line-height: 1.2; }

/* ---- CTA ---- */
.ara-cdu-p-cta { position: relative; background: var(--ara-ink); overflow: hidden; text-align: center; color: #fff;}
.ara-cdu-p-cta-bg { position: absolute; z-index: 0; inset: 0 0 0 0; }
.ara-cdu-p-cta-bg img { position: absolute; display: block; }
.ara-cdu-p-cta-bg .bg-wide { left: 0; bottom: 0; width: 100%; height: 1282px; object-fit: cover; }
.ara-cdu-p-cta-bg .bg-l { left: 54px; bottom: 0; width: 911px; height: 1368px; object-fit: cover; }
.ara-cdu-p-cta-bg .bg-r { left: 965px; bottom: 0; width: 900px; height: 1349px; object-fit: cover; }
.ara-cdu-p-cta-bg .bg-w15 { left: 13px; bottom: 0; width: 1775px; height: 1177px; object-fit: cover; }
.ara-cdu-p-cta-bg .bg-r15 { left: 742px; bottom: 84px; width: 1436px; height: 960px; object-fit: cover; }
.ara-cdu-p-cta-accent { color: var(--ara-accent); text-align: center; margin: 0 0 10px; }

.ara-cdu-p-cta-text { font-size: clamp(14px, 1.4vw, 20px); color: #fff; text-align: center; margin: 0 auto 1.5rem; max-width: 750px; }
.ara-cdu-p-cta-btn { display: block; width: 300px; text-align: center; margin: 0 auto; background: #80c2d6; color: #fff; }
.ara-cdu-p-cta-btn:hover { background: #6fb4ca; color: #fff; }


@media (max-width: 1080px) {
  .ara-cdu-p-hero { padding-top: 90px; }
  .ara-cdu-p-title { font-size: 52px; }
  .ara-cdu-p-sub { font-size: 30px; }
  .ara-cdu-p-zone-left, .ara-cdu-p-zone-right { position: static; width: 100%; }
  .ara-cdu-p-metrics { grid-template-columns: 1fr; }
  .ara-cdu-p-cta-btn { width: 300px; }
}


/* ================================================================
   CDU 产品页 T14/T15 差异（按设计稿绝对坐标，1920 基准）
   ================================================================ */
.ara-cdu-p-h2-center { text-align: center; }

/* ---- T14 In-Row ---- */
.ara-cdu-p-intro.t14i { padding: 192px 0 168px; }
.ara-cdu-p-intro-grid.t14g { grid-template-columns: 641px 1171px; }
.ara-cdu-p-intro-grid.t14g .ara-cdu-p-body { margin-left: 39px; max-width: 583px; }
.ara-cdu-p-intro-grid.t14g .ara-cdu-p-intro-img { padding-top: 0; }
.ara-cdu-p-intro-grid.t14g + .ara-cdu-p-metrics { margin-top: 486px; }

.ara-cdu-p-features.t14f { padding: 183px 0 24px; }
.ara-cdu-p-features.t14f .ara-cdu-p-features-bg-wide { top: 92px; left: -90px; width: 2430px; height: 1366px; }
.ara-cdu-p-features.t14f .ara-cdu-p-feat-grid-one { margin-top: 77px; }
.ara-cdu-p-features.t14f .ara-cdu-p-feat:first-child { max-width: 700px; }
.ara-cdu-p-features.t14f .ara-cdu-p-feat { max-width: 543px; }
.ara-cdu-p-features.t14f .ara-cdu-p-feat-name,
.ara-cdu-p-features.t15z .ara-cdu-p-feat-name { margin-bottom: 44px; line-height: 0.64; }

.ara-cdu-p-zone.t14z { padding: 0; min-height: 1185px; }
.ara-cdu-p-zone.t14z .ara-cdu-p-zone-left { width: auto; height: 1185px; position: static; }
.ara-cdu-p-zone.t14z .ara-cdu-p-zone-title { position: absolute; top: 228px; left: 117px; margin: 0; }
.ara-cdu-p-zone.t14z .ara-cdu-p-zone-img { position: absolute; top: 258px; left: -166px; width: 1373px; margin: 0; }
.ara-cdu-p-zone.t14z .ara-cdu-p-zone-logo { position: absolute; top: 983px; left: 165px; width: 852px; margin: 0; }
.ara-cdu-p-zone.t14z .ara-cdu-p-zone-right { position: absolute; top: 283px; left: 1238px; right: auto; width: 568px; }
.ara-cdu-p-zone.t14z .ara-cdu-p-zone-accent { margin-bottom: 141px; }
.ara-cdu-p-zone.t14z .ara-cdu-p-zone-text { margin-bottom: 90px; }

.ara-cdu-p-cta.t14c { padding: 229px 0 0; min-height: 1838px; }
.ara-cdu-p-cta.t14c .bg-l { position: absolute; top: 243px; left: 55px; width: 911px; height: 1369px; }
.ara-cdu-p-cta.t14c .bg-r { position: absolute; top: 489px; left: 966px; width: 899px; height: 1349px; }

/* ---- T15 In-Room ---- */
.ara-cdu-p-intro.t15i { padding: 173px 0 0; }
.ara-cdu-p-intro-line { top: 0; left: 0; width: 100%; }
.ara-cdu-p-intro-line img { width: 87.5%; height: 55px; }
.ara-cdu-p-intro-grid.t15g { grid-template-columns: 676px 793px; gap: 0 38px; }
.ara-cdu-p-intro-grid.t15g .ara-cdu-p-h3 { margin: 156px 0 0; }
.ara-cdu-p-intro-grid.t15g .ara-cdu-p-body { margin: 64px 0 0 101px; max-width: 545px; }
.ara-cdu-p-intro-grid.t15g .ara-cdu-p-intro-img { padding-top: 35px; }
.ara-cdu-p-intro-grid.t15g + .ara-cdu-p-metrics { margin-top: 173px; }
.ara-cdu-p-metrics + .ara-cdu-p-fit-title { margin-top: 115px; }

.ara-cdu-p-features.t15z { padding: 238px 0 30px; }
.ara-cdu-p-features.t15z .ara-cdu-p-features-bg-right { top: 284px; right: -20px; width: 1066px; height: 1066px; }
.ara-cdu-p-features.t15z .ara-cdu-p-feat-grid-one { margin-top: 29px; }
.ara-cdu-p-features.t15z .ara-cdu-p-feat:first-child { max-width: 700px; }
.ara-cdu-p-features.t15z .ara-cdu-p-feat { max-width: 543px; }

.ara-cdu-p-cta.t15c { padding: 122px 0 0; min-height: 1614px; }
.ara-cdu-p-cta.t15c .bg-w15 { position: absolute; top: 436px; left: 12px; width: 1776px; height: 1178px; }
.ara-cdu-p-cta.t15c .bg-r15 { position: absolute; top: 569px; left: 741px; width: 1437px; height: 960px; }



/* ---- T14/T15 CTA 内部间距（设计稿 y: accent 5518 / title 5607 / text 5701 / btn 5854）---- */
.ara-cdu-p-cta.t14c .ara-cdu-p-cta-title,
.ara-cdu-p-cta.t15c .ara-cdu-p-cta-title { margin-top: 16px; }
.ara-cdu-p-cta.t14c .ara-cdu-p-cta-text,
.ara-cdu-p-cta.t15c .ara-cdu-p-cta-text { margin-top: 21px; }
.ara-cdu-p-cta.t14c .ara-cdu-p-cta-btn,
.ara-cdu-p-cta.t15c .ara-cdu-p-cta-btn { margin-top: 60px; }

.ara-cdu-p-features.t15z .ara-cdu-p-feat-name { line-height: 1.2; margin-bottom: 5px; }
.ara-cdu-p-features.t15z .ara-cdu-p-feat{ line-height: 41px; }

.ara-cdu-p-features.t15z .ara-cdu-p-feat-grid-one { gap: 36px; }


/* ---- ANALOGY 移动端：图文字上下堆叠居中 ---- */
@media (max-width: 767px) {
  .ara-cdu-p-feat-grid{width: 100%;}
  .ara-t5-analogy-item { flex-direction: column; text-align: center; }
  .ara-t5-analogy-text { text-align: center; }
}

/* ================================================================
   CDU 详情页 T13 (In-Rack) / T14 (In-Row) / T15 (In-Room)
   窄屏全面重排：覆盖上方 1280/900px 断点未触及的固定像素布局
   （intro 固定列宽、zone 绝对定位、背景大图、CTA 巨型留白）
   ================================================================ */

  /* hero */
  .ara-cdu-p-hero { padding: 100px 0 30px; }
  .ara-cdu-p-eyebrow { font-size: 20px; }
  .ara-cdu-p-title { font-size: 38px; margin: 34px 0 0; }
  .ara-cdu-p-sub { font-size: 20px; margin: 18px 0 0; }

  /* intro：固定列宽 → 左右两列（文字 | 画廊），正文边距清零 */

  .ara-cdu-p-h3 { font-size: 26px; margin: 0 0 18px !important; }
 
  .ara-cdu-p-intro-line img { width: 100%; height: auto; }

  .ara-cdu-p-metrics { margin: 5rem 0px; color: #fff; font-size: clamp(13px, 1.9vw, 20px); text-align: center; }
  .ara-cdu-p-metrics strong { font-family: var(--ara-font-sub); font-weight: 700; font-size: clamp(16px, 1.85vw, 30px); color: #b65035; display: block; margin-top: 1.0rem;}

  /* features：装饰背景隐藏，特性单列 */
  .ara-cdu-p-features,
  .ara-cdu-p-features.t14f,
  .ara-cdu-p-features.t15z { padding: 56px 0 36px !important; }
  .ara-cdu-p-features-bg,
  .ara-cdu-p-features-bg-wide,
  .ara-cdu-p-features-bg-right,
  .ara-cdu-p-feat-dots { display: none !important; }


  /* zone：绝对定位全部静态化、图片 100% */
  .ara-cdu-p-zone,
  .ara-cdu-p-zone.t14z { position: static !important; min-height: 0 !important; padding: 48px 0 56px !important; }
  .ara-cdu-p-zone-left,
  .ara-cdu-p-zone.t14z .ara-cdu-p-zone-left { position: static !important; width: 100% !important; height: auto !important; }
  .ara-cdu-p-zone-title,
  .ara-cdu-p-zone.t14z .ara-cdu-p-zone-title { position: static !important; top: auto !important; left: auto !important; margin: 0 0 22px !important; font-size: 24px; }
  .ara-cdu-p-zone-img,
  .ara-cdu-p-zone.t14z .ara-cdu-p-zone-img { position: static !important; top: auto !important; left: auto !important; width: 100% !important; margin: 0 0 18px !important; }
  .ara-cdu-p-zone-logo,
  .ara-cdu-p-zone.t14z .ara-cdu-p-zone-logo { position: static !important; top: auto !important; left: auto !important; width: 72% !important; margin: 0 0 26px !important; }
  .ara-cdu-p-zone-right,
  .ara-cdu-p-zone.t14z .ara-cdu-p-zone-right { position: static !important; top: auto !important; right: auto !important; left: auto !important; width: 100% !important; }
  .ara-cdu-p-zone-accent { font-size: 24px; margin-bottom: 18px !important; }

@media (max-width: 767px) {
  .ara-cdu-p-title { font-size: 30px; }
  .ara-cdu-p-eyebrow { font-size: 17px; }  
  .ara-cdu-p-h2,
  .ara-cdu-p-h2-center,
  .ara-cdu-p-h3,  
  .ara-cdu-p-zone-title,
  .ara-cdu-p-zone-accent,
  .ara-cdu-p-cta-accent,
  .ara-cdu-p-cta-title { font-size: 21px; }
  .ara-cdu-p-body,
  .ara-cdu-p-feat-text,
  .ara-cdu-p-zone-text,
  .ara-cdu-p-cta-text { font-size: 14.5px; }
}

/* intro 两列布局：仅移动端（<768px）切回单列堆叠 */
@media (max-width: 767px) {
  .ara-cdu-p-intro-grid{flex-wrap: wrap;}
  /* 画廊内容允许收缩：防止缩略图条/大图的最小内容宽度撑破单列布局 */
  .ara-cdu-p-intro-grid > *,
  .ara-cdu-p-intro-img,
  .ara-cdu-p-intro-img > *,
  .ara-cdu-p-gallery,
  .ara-cdu-p-gallery-nav,
  .ara-cdu-p-thumbs { min-width: 0; max-width: 100%; }
  .ara-cdu-p-gallery .swiper-slide img,
  .ara-cdu-p-thumbs .swiper-slide img { min-width: 0; max-width: 100%; }
  .ara-cdu-p-intro-text,.ara-cdu-p-intro-img{ width: 100%;}
}

/* intro 两列：桌面/平板（>767px）左右布局；flip 块（标题含 4-6U）图左文右 */
@media (min-width: 768px) {
  .ara-cdu-p-intro-grid.flip .ara-cdu-p-intro-img { order: 1; }
  .ara-cdu-p-intro-grid.flip .ara-cdu-p-intro-text { order: 2;}
}

/* ============================================================
   1360px 及以上视口锁定为最大屏幕（1920px 设计基准）：
   ============================================================ */
@media (min-width: 1360px) {
  .ara-t5-metrics-grid { gap: 76.8px; }
  .ara-t5-analogy-grid { gap: 66px; }
  .ara-t5-space-grid { gap: 337.92px; }
  .ara-t5-safe-row { gap: 82.56px; }
  .ara-t5-effic-grid { gap: 76.8px; }
  .ara-t5-products-grid { gap: 76.8px; }
  .ara-t6-cards { gap: 38px; }
  .ara-t6-card { padding: 53.76px 49.92px; }
  .ara-t6-card.offset { margin-top: 88px; }
  .ara-t7-features { gap: 96px; }
  .ara-t7-feature-dot { width: 27px; height: 27px; }
  .ara-t7-cards { gap: 38px; }
  .ara-t7-card { padding: 53.76px 49.92px; }
  .ara-t7-card.offset { margin-top: 71px; }
  .ara-t8-entries { gap: 38px; }
}