/* ============================================================
   元健康悦 · 明亮暖橙主题（body.orange 作用域）
   用于 children-screening.html（儿童视力听力筛查）：明亮温暖的橙
   色板（整体提亮版）：主橙 #FF7A1A · 亮橙 #FFA451 · 浅橙 #FFDCB4 · 暖橙棕 #452110
   引入顺序：site.css 之后加载，覆盖赤金墨默认值
   ============================================================ */

/* ---- 横幅：橙色旗面 ---- */
.orange .band .flag-base {
  background:
    radial-gradient(92% 72% at 16% 6%, rgba(255,222,186,.34) 0%, rgba(255,222,186,0) 58%),
    linear-gradient(180deg, #FFA451 0%, #FF7A1A 44%, #D95B0B 100%);
}
.orange .band .flag-cloth {
  background: linear-gradient(103deg,
    #FFC287 0%, #FF7A1A 9%, #C4500A 16%, #FFA451 24%, #FF7A1A 33%, #BC4A08 42%,
    #FFC287 52%, #FF7A1A 62%, #C4500A 71%, #FFA451 80%, #FF7A1A 89%, #B44606 100%);
}
.orange .band .flag-cloth.b {
  background: linear-gradient(64deg,
    #BC4A08 0%, #FFA451 22%, #D95B0B 45%, #FFA451 68%, #B44606 88%, #FF7A1A 100%);
}
.orange .band .shade {
  background:
    radial-gradient(52% 96% at 4% 54%, rgba(72,32,6,.4) 0%, rgba(72,32,6,0) 70%),
    linear-gradient(180deg, rgba(72,32,6,.24) 0%, rgba(72,32,6,0) 132px);
}
.orange .band .fade-ink { background: linear-gradient(to bottom, rgba(69,33,16,0) 0%, #452110 100%); }
.orange .band .crumb { color: rgba(255,242,228,.92); }
.orange .band .band-facts i { background: #FFDCB4; }
.orange .band .star.glow { filter: drop-shadow(0 0 14px rgba(255,164,81,.62)); }

/* ---- 导航与 Logo（橙盘白星白字） ---- */
.orange .logo { background: rgba(74,38,12,.42); box-shadow: inset 0 0 0 1px rgba(255,255,255,.34); }
.orange .logo .wm {
  background: linear-gradient(168deg, #FFFFFF 0%, #FFF8F0 40%, #FFDCB4 68%, #FFFFFF 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 2px 3px rgba(64,28,4,.45)) drop-shadow(0 0 12px rgba(255,255,255,.2));
}
.orange .logo .wm::after {
  background: linear-gradient(108deg,
    rgba(255,255,255,0) 34%, rgba(255,222,186,.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;
}
.orange .logo .wm-sub { color: rgba(255,255,255,.7); }
.orange .nav .links a { color: rgba(255,255,255,.86); }
.orange .nav .links a:hover { color: #FFDCB4; transform: translateY(-1.5px); }
.orange .nav .links a.on { color: #FFFFFF; }
.orange .nav .links a::after {
  background: linear-gradient(90deg, #FFE6CD, #FFB877);
  box-shadow: 0 0 10px rgba(255,164,81,.7);
}
.orange .nav .links a::before {
  background: linear-gradient(90deg, rgba(255,230,205,0), #FFB877 32%, #FFE6CD 58%, rgba(255,230,205,0));
  box-shadow: 0 0 12px rgba(255,164,81,.8);
}
.orange .nav-fixed {
  background: rgba(78,40,14,.92);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.2), 0 12px 32px rgba(50,22,4,.4);
}

/* ---- 暖橙棕板块（原「墨」） ---- */
.orange .s-ink { background: #452110; }
.orange .s-ink .head h3 { color: #FFF5EA; }
.orange .s-ink .head p { color: #DCC0A6; }
.orange .s-ink .sub-h h4 { color: #FFDCB4; }
.orange .s-ink .sub-h p { color: #DCC0A6; }
.orange .kicker { color: #FFA451; }
.orange .kicker::before { background: linear-gradient(90deg, rgba(255,164,81,.2), #FFA451); }
.orange .s-red .kicker { color: #FFF2E2; }
.orange .feat { background: #572B14; }
.orange .feat h5 { color: #FFDCB4; }
.orange .feat h5 svg { stroke: #FFA451; }
.orange .feat p { color: #E8D2BC; }
.orange .card { background: #572B14; }
.orange .card h4 { color: #FFDCB4; }
.orange .card p { color: #E8D2BC; }
.orange .card p b { color: #FFE6CD; }
.orange .stat { background: #572B14; }
.orange .stat b { color: #FFA451; }
.orange .stat span { color: #DCC0A6; }
.orange .tbl { background: #572B14; }
.orange .tbl th { background: rgba(255,255,255,.14); color: #FFE6CD; }
.orange .tbl td { color: #E8D2BC; border-top-color: rgba(255,255,255,.14); }
.orange .tbl td:first-child { color: #FFF5EA; }
.orange .tags span { color: #FFE6CD; border-color: rgba(255,180,120,.5); background: rgba(255,180,120,.1); }
.orange .pull { background: rgba(255,255,255,.07); box-shadow: inset 0 0 0 1px rgba(255,180,120,.3); border-left-color: #FFA451; }
.orange .pull p { color: #FFF5EA; }
.orange .pull p em { color: #FFA451; }
.orange .demo-note { color: rgba(220,192,166,.9); }

/* ---- 主橙板块（原「红」） ---- */
.orange .s-red { background: #FF7A1A; }
.orange .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(150,62,8,.34) 0%, rgba(150,62,8,0) 60%);
}
.orange .s-red .head h3 { color: #FFFFFF; }
.orange .s-red .head p { color: rgba(255,255,255,.92); }
.orange .s-red .feat { background: rgba(150,62,8,.28); box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.orange .s-red .feat h5 { color: #FFFFFF; }
.orange .s-red .feat h5 svg { stroke: #FFE6CD; }
.orange .s-red .feat p { color: rgba(255,255,255,.9); }
.orange .s-red .card { background: rgba(150,62,8,.28); box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.orange .s-red .card h4 { color: #FFFFFF; }
.orange .s-red .card p { color: rgba(255,255,255,.9); }
.orange .s-red .card p b { color: #FFE6CD; }
.orange .s-red .tags span { color: #FFFFFF; border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.14); }
.orange .s-red .stat { background: rgba(150,62,8,.28); box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.orange .s-red .stat b { color: #FFFFFF; }
.orange .s-red .stat span { color: rgba(255,255,255,.86); }

/* ---- 双栏 panel（儿童筛查服务线） ---- */
.orange .panel { background: #572B14; }
.orange .panel h4 { color: #FFDCB4; }
.orange .panel li { color: #E8D2BC; }
.orange .panel li::before { background: #FFA451; }
.orange .panel li b { color: #FFE6CD; }
.orange .s-red .panel { background: rgba(150,62,8,.28); box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.orange .s-red .panel h4 { color: #FFFFFF; }
.orange .s-red .panel li b { color: #FFE6CD; }

/* ---- 链条（筛评达转档，儿童页）——暖橙棕底上改「亮橙药丸节点」 ---- */
.orange .chain .line { top: 44px; height: 3px; border-radius: 2px; background: rgba(255,180,120,.5); }
.orange .chain .dot { top: 38px; background: #FFA451; box-shadow: 0 0 10px rgba(255,164,81,.8); }
.orange .chain .flowtrack { top: 37px; }
.orange .chain .flow { background: #FFF5EA; box-shadow: 0 0 12px rgba(255,245,234,.95); }
.orange .node b {
  display: grid; place-items: center; width: 78px; height: 78px; margin: 5px auto 0;
  font-size: 34px; font-weight: 700; line-height: 1; color: #3D1C08; border-radius: 50%;
  background: linear-gradient(180deg, #FFB877 0%, #F07A18 100%);
  box-shadow: inset 0 0 0 1.5px rgba(255,232,205,.55), 0 10px 24px rgba(30,10,0,.45);
}
.orange .node b::before { border-color: rgba(255,230,205,.9); }
.orange .node em { margin-top: 18px; color: #FFF5EA; }
.orange .node span { color: #E8D2BC; }
/* 本文件仅 body.orange 页加载，覆盖金色点亮关键帧安全 */
@keyframes nodeHit {
  0%   { transform: scale(1.12); color: #FFFFFF;
         box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.95), 0 0 30px rgba(255,235,215,.9); }
  10%, 100% { transform: scale(1); color: #3D1C08;
         box-shadow: inset 0 0 0 1.5px rgba(255,232,205,.55), 0 10px 24px rgba(30,10,0,.45); }
}

/* ---- 联动价值（区县筛查 × 省级名医）：全宽标注场景图 ---- */
.orange .link-pic { margin: 46px 0 0; }
.orange .scene { position: relative; border-radius: 16px; overflow: hidden; background: #572B14;
  box-shadow: inset 0 0 0 1px rgba(255,180,120,.35), 0 20px 44px rgba(40,16,2,.42); }
.orange .scene img { display: block; width: 100%; height: auto; }
.orange .scene .marks { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.orange .link-pic figcaption { margin-top: 14px; font-size: 13.5px; letter-spacing: .05em; text-align: center; color: rgba(255,255,255,.95); }
.orange .link-steps { margin-top: 36px; }
.orange .link-steps .card h4 { font-size: 22px; }
.orange .s-ink .gain + .gain { border-top-color: rgba(255,180,120,.18); }
.orange .s-ink .g-ico { background: rgba(255,164,81,.14); }
.orange .s-ink .g-ico svg { stroke: #FFA451; }
.orange .s-ink .g-tx h4 { color: #FFF5EA; }
.orange .s-ink .g-tx h4 em { color: #FFA451; }
.orange .s-ink .g-tx p { color: #E8D2BC; }

/* ---- 四位一体（转轮 + 角色 + 增益行，暖橙棕底：亮橙芯片）---- */
.orange .s-ink .ring { border-color: rgba(255,190,130,.45); }
.orange .s-ink .comet { background: #FFE6CD; filter: drop-shadow(0 0 12px rgba(255,235,215,.95)); }
.orange .s-ink .hub { background: linear-gradient(180deg, #FFB877 0%, #F07A18 100%);
  border-color: rgba(255,232,205,.6); box-shadow: 0 0 44px rgba(255,180,120,.3); }
.orange .s-ink .hub b { color: #3D1C08; font-size: 19px; }
.orange .s-ink .hub span { color: rgba(61,28,8,.82); }
.orange .s-ink .vnode { background: linear-gradient(180deg, #FFC287 0%, #F58B2A 100%);
  border-color: rgba(255,232,205,.7); box-shadow: 0 8px 22px rgba(30,10,0,.42); }
.orange .s-ink .vnode b { color: #3D1C08; }
.orange .s-ink .vnode span { color: rgba(61,28,8,.85); }
.orange .s-ink .vnode.n4 { bottom: -8px; left: 50%; transform: translateX(-50%); }

/* ---- 亮橙底上的 pull（联动板块收尾）：改深棕实体面板 ---- */
.orange .s-red .pull { background: rgba(56,23,10,.86); box-shadow: inset 0 0 0 1px rgba(255,220,180,.32); border-left-color: #FFD9B0; }
.orange .s-red .pull p { color: #FFF5EA; }
.orange .s-red .pull p em { color: #FFC287; }

/* ---- 企微条 ---- */
.orange .wecom-strip { background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,180,120,.3); }
.orange .wecom-brand b { color: #FFF5EA; }
.orange .wecom-strip > span { color: #FFFFFF; font-weight: 600; }
.orange .wecom-strip p { color: rgba(255,255,255,.82); }
.orange .wecom-strip p i { background: #FFA451; }

/* ---- 页脚 ---- */
.orange .foot { background: #381A0A; }
.orange .foot .desc { color: rgba(255,255,255,.66); }
.orange .foot-legal { border-top-color: rgba(255,255,255,.16); }
.orange .foot-legal .copy a { color: #FFA451; }
.orange .foot-legal .copy a:hover { color: #FFE6CD; }
.orange .foot-qr .qr-box { color: #A0450C; }