/* ============================================================
   元健康悦 · 明亮玫瑰粉主题（body.rose 作用域）
   用于 women-health.html（妇女保健）：明亮玫粉 + 香槟金点缀
   色板（整体提亮版）：
   主玫 #E15A8E · 亮玫 #F58CB4 · 浅玫 #FBDCE9 · 深玫 #B03061 · 玫瑰紫夜 #5A1E42
   引入顺序：site.css 之后加载，覆盖赤金墨默认值
   ============================================================ */

/* ---- 横幅：玫瑰粉旗面 ---- */
.rose .band .flag-base {
  background:
    radial-gradient(92% 72% at 16% 6%, rgba(251,220,233,.34) 0%, rgba(251,220,233,0) 58%),
    linear-gradient(180deg, #F58CB4 0%, #E15A8E 44%, #B03061 100%);
}
.rose .band .flag-cloth {
  background: linear-gradient(103deg,
    #F7A6C6 0%, #E15A8E 9%, #C14070 16%, #F58CB4 24%, #E15A8E 33%, #B83A69 42%,
    #F7A6C6 52%, #E15A8E 62%, #C14070 71%, #F58CB4 80%, #E15A8E 89%, #B03665 100%);
}
.rose .band .flag-cloth.b {
  background: linear-gradient(64deg,
    #B83A69 0%, #F58CB4 22%, #C9467A 45%, #F58CB4 68%, #B03665 88%, #E15A8E 100%);
}
.rose .band .shade {
  background:
    radial-gradient(52% 96% at 4% 54%, rgba(74,14,46,.42) 0%, rgba(74,14,46,0) 70%),
    linear-gradient(180deg, rgba(74,14,46,.26) 0%, rgba(74,14,46,0) 132px);
}
.rose .band .fade-ink { background: linear-gradient(to bottom, rgba(90,30,66,0) 0%, #5A1E42 100%); }
.rose .band .crumb { color: rgba(255,240,246,.92); }
.rose .band .band-facts i { background: #FBDCE9; }
.rose .band .star.glow { filter: drop-shadow(0 0 14px rgba(245,140,180,.62)); }

/* ---- 导航与 Logo（玫盘白星白字） ---- */
.rose .logo { background: rgba(88,26,62,.42); box-shadow: inset 0 0 0 1px rgba(255,255,255,.34); }
.rose .logo .wm {
  background: linear-gradient(168deg, #FFFFFF 0%, #FDF4F8 40%, #FBDCE9 68%, #FFFFFF 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 2px 3px rgba(74,16,44,.45)) drop-shadow(0 0 12px rgba(255,255,255,.2));
}
.rose .logo .wm::after {
  background: linear-gradient(108deg,
    rgba(255,255,255,0) 34%, rgba(252,214,232,.78) 47%, rgba(255,255,255,.10) 56%, rgba(255,255,255,0) 68%);
  background-size: 240% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.rose .logo .wm-sub { color: rgba(255,255,255,.7); }
.rose .nav .links a { color: rgba(255,255,255,.86); }
.rose .nav .links a:hover { color: #FBDCE9; transform: translateY(-1.5px); }
.rose .nav .links a.on { color: #FFFFFF; }
.rose .nav .links a::after {
  background: linear-gradient(90deg, #FBDCE9, #F58CB4);
  box-shadow: 0 0 10px rgba(245,140,180,.7);
}
.rose .nav .links a::before {
  background: linear-gradient(90deg, rgba(251,220,233,0), #F58CB4 32%, #FBDCE9 58%, rgba(251,220,233,0));
  box-shadow: 0 0 12px rgba(245,140,180,.8);
}
.rose .nav-fixed {
  background: rgba(96,30,68,.92);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.2), 0 12px 32px rgba(60,10,38,.4);
}

/* ---- 玫瑰紫夜板块（原「墨」） ---- */
.rose .s-ink { background: #5A1E42; }
.rose .s-ink .head h3 { color: #FFF6F9; }
.rose .s-ink .head p { color: #E0BCCE; }
.rose .s-ink .sub-h h4 { color: #FBDCE9; }
.rose .s-ink .sub-h p { color: #E0BCCE; }
.rose .kicker { color: #F58CB4; }
.rose .kicker::before { background: linear-gradient(90deg, rgba(245,140,180,.2), #F58CB4); }
.rose .s-red .kicker { color: #FDF4F8; }
.rose .feat { background: #722A56; }
.rose .feat h5 { color: #FBDCE9; }
.rose .feat h5 svg { stroke: #F58CB4; }
.rose .feat p { color: #F0DAE4; }
.rose .card { background: #722A56; }
.rose .card h4 { color: #FBDCE9; }
.rose .card p { color: #F0DAE4; }
.rose .card p b { color: #FFE9F1; }
.rose .stat { background: #722A56; }
.rose .stat b { color: #F58CB4; }
.rose .stat span { color: #E0BCCE; }
.rose .tbl { background: #722A56; }
.rose .tbl th { background: rgba(255,255,255,.14); color: #FBDCE9; }
.rose .tbl td { color: #F0DAE4; border-top-color: rgba(255,255,255,.14); }
.rose .tbl td:first-child { color: #FFF6F9; }
.rose .tags span { color: #FBDCE9; border-color: rgba(245,140,180,.5); background: rgba(245,140,180,.12); }
.rose .pull { background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(245,140,180,.3); border-left-color: #F58CB4; }
.rose .pull p { color: #FFF6F9; }
.rose .pull p em { color: #F58CB4; }
.rose .demo-note { color: rgba(224,188,206,.9); }

/* ---- 主玫板块（原「红」） ---- */
.rose .s-red { background: #E15A8E; }
.rose .s-red::before {
  background:
    radial-gradient(92% 58% at 50% -4%, rgba(255,255,255,.34) 0%, rgba(255,255,255,0) 58%),
    radial-gradient(130% 88% at 50% 116%, rgba(152,40,92,.32) 0%, rgba(152,40,92,0) 60%);
}
.rose .s-red .head h3 { color: #FFFFFF; }
.rose .s-red .head p { color: rgba(255,255,255,.92); }
.rose .s-red .feat { background: rgba(152,40,92,.3); box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.rose .s-red .feat h5 { color: #FFFFFF; }
.rose .s-red .feat h5 svg { stroke: #FBDCE9; }
.rose .s-red .feat p { color: rgba(255,255,255,.9); }
.rose .s-red .card { background: rgba(152,40,92,.3); box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.rose .s-red .card h4 { color: #FFFFFF; }
.rose .s-red .card p { color: rgba(255,255,255,.9); }
.rose .s-red .card p b { color: #FBDCE9; }
.rose .s-red .tags span { color: #FFFFFF; border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.14); }
.rose .s-red .stat { background: rgba(152,40,92,.3); box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.rose .s-red .stat b { color: #FFFFFF; }
.rose .s-red .stat span { color: rgba(255,255,255,.86); }

/* ---- 双栏 panel（妇保服务线） ---- */
.rose .panel { background: #722A56; }
.rose .panel h4 { color: #FBDCE9; }
.rose .panel li { color: #F0DAE4; }
.rose .panel li::before { background: #F58CB4; }
.rose .panel li b { color: #FBDCE9; }
.rose .s-red .panel { background: rgba(152,40,92,.3); box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.rose .s-red .panel h4 { color: #FFFFFF; }
.rose .s-red .panel li b { color: #FBDCE9; }

/* ---- 服务线场景图（两条免费服务线，主玫板块内嵌深梅底大图） ---- */
.rose .svc-pic { margin: 46px 0 0; }
.rose .scene { position: relative; border-radius: 16px; overflow: hidden; background: #5A1E42;
  box-shadow: inset 0 0 0 1px rgba(245,140,180,.35), 0 20px 44px rgba(60,10,38,.42); }
.rose .scene img { display: block; width: 100%; height: auto; }
.rose .scene .marks { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.rose .svc-pic figcaption { margin-top: 14px; font-size: 13.5px; letter-spacing: .05em; text-align: center; color: rgba(255,255,255,.95); }

/* ---- 链条（筛管诊追） ---- */
.rose .chain .line { background: rgba(245,140,180,.4); }
.rose .chain .dot { background: #F58CB4; }
.rose .chain .flow { background: #FDF4F8; box-shadow: 0 0 12px rgba(245,140,180,.9); }
.rose .node b { color: #F58CB4; }
.rose .node em { color: #FFF6F9; }
.rose .node span { color: rgba(255,246,249,.8); }
.rose .node b::before { border-color: rgba(245,140,180,.55); }
/* 本文件仅 body.rose 页加载，覆盖金色点亮关键帧安全 */
@keyframes nodeHit {
  0%   { transform: scale(1.24); color: #FDF4F8; filter: drop-shadow(0 0 20px rgba(245,140,180,.85)); }
  10%  { transform: scale(1);    color: #F58CB4; filter: drop-shadow(0 0 0 rgba(245,140,180,0)); }
  100% { transform: scale(1);    color: #F58CB4; filter: none; }
}

/* ---- 企微条 ---- */
.rose .wecom-strip { background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(245,140,180,.3); }
.rose .wecom-brand b { color: #FFF6F9; }
.rose .wecom-strip > span { color: #F58CB4; }
.rose .wecom-strip p { color: rgba(255,255,255,.82); }
.rose .wecom-strip p i { background: #F58CB4; }

/* ---- 页脚 ---- */
.rose .foot { background: #471830; }
.rose .foot .desc { color: rgba(255,255,255,.66); }
.rose .foot-legal { border-top-color: rgba(255,255,255,.16); }
.rose .foot-legal .copy a { color: #F58CB4; }
.rose .foot-legal .copy a:hover { color: #FBDCE9; }
.rose .foot-qr .qr-box { color: #A03468; }