/* ============================================================
   crisis-banner.css  —  心灵花园全站危机提示条样式
   P0-1 ｜ 草稿，文案待临床负责人审批
   设计原则：
   - 不依赖现代浏览器：position:sticky 在旧浏览器降级为普通置顶块，
     仍可见、仍不遮挡内容（占据文档流，把正文往下推，不覆盖）。
   - CSS 加载失败时：静态 HTML 文本+tel链接仍完整可读可点。
   - 键盘可达：链接自带 tab 焦点，:focus 有明显轮廓。
   - 商业预约电话不进"紧急"分组，单独中性标注。
   ============================================================ */

#xlhy-crisis-bar{
  position: sticky;      /* 旧浏览器忽略 -> 变普通置顶块，依然可见不遮挡 */
  top: 0;
  z-index: 99999;
  background: #b00811;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  padding: 8px 14px;
  text-align: center;
  border-bottom: 2px solid #7d060c;
  /* 不使用 flex 独占，保证无 flex 的旧内核也能正常换行显示 */
}
#xlhy-crisis-bar .xcb-inner{ max-width: 1000px; margin: 0 auto; }
#xlhy-crisis-bar .xcb-lead{ font-weight: 700; margin-right: 6px; }
#xlhy-crisis-bar a.xcb-tel{
  display: inline-block;
  background: #fff;
  color: #b00811 !important;
  font-weight: 700;
  text-decoration: none;
  padding: 1px 9px;
  margin: 2px 3px;
  border-radius: 4px;
  white-space: nowrap;
}
#xlhy-crisis-bar a.xcb-tel:hover{ background:#ffe9ea; }
#xlhy-crisis-bar a.xcb-tel:focus{ outline: 3px solid #ffd400; outline-offset: 1px; }
#xlhy-crisis-bar a.xcb-more{
  color:#fff !important; text-decoration: underline; margin-left:6px; white-space:nowrap;
}
#xlhy-crisis-bar a.xcb-more:focus{ outline: 3px solid #ffd400; outline-offset: 1px; }
#xlhy-crisis-bar .xcb-nonurgent{
  display:block; font-size:12px; color:#ffd9db; margin-top:3px;
}

/* 移动端：字号略增、内边距收紧，保证可读且不过高 */
@media (max-width: 600px){
  #xlhy-crisis-bar{ font-size: 13.5px; padding: 8px 10px; text-align: left; }
  #xlhy-crisis-bar .xcb-lead{ display:block; margin-bottom:2px; }
  #xlhy-crisis-bar a.xcb-tel{ font-size: 14px; padding: 3px 10px; }
}

/* 打印时隐藏（纸面无需求助条），可选 */
@media print{ #xlhy-crisis-bar{ display: none; } }
