/*
 Theme Name:   SinaCare Child
 Theme URI:    https://sinocare.health
 Description:  SinaCare 自定义子主题（基于 Flex Medical / Flex Multi Business 框架）。仅放定制，不修改父主题。
 Template:     flex-multi-business
 Version:      1.0.0
 Author:       WORKBUDDY Dev Team
 License:      GPLv2 or later
 Text Domain:  healchina-child
*/

/* ------------------------------------------------------------------
   设计令牌（品牌色：医疗蓝 + 信任绿；可在后台/子主题覆盖）
------------------------------------------------------------------ */
:root {
  --hc-primary: #0e6ba8;
  --hc-primary-dark: #0a4f7c;
  --hc-accent: #18a999;
  --hc-bg: #f6f9fc;
  --hc-text: #1f2d3d;
  --hc-muted: #6b7c93;
  --hc-radius: 12px;
  --hc-shadow: 0 6px 24px rgba(14, 107, 168, 0.08);
}

body {
  background: var(--hc-bg);
  color: var(--hc-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* 跨洋延迟下的加载提示（日本→欧美约 100-200ms） */
.hc-loading {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--hc-muted);
  font-size: 14px;
}
.hc-spinner {
  width: 18px; height: 18px;
  border: 2px solid var(--hc-primary);
  border-top-color: transparent;
  border-radius: 50%;
  animation: hc-spin 0.8s linear infinite;
}
@keyframes hc-spin { to { transform: rotate(360deg); } }

/* 模块容器（首页/列表可自由拖拽排序的区块） */
.hc-section { max-width: 1180px; margin: 0 auto; padding: 48px 20px; }
.hc-section h2 { color: var(--hc-primary-dark); font-size: 28px; margin-bottom: 8px; }
.hc-section .hc-sub { color: var(--hc-muted); margin-bottom: 28px; }

/* 卡片：医院 / 医生 / 治疗 */
.hc-card {
  background: #fff; border-radius: var(--hc-radius); box-shadow: var(--hc-shadow);
  overflow: hidden; transition: transform .15s ease, box-shadow .15s ease;
}
.hc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(14,107,168,.14); }
.hc-card img { width: 100%; height: 180px; object-fit: cover; background: #e9eef4; }
.hc-card .hc-body { padding: 16px 18px; }
.hc-badge {
  display: inline-block; font-size: 12px; padding: 2px 10px; border-radius: 999px;
  background: rgba(24,169,153,.12); color: var(--hc-accent); margin-right: 6px;
}

/* 对比栏（2-4 家医院） */
.hc-compare-bar { position: sticky; bottom: 0; background: #fff; border-top: 1px solid #e3e9f0; padding: 12px 20px; box-shadow: 0 -4px 16px rgba(0,0,0,.05); }

/* 占位图兜底（防止第三方版权图） */
.hc-placeholder { background: linear-gradient(135deg,#dfe7ef,#c7d3e0); display:flex; align-items:center; justify-content:center; color:#5a6b80; font-size:13px; text-align:center; }

/* 表单提交进度遮罩 */
.hc-overlay { position: fixed; inset: 0; background: rgba(255,255,255,.7); display:none; align-items:center; justify-content:center; z-index: 9999; }
.hc-overlay.is-active { display:flex; }

/* 响应式 */
@media (max-width: 768px) {
  .hc-section { padding: 32px 16px; }
  .hc-section h2 { font-size: 22px; }
}