/* =========================================================
   石特大健康 · 品牌风格皮肤（Brand Theme）
   参照 stbighealth.com 视觉语言：
   主色 蓝紫 #5D64D6 / 深蓝紫 #181878 / 点缀 红 #FD4539
   数字字体 DIN 风格 · 细边框卡片 · 蓝色统计条 · 标签胶囊
   该文件在 style.css 之后加载，用于覆盖设计令牌与组件外观。
   ========================================================= */

:root{
  /* —— 主色：品牌蓝紫（沿用原变量名，值改为品牌色） —— */
  --teal-950:#121358;
  --teal-900:#181878;
  --teal-800:#2B3099;
  --teal-700:#464DBF;
  --teal-600:#5D64D6;   /* 品牌主色 */
  --teal-500:#7279E0;
  --teal-400:#9297E9;
  --teal-200:#CDD0F5;
  --teal-100:#E7E9FB;
  --teal-50:#F4F5FE;

  /* —— 点缀色：品牌红（原“浅金”位置） —— */
  --gold-600:#D9362B;
  --gold-500:#FD4539;
  --gold-400:#FF7A70;
  --gold-300:#FFB3AD;
  --gold-100:#FFE9E7;

  /* 文字保持中性灰阶，贴合参考站 #333/#666/#999 */
  --ink:#1F2233;
  --ink-soft:#3A3F55;
  --muted:#6B7183;

  /* 数字专用字体（DIN 风格近似） */
  --font-din:"DIN Alternate","DIN Condensed","Arial Narrow","Helvetica Neue Condensed","Helvetica Neue",Arial,"PingFang SC",sans-serif;

  --shadow-sm:0 2px 10px rgba(45,50,120,.06);
  --shadow-md:0 14px 40px rgba(45,50,120,.10);
  --shadow-lg:0 30px 70px rgba(24,24,120,.16);
}

/* ---------- 深色区块叠加层改为蓝紫调 ---------- */
.hero-bg::after{
  background:
    linear-gradient(180deg,rgba(18,19,88,.80) 0%,rgba(24,24,120,.52) 45%,rgba(18,19,88,.90) 100%),
    radial-gradient(1100px 620px at 50% 8%,rgba(93,100,214,.40),transparent 62%);
}
.page-hero .ph-bg img{opacity:.5}
.page-hero .ph-bg::after{background:linear-gradient(120deg,rgba(18,19,88,.94),rgba(43,48,153,.74) 55%,rgba(18,19,88,.92))}
.cta-band .cta-bg img{opacity:.55}
.cta-band .cta-bg::after{background:linear-gradient(135deg,rgba(18,19,88,.92),rgba(93,100,214,.66))}

/* ---------- 标题：品牌色 + 红色强调（对齐参考站） ---------- */
.section-title{color:var(--teal-800)}
.section-title .hl{color:var(--gold-500)}
.eyebrow{color:var(--teal-600)}
.eyebrow::before{background:var(--teal-600)}
.divider{background:linear-gradient(90deg,var(--teal-600),var(--gold-500))}
.claim .slogan{color:var(--teal-900)}
.claim .slogan .mark{color:var(--gold-500)}

/* 卡片顶边条 */
.card::before{background:linear-gradient(90deg,var(--teal-600),var(--gold-500))}

/* ---------- 数字统一使用 DIN 风格 ---------- */
.hero-stat .num,.stat-strip .num,.num-badge,.flow-item .idx,.timeline .tl-item .year,
.matrix5 .step .en,.detail-head .no,.svc-card .badge,.seg4 .seg .sn,.hero-stat .num .unit,.stat-strip .num .unit,
.statbar .item .num,.statbar .item .num .unit,.process7 .p-step .n,.cd-num{
  font-family:var(--font-din);
  letter-spacing:.01em;
}

/* ---------- 导航 / 页脚微调 ---------- */
.site-header.solid .brand-tag{color:var(--teal-600)}
.site-header.solid .nav a.active{color:var(--teal-600)}
.nav a::after{background:var(--teal-600)}
.site-header.solid .nav a:hover{color:var(--teal-600)}
.btn-header{background:var(--gold-500);color:#fff;box-shadow:0 8px 22px rgba(253,69,57,.30)}
.btn-header:hover{box-shadow:0 12px 28px rgba(253,69,57,.40)}
.btn-primary{background:linear-gradient(135deg,var(--teal-600),var(--teal-800));box-shadow:0 12px 30px rgba(93,100,214,.30)}
.btn-primary:hover{box-shadow:0 18px 40px rgba(93,100,214,.40)}
.btn-gold{background:var(--gold-500);color:#fff;box-shadow:0 12px 30px rgba(253,69,57,.30)}
.btn-gold:hover{box-shadow:0 18px 40px rgba(253,69,57,.40)}
.btn-ghost{color:var(--teal-700);border-color:var(--teal-200)}
.btn-ghost:hover{border-color:var(--teal-600);background:var(--teal-50)}
.hero-kicker{border-color:rgba(253,69,57,.42);background:rgba(253,69,57,.10);color:#FFB3AD}
.hero-kicker .dot{background:var(--gold-500);box-shadow:0 0 10px var(--gold-500)}
.hero .hero-position{color:#FFB3AD}
.hero-stat .num .unit{color:#FFB3AD}
.float-consult .fc-btn{background:var(--teal-600);box-shadow:0 12px 30px rgba(93,100,214,.34)}
.float-consult .fc-btn.gold{background:var(--gold-500)}
.float-consult .fc-btn.gold svg{stroke:#fff}
.card .icon{background:var(--teal-50)}
.card .icon svg{stroke:var(--teal-600)}
.card:hover .icon{background:linear-gradient(135deg,var(--teal-600),var(--teal-800))}
.card .num-badge{color:var(--teal-100)}
.mini-card h4{color:var(--teal-700)}
.mini-card h4 svg{stroke:var(--gold-500)}
.mini-card li::before{background:var(--teal-400)}
.matrix5 .step .cn{color:var(--teal-800)}
.matrix5 .step .en{color:var(--gold-500)}
.timeline::before{background:linear-gradient(180deg,var(--teal-600),var(--gold-500),var(--teal-200))}
.timeline .tl-item::before{border-color:var(--teal-600);box-shadow:0 0 0 5px var(--teal-50)}
.timeline .tl-item .year{color:var(--teal-600)}
.case-detail .cd-tags span{color:var(--teal-700)}
.insight-card .thumb{background:linear-gradient(135deg,var(--teal-700),var(--teal-900))}
.insight-card .body .meta{color:var(--gold-500)}
.insight-card .body .read{color:var(--teal-700)}
.faq-q .ico::before,.faq-q .ico::after{background:var(--teal-600)}
.faq-q .ico{border-color:var(--teal-200)}
.faq-item.open .faq-q .ico{background:var(--teal-600);border-color:var(--teal-600)}
.faq-q:hover{color:var(--teal-700)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal-600);box-shadow:0 0 0 4px var(--teal-50)}
.form-success{background:var(--teal-50);border-color:var(--teal-200);color:var(--teal-800)}
.contact-item .ic{background:var(--teal-50)}
.contact-item .ic svg{stroke:var(--teal-600)}
.contact-item .txt a:hover{color:var(--teal-700)}
.hero-actions .btn-ghost-light{border-color:rgba(255,255,255,.5)}
.client-wall .logo-cell:hover{background:var(--teal-50)}
.client-wall .logo-cell:hover span{color:var(--teal-700)}
.stat-strip{background:var(--teal-900)}
.stat-strip .item{background:var(--teal-900)}
.stat-strip .num .unit{color:#FFB3AD}
.footer-brand .brand-tag{color:var(--gold-400)}
.footer-col a:hover{color:#FFB3AD}
.footer-contact .line svg{stroke:var(--teal-400)}
.footer-bottom a:hover{color:#FFB3AD}

/* =========================================================
   品牌专属组件
   ========================================================= */

/* —— 白色统计条（参考站 .st-index-bannernum：白底 + 底部 4px 主色边） —— */
.statbar{background:#fff;border-bottom:4px solid var(--teal-600);box-shadow:0 10px 30px rgba(45,50,120,.06)}
.statbar .container{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.statbar .item{padding:44px 18px;text-align:center;border-right:1px solid var(--line)}
.statbar .item:last-child{border-right:none}
.statbar .item .num{font-size:clamp(30px,3.6vw,52px);font-weight:600;color:var(--teal-600);line-height:1.1}
.statbar .item .num .unit{font-size:.5em;margin-left:2px}
.statbar .item .lbl{font-size:14px;color:var(--muted);margin-top:10px;letter-spacing:.06em}
.statbar .item .num.red{color:var(--gold-500)}

/* —— 标签云（参考站行业标签） —— */
.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.tag-cloud a,.tag-cloud span{
  display:inline-block;padding:10px 22px;border:1px solid var(--teal-200);border-radius:6px;
  font-size:14.5px;color:var(--teal-700);background:#fff;transition:all .3s var(--ease);
}
.tag-cloud a:hover,.tag-cloud span:hover{background:var(--teal-600);border-color:var(--teal-600);color:#fff;transform:translateY(-2px)}
.tag-cloud.solid a,.tag-cloud.solid span{background:var(--teal-600);border-color:var(--teal-600);color:#fff}
.tag-cloud.solid a:hover,.tag-cloud.solid span:hover{background:var(--teal-800);border-color:var(--teal-800)}

/* —— 品牌色提示块（参考站 .st-case-listmain li:first-child） —— */
.brand-callout{
  background:var(--teal-600);color:#fff;border-radius:var(--radius-l);padding:56px 48px;text-align:center;
}
.brand-callout h3{font-size:clamp(24px,3vw,38px);font-weight:700;line-height:1.4;letter-spacing:.02em}
.brand-callout p{margin-top:18px;color:rgba(255,255,255,.86);font-size:16px;line-height:2}
.brand-callout .big{font-family:var(--font-din);font-size:clamp(40px,5vw,64px);font-weight:600;color:#fff;line-height:1.1}

/* —— 七步合作流程（参考站 .st-index-* 流程） —— */
.process7{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;counter-reset:step}
.process7 .p-step{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 16px 26px;text-align:center;transition:all .4s var(--ease);
}
.process7 .p-step:hover{transform:translateY(-6px);border-color:var(--teal-200);box-shadow:var(--shadow-md)}
.process7 .p-step .n{font-size:26px;font-weight:600;color:var(--teal-600);line-height:1}
.process7 .p-step .t{font-size:15.5px;font-weight:600;color:var(--ink);margin-top:12px}
.process7 .p-step .d{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.6}
.process7 .p-step::after{
  content:"";position:absolute;right:-9px;top:50%;width:8px;height:8px;border-top:2px solid var(--teal-300);
  border-right:2px solid var(--teal-300);transform:translateY(-50%) rotate(45deg);
}
.process7 .p-step:last-child::after{display:none}

/* —— 3+1 模型 —— */
.model31{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.model31 .m-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);padding:36px 28px;
  transition:all .4s var(--ease);position:relative;overflow:hidden;
}
.model31 .m-card::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--teal-600);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.model31 .m-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:transparent}
.model31 .m-card:hover::after{transform:scaleX(1)}
.model31 .m-card .k{font-family:var(--font-din);font-size:15px;font-weight:700;color:var(--gold-500);letter-spacing:.1em}
.model31 .m-card h3{font-size:19px;margin:14px 0 12px;color:var(--teal-800)}
.model31 .m-card p{font-size:14.8px;color:var(--muted);line-height:1.9}
.model31 .m-card.plus{background:linear-gradient(135deg,var(--teal-600),var(--teal-800));color:#fff}
.model31 .m-card.plus h3{color:#fff}
.model31 .m-card.plus p{color:rgba(255,255,255,.86)}
.model31 .m-card.plus .k{color:#FFB3AD}
.model31 .m-card.plus::after{background:var(--gold-500)}

/* —— 服务模块卡（六宫格，参考站服务列表） —— */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.svc-item{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  padding:38px 30px;transition:all .4s var(--ease);overflow:hidden;
}
.svc-item .no{font-family:var(--font-din);font-size:14px;font-weight:700;color:var(--gold-500);letter-spacing:.12em}
.svc-item h3{font-size:19px;margin:12px 0 12px;color:var(--teal-800)}
.svc-item p{font-size:14.8px;color:var(--muted);line-height:1.92}
.svc-item .ic{width:52px;height:52px;border-radius:14px;background:var(--teal-50);display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:all .4s var(--ease)}
.svc-item .ic svg{width:26px;height:26px;stroke:var(--teal-600);fill:none;stroke-width:1.6}
.svc-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:transparent}
.svc-item:hover .ic{background:linear-gradient(135deg,var(--teal-600),var(--teal-800))}
.svc-item:hover .ic svg{stroke:#fff}

/* —— 方法论编号卡 —— */
.m-card-lg{background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);padding:46px 42px;transition:all .4s var(--ease)}
.m-card-lg:hover{box-shadow:var(--shadow-md);border-color:transparent;transform:translateY(-6px)}
.m-card-lg .top{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.m-card-lg .circle{
  width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--teal-600),var(--teal-800));flex:0 0 64px;
}
.m-card-lg .circle svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:1.6}
.m-card-lg .top h3{font-size:21px;color:var(--teal-800)}
.m-card-lg .top .en{font-size:12px;letter-spacing:.14em;color:var(--gold-500);font-weight:600;margin-top:4px}
.m-card-lg p.lead{color:var(--ink-soft);font-size:15.6px;line-height:2}
.m-card-lg ul{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.m-card-lg li{position:relative;padding-left:26px;font-size:14.8px;color:var(--muted);line-height:1.85}
.m-card-lg li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--teal-50);border:1.5px solid var(--teal-200)}
.m-card-lg li::after{content:"";position:absolute;left:5px;top:11px;width:5px;height:5px;border-radius:50%;background:var(--teal-600)}

/* —— 价值观列表（品牌红强调） —— */
.value-list{display:flex;flex-direction:column;gap:16px}
.value-list li{display:flex;gap:16px;align-items:flex-start;font-size:15.2px;color:var(--ink-soft);line-height:1.9}
.value-list li b{color:var(--gold-500);flex:0 0 auto;font-weight:700}

/* —— 响应式 —— */
@media (max-width:1024px){
  .statbar .container{grid-template-columns:repeat(3,1fr)}
  .statbar .item{border-bottom:1px solid var(--line)}
  .process7{grid-template-columns:repeat(4,1fr)}
  .process7 .p-step::after{display:none}
  .model31{grid-template-columns:repeat(2,1fr)}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .brand-callout{padding:40px 26px}
  .process7{grid-template-columns:repeat(2,1fr)}
  .svc-grid{grid-template-columns:1fr}
  .model31{grid-template-columns:1fr}
  .statbar .container{grid-template-columns:repeat(2,1fr)}
  .m-card-lg{padding:34px 26px}
}
@media (max-width:560px){
  .statbar .container{grid-template-columns:1fr}
  .process7{grid-template-columns:1fr}
}