/* 未能缩小。正在返回未缩小的内容。
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(37,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(38,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(45,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
/* ============================================================
   星涛官网 公共样式
   品牌主色 --primary：替换成你原有网站主色即可全站生效
   产品辅助色：云诊所 --clinic / 云器械 --device / 云药店 --pharmacy
   ============================================================ */
:root {
  --primary: #10B090;   /* 品牌主色（沿用原站主色，可一键替换） */
  --clinic: #14C79C;    /* 星涛云诊所 辅助色 */
  --device: #00B4D8;    /* 星涛云器械 辅助色 */
  --pharmacy: #FF7D00;  /* 星涛云药店 辅助色 */
}

/* ---------- 全局 ---------- */
html {
  scroll-behavior: smooth;
}
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ---------- 按钮 ---------- */
.btn-primary {
  display: inline-block;
  background: var(--primary);
  color: #fff;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  transition: opacity 0.3s;
}
.btn-primary:hover {
  opacity: 0.9;
}
.btn-outline {
  display: inline-block;
  border: 1px solid var(--primary);
  color: var(--primary);
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.3s;
}
.btn-outline:hover {
  background: var(--primary);
  color: #fff;
}

/* ---------- 卡片 hover 微动效 ---------- */
.card-hover {
  transition: all 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(16, 176, 144, 0.12);
}

/* ---------- 首屏/模块 径向渐变背景（Tailwind 无标准类，自定义） ---------- */
.bg-grad-radial-primary { background: radial-gradient(circle at 30% 20%, #e6f7f2 0%, #ffffff 70%); }
.bg-grad-radial-clinic   { background: radial-gradient(circle at 30% 20%, #e3f8f1 0%, #ffffff 70%); }
.bg-grad-radial-device   { background: radial-gradient(circle at 30% 20%, #e3f7f7 0%, #ffffff 70%); }
.bg-grad-radial-pharmacy { background: radial-gradient(circle at 30% 20%, #fff3e6 0%, #ffffff 70%); }

/* ---------- 导航下拉 ---------- */
.nav-dropdown {
  visibility: hidden;
  opacity: 0;
  transform: translateY(8px);
  transition: all 0.25s ease;
}
.nav-wrap:hover .nav-dropdown,
.nav-wrap:focus-within .nav-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

/* ---------- 案例弹窗 ---------- */
.modal {
  display: none;
}
.modal.active {
  display: block;
}

/* ---------- FAQ 折叠 ---------- */
.faq-title {
  cursor: pointer;
  user-select: none;
}
.faq-title::after {
  content: "▾";
  float: right;
  color: #94a3b8;
  transition: transform 0.3s;
}
.faq-item.open .faq-title::after {
  transform: rotate(180deg);
}

/* ---------- 页面滚动淡入 ---------- */
.fade-block {
  opacity: 0;
  transform: translateY(24px);
  transition: all 0.7s ease;
}
.fade-block.in-view {
  opacity: 1;
  transform: translateY(0);
}