/* 川派医生集团 · 二期设计系统（壳层·后置层）
   必须在各页 <style> 之后引入：CTA/页脚/窄屏收敛/reveal 是覆盖层，
   先于页面样式加载会让窄屏规则被桌面规则压掉（实测 801 处回归）。 */
/* ── CTA ───────────────────────────────────────────────── */
.band{position:relative;overflow:hidden;background:var(--red);color:#fff}
.band::before{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;border:34px solid rgba(255,255,255,.1);border-radius:50%}
.band .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;padding-block:clamp(44px,5.6vw,68px)}
.band h2{font-size:clamp(24px,3.2vw,38px);line-height:1.4}
.band p{margin-top:12px;font-size:15px;color:rgba(255,255,255,.9);max-width:32em;line-height:1.9}
.band .box{display:flex;flex-direction:column;gap:12px;min-width:270px}
.band .row{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.14);padding:14px 18px;border:1px solid rgba(255,255,255,.24)}
.band .row svg{width:18px;height:18px;flex:none}
.band .row .k{font-size:11.5px;letter-spacing:.16em;opacity:.85;font-family:var(--mono);text-transform:uppercase}
.band .row .v{font-size:17px;font-weight:800;letter-spacing:.01em;font-family:var(--mono)}
.band .row.minor{background:transparent;border-color:rgba(255,255,255,.3)}
.band .row.minor .v{font-size:13.5px;font-weight:600}
.band .btn-w{background:#fff;color:var(--red);justify-content:center;margin-top:4px}
.band .btn-w:hover{background:var(--ink);color:#fff}



/* ── footer ────────────────────────────────────────────── */
.ft{background:var(--ink);color:#9A9AA0;font-size:14px}
.ft .top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(26px,3.4vw,52px);padding-block:clamp(50px,6vw,74px)}
.ft .logo img{height:40px;display:block}
.ft .desc{margin-top:20px;line-height:1.95;color:#8E8E94}
.ft .contact{margin-top:22px;display:grid;gap:11px}
.ft .contact div{display:flex;gap:11px;align-items:flex-start}
.ft .contact svg{width:15px;height:15px;flex:none;margin-top:4px;color:var(--red)}
.ft .contact b{color:#E7E7E3;font-weight:600;font-family:var(--mono);letter-spacing:.02em}
.ft h4{color:#fff;font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px;font-family:var(--mono);font-weight:700}
.ft nav li{margin-bottom:12px}
.ft nav a{transition:color .2s,padding-left .2s;display:inline-block}
.ft nav a:hover{color:#fff;padding-left:6px}
.ft .bar{border-top:1px solid rgba(255,255,255,.11);padding-block:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#7A7A80}
.ft .bar a:hover{color:#fff}
.ft .bar .icp{font-family:var(--mono);letter-spacing:.03em}
@media(max-width:980px){.ft .top{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ft .top{grid-template-columns:1fr}}



/* ── 窄屏收敛（≤700px） ───────────────────────────────── */
@media(max-width:700px){
  .btn{padding:13px 20px;font-size:14px}
  .sect{padding-block:60px}
  .band .box{width:100%;min-width:0}
  .band .wrap{padding-block:44px}
}
@media(max-width:560px){
  .hd .wrap{gap:14px}
  .brand img{height:30px}
  .ft .bar{font-size:11.5px}
}



/* ── reveal ────────────────────────────────────────────── */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
.hero .rise{opacity:0;transform:translateY(22px);animation:rise .9s cubic-bezier(.16,1,.3,1) forwards}
@keyframes rise{to{opacity:1;transform:none}}
.d1{animation-delay:.06s}.d2{animation-delay:.16s}.d3{animation-delay:.26s}.d4{animation-delay:.36s}.d5{animation-delay:.46s}
.hero-art{animation:rise 1s .3s cubic-bezier(.16,1,.3,1) both}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}