/* common.css - 全站基础样式 */
:root{
  --primary:#0d6efd;        /* 医疗主蓝 */
  --primary-dark:#0a58ca;
  --primary-soft:#e7f1ff;
  --accent:#00a99d;         /* 辅助青 */
  --danger:#dc3545;
  --warn:#f59e0b;
  --dark:#0a1628;
  --gray-900:#1f2937;
  --gray-700:#4b5563;
  --gray-500:#6b7280;
  --gray-300:#d1d5db;
  --gray-100:#f3f4f6;
  --light:#f8fafc;
  --white:#ffffff;
  --radius:10px;
  --radius-sm:6px;
  --shadow:0 6px 18px rgba(13,110,253,.08);
  --shadow-lg:0 12px 32px rgba(13,110,253,.12);
  /* 字体规格：注释12 / 正文14 / 标题16 */
  --font-tiny:12px;
  --font-base:14px;
  --font-title:16px;
  --font-h3:18px;
  --font-h2:22px;
  --font-h1:28px;
  --font-hero:36px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;font-size:var(--font-base);line-height:1.7;color:var(--gray-900);background:var(--white);-webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none;transition:.2s}
a:hover{color:var(--primary-dark)}
img{max-width:100%;display:block}
ul,ol{list-style:none}
.container{max-width:1400px;margin:0 auto;padding:0 24px}
.section{padding:64px 0}
.section-title{font-size:var(--font-h1);color:var(--dark);text-align:center;margin-bottom:8px;font-weight:700}
.section-subtitle{font-size:var(--font-base);color:var(--gray-500);text-align:center;margin-bottom:40px}
.section-title::after{content:"";display:block;width:48px;height:3px;background:var(--primary);margin:12px auto 0;border-radius:2px}
.btn{display:inline-block;padding:10px 26px;font-size:var(--font-base);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:.2s;text-align:center}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow)}
.btn-outline-light{border:1px solid #fff;color:#fff;background:transparent}
.btn-outline-light:hover{background:#fff;color:var(--primary)}
.btn-outline{border:1px solid var(--primary);color:var(--primary);background:transparent}
.btn-outline:hover{background:var(--primary);color:#fff}
.badge{display:inline-block;padding:4px 10px;font-size:var(--font-tiny);background:var(--primary-soft);color:var(--primary);border-radius:99px;font-weight:600}
.badge-red{background:#fde8eb;color:var(--danger)}
.badge-green{background:#dcfce7;color:#15803d}
.tag{display:inline-block;padding:4px 10px;font-size:var(--font-tiny);background:var(--gray-100);color:var(--gray-700);border-radius:4px;margin:4px 6px 0 0}
.tag-primary{background:var(--primary-soft);color:var(--primary)}
.card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius);padding:24px;transition:.25s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-soft)}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.bg-light{background:var(--light)}
.bg-dark{background:var(--dark);color:#fff}
.bg-gradient{background:linear-gradient(135deg,#0a1628 0%,#1a2a4a 60%,var(--primary) 100%);color:#fff}
.text-center{text-align:center}
.text-primary{color:var(--primary)}
.text-danger{color:var(--danger)}
.text-muted{color:var(--gray-500)}
.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}
@media(max-width:992px){
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .section{padding:48px 0}
  .section-title{font-size:24px}
}
@media(max-width:600px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .section{padding:36px 0}
}