/* ============================================================================
   首页「主标题带 / 工厂能力速览 / 常见问题」样式（2026-10-29 · SEO-GEO 整改）
   ----------------------------------------------------------------------------
   为什么单独一个文件：
     原首页样式散在 ps-pc-index-ms-c-home.css（17KB，K31 深蓝版）与 body 末尾两段
     link 里。本轮新增的三块是「内容语义改造」而非换肤，独立成文件后可以整段回退
     （删掉 head 里那一行 link 即可），不会碰到既有版式。

   设计口径（与站内既有分节完全一致，不引入新语言）：
     底色   #1F4E79 系，只做同族深浅，不插浅色块
     文字   纯白 #FFFFFF 主信息，次要信息 #A8B8CC
     强调   #FF5C66 短线 / 圆点，#FFC9CE 次级高亮
     圆角   10px（与案例卡、表单卡一致）
     节奏   与 .ms-section-c 的 88px 上下留白对齐

   断点   ≤980 两列 → ≤720 单列；字号逐档递减，不靠缩放变换
   ========================================================================= */

/* ——— 一、主标题带（首屏轮播正下方） ———
   色带自上而下由深转透明，与轮播底部、数据条顶部自然衔接，不出现硬切边。 */
.ms-h1band{
  position:relative;
  padding:42px 0 38px;
  background:linear-gradient(180deg,rgba(14,46,80,.34) 0%,rgba(14,46,80,0) 100%);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ms-h1band-in{position:relative}

/* H1：全页唯一主标题。48px/900，行高 1.16 ——
   比 .ms-h2-c(40px) 大一级，形成「H1 > H2」的清晰层级，
   又不会像 60px 那样在 1280 视口里折成两行。 */
.ms-h1band-t{
  margin:0;
  font-size:48px;
  line-height:1.16;
  font-weight:900;
  color:#FFFFFF;
  letter-spacing:-.02em;
  text-wrap:balance;
}

/* 副文案：一句话交代「是谁 + 能做什么」，控制在 860px 内，超过 2 行即收 */
.ms-h1band-sub{
  margin:14px 0 0;
  max-width:860px;
  font-size:17px;
  line-height:1.82;
  color:#D5DFEA;
}

/* 卖点与按钮同排：宽屏左右分列，窄屏自动折行 */
.ms-h1band-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:18px 24px;
  margin-top:22px;
}

/* 卖点胶囊：4 条硬指标，前置 6px 品牌红圆点做视觉锚 */
.ms-h1band-pts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.ms-h1band-pts li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 15px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  font-size:14.5px;
  font-weight:700;
  color:#FFFFFF;
  white-space:nowrap;
}
.ms-h1band-pts li::before{
  content:"";
  flex:none;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#FF5C66;
}
.ms-h1band-cta{display:flex;flex-wrap:wrap;gap:12px}

/* ——— 二、工厂能力速览 ———
   4 列 ×2 行的网格线结构。用 border 画线而不是 gap+底色，
   这样不依赖父层背景色，日后换底色也不会露白缝。 */
.ms-facts-c-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0;
  border-top:1px solid rgba(255,255,255,.14);
  border-left:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  overflow:hidden;
}
.ms-facts-c-item{
  padding:24px 26px;
  border-right:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
  background:rgba(14,46,80,.22);
}
.ms-facts-c-item dt{
  margin:0;
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  color:#A8B8CC;
}
.ms-facts-c-item dd{
  margin:9px 0 0;
  font-size:21px;
  font-weight:800;
  line-height:1.32;
  color:#FFFFFF;
}

/* ——— 三、常见问题 ———
   两列卡片：6 条正好 3 行，视线不用来回跳。
   dt 前挂品牌红 Q 字做问答标识，不额外加图标文件。 */
.ms-faq-c-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:0;
}
.ms-faq-c-item{
  padding:24px 26px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:rgba(14,46,80,.26);
}
.ms-faq-c-item dt{
  position:relative;
  margin:0;
  padding-left:26px;
  font-size:17px;
  font-weight:800;
  line-height:1.5;
  color:#FFFFFF;
}
.ms-faq-c-item dt::before{
  content:"Q";
  position:absolute;
  left:0;
  top:1px;
  font-size:15px;
  font-weight:900;
  color:#FF5C66;
}
.ms-faq-c-item dd{
  margin:12px 0 0;
  padding-left:26px;
  font-size:14.8px;
  line-height:1.9;
  color:#D5DFEA;
}

/* 无脚本提示：只在 <noscript> 里出现，正常环境看不到 */
.ms-noscript-tip{
  margin:0;
  padding:12px 20px;
  font-size:14px;
  line-height:1.8;
  color:#FFFFFF;
  text-align:center;
}

/* ——— 四、响应式 ——— */
@media (max-width:1180px){
  .ms-h1band-t{font-size:42px}
  .ms-facts-c-item{padding:20px 20px}
  .ms-facts-c-item dd{font-size:19px}
}
@media (max-width:980px){
  .ms-h1band{padding:34px 0 30px}
  .ms-h1band-t{font-size:36px}
  .ms-h1band-sub{font-size:16px}
  .ms-facts-c-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ms-faq-c-list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .ms-h1band{padding:26px 0 24px}
  .ms-h1band-t{font-size:27px;line-height:1.28;letter-spacing:-.01em}
  .ms-h1band-sub{margin-top:10px;font-size:14.5px;line-height:1.78}
  .ms-h1band-foot{gap:14px;margin-top:16px}
  .ms-h1band-pts{gap:8px}
  .ms-h1band-pts li{padding:6px 12px;font-size:13px}
  .ms-h1band-cta{gap:10px;width:100%}
  .ms-h1band-cta .ms-cta{flex:1 1 auto;justify-content:center;height:46px;font-size:15px}
  .ms-facts-c-item{padding:16px 16px}
  .ms-facts-c-item dd{margin-top:6px;font-size:17px}
  .ms-faq-c-item{padding:18px 18px}
  .ms-faq-c-item dt{font-size:15.5px}
  .ms-faq-c-item dd{font-size:14px;line-height:1.85}
}