/* layout: SPLIT 50/50 hero + 2-col matrix — 选定主版,精修 */
.hero{ padding:0; }
.hero .grid-tex{ mask:radial-gradient(800px 600px at 25% 40%,#000,transparent 80%); }
.hero .inner{ grid-template-columns:1fr 1.05fr; gap:0; min-height:88vh; align-items:stretch; }
.hero-copy{ align-self:center; padding:48px 64px 48px 0; }
.hero-copy .ebrow{ margin-bottom:22px; }
.hero-mark{ font-size:clamp(56px,8vw,120px); margin:6px 0 16px; }
.hero-visual{ align-self:stretch; position:relative; }
.hero-visual .slot-main{ height:100%; width:100%; aspect-ratio:auto; min-height:560px; border-radius:0; }
.hero-visual .float{ z-index:3; }
.hero-visual .f1{ bottom:28px; left:28px; }
.hero-visual .f2{ top:28px; right:28px; }

/* stats: clean band under the split hero, with breathing room */
.hero .wrap{ padding-top:0; }
.hero .wrap .stats{ margin-top:64px; }
.hero{ padding-bottom:80px; }

/* 2-col business matrix with one full-width feature (icon left · text right) */
.matrix{ grid-template-columns:repeat(2,1fr); }
.matrix .bcard{ grid-column:auto !important; min-height:236px; }
.matrix .bcard.feat{ grid-column:span 2 !important; min-height:0;
  display:grid; grid-template-columns:96px 1fr; column-gap:34px; row-gap:4px; align-content:center; padding:34px 40px; }
.matrix .bcard.feat .bidx{ grid-column:1 / -1; grid-row:1; margin-bottom:16px; }
.matrix .bcard.feat .bill{ grid-column:1; grid-row:2 / 5; width:96px; height:96px; border-radius:24px; align-self:start; margin:0; }
.matrix .bcard.feat .bill svg{ width:48px; height:48px; }
.matrix .bcard.feat .ben{ grid-column:2; grid-row:2; margin:0; }
.matrix .bcard.feat .bcn{ grid-column:2; grid-row:3; font-size:30px; margin-top:4px; }
.matrix .bcard.feat .bdesc{ grid-column:2; grid-row:4; max-width:720px; font-size:15.5px; margin-top:12px; }
.matrix .bcard.feat .barrow{ top:28px; right:28px; }

@media(max-width:960px){
  .hero .inner{ grid-template-columns:1fr; min-height:auto; }
  .hero-copy{ padding:64px 0 8px; }
  .hero-visual .slot-main{ min-height:380px; }
  .hero{ padding-bottom:48px; }
  .matrix{ grid-template-columns:1fr; }
  .matrix .bcard.feat{ grid-template-columns:64px 1fr; column-gap:20px; padding:26px; }
  .matrix .bcard.feat .bill{ width:64px; height:64px; border-radius:16px; }
  .matrix .bcard.feat .bill svg{ width:32px; height:32px; }
  .matrix .bcard.feat .bcn{ font-size:24px; }
  .matrix .bcard.feat{ flex-direction:column; align-items:flex-start; gap:14px; }
}

/* ===== 手机适配:业务矩阵单列 + 精选大卡竖向堆叠(修挤坏问题) ===== */
@media(max-width:960px){
  .matrix{ grid-template-columns:1fr !important; }
  .matrix .bcard{ grid-column:auto !important; }
  .matrix .bcard.feat{ display:flex !important; flex-direction:column; align-items:flex-start; gap:12px; padding:28px; }
  .matrix .bcard.feat .bill{ margin:0; }
}
@media(max-width:760px){
  .matrix{ gap:14px; }
  .matrix .bcard{ padding:22px; }
  .matrix .bcard.feat{ padding:24px; }
  .matrix .bcard.feat .bill{ width:54px; height:54px; border-radius:14px; }
  .matrix .bcard.feat .bill svg{ width:27px; height:27px; }
  .matrix .bcard.feat .bcn{ font-size:22px; }
  .matrix .bcard.feat .bdesc{ font-size:13.8px; max-width:none; }
  .matrix .bcard .bcn{ font-size:20px; }
  .matrix .bcard .bdesc{ font-size:13.5px; }
  .matrix .bcard .barrow{ top:16px; right:16px; width:26px; height:26px; }
}

/* ===== 手机:业务矩阵卡片 紧凑单列(v3 强制)===== */
@media(max-width:760px){
  .matrix{ display:grid !important; grid-template-columns:1fr !important; gap:16px !important; }
  .matrix .bcard{ grid-column:1 / -1 !important; min-height:0 !important; padding:22px !important; }
  .matrix .bcard .ben{ margin-top:8px !important; }
  .matrix .bcard .bill{ margin:6px 0 6px !important; }
  .matrix .bcard.feat{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:10px !important; }
  .matrix .bcard.feat .bill{ margin:0 !important; }
  .matrix .bcard .bcn{ font-size:20px !important; }
  .matrix .bcard .bdesc{ font-size:13.5px !important; max-width:none !important; }
}