/* ============================================================
   通辽博德蒙医医院 · 子页面共享样式 (shared.css)
   视觉风格：白底(#FFFFFF) + 深绿主色(#1B4332) + 沉稳金点缀(#C9A84C)
   字体：Noto Serif SC / Noto Sans SC
   适用：about.html / therapy.html / departments.html / experts.html /
        equipment.html 等继承本文件的子页面
   修改此文件可全局生效，子页面自身只写少量独有样式
   ============================================================ */

/* ===== 全局重置与变量 ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --green-900:#14332A;--green-800:#1B4332;--green-700:#2D6A4F;
  --green-600:#40916C;--green-500:#52B788;--gold:#C9A84C;
  --gold-light:#E5D4A1;--cream:#FBF8F1;--black:#1A2B22;
  --bg:#FFFFFF;--bg-alt:#F5F7F6;--border:#E3E8E5;
  --text:#1A2B22;--text-light:#5A6B62;
  --radius:16px;
  --shadow:0 4px 20px rgba(11,38,24,0.06);
  --shadow-hover:0 8px 20px rgba(11,38,24,0.08);
}
html{scroll-behavior:smooth}
body{
  font-family:'PingFang SC','Microsoft YaHei','Hiragino Sans GB','Heiti SC',Arial,sans-serif;
  background:#FFFFFF;color:#1A2B22;overflow-x:hidden;min-height:100vh;
}
h1,h2,h3,.page-hero h1,.section-header h2{
  font-family:'Songti SC','SimSun','Noto Serif CJK SC','PingFang SC','Microsoft YaHei',serif;
}

/* ===== 滚动进度条 ===== */
.scroll-progress{
  position:fixed;top:0;left:0;height:3px;
  background:#C9A84C;
  z-index:10001;transition:width 0.15s ease;width:0%;
}

/* ===== 导航 ===== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:10000;
  background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);
  border-bottom:1px solid #E3E8E5;
  transition:all 0.4s;box-shadow:0 2px 12px rgba(11,38,24,0.05);
}
.nav.scrolled{background:#FFFFFF;box-shadow:0 4px 20px rgba(11,38,24,0.08)}
.nav-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{height:32px;width:auto;object-fit:contain}
.logo-text{font-size:14px;font-weight:800;color:#1B4332;letter-spacing:1px}
.nav-links{display:flex;gap:4px;list-style:none;align-items:center}
.nav-links a{color:#1B4332;text-decoration:none;font-size:13px;padding:8px 14px;border-radius:20px;transition:all 0.3s;font-weight:500;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{background:rgba(64,145,108,0.08);color:#1B4332}
.nav-tel{display:flex;align-items:center;gap:6px;font-size:13px;color:#1B4332;font-weight:600;white-space:nowrap}
.mobile-toggle{display:none;background:none;border:none;font-size:24px;color:#1B4332;cursor:pointer}
@media(max-width:900px){
  .mobile-toggle{display:block}
  .nav-links{display:none;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:#FFFFFF;padding:16px;border-top:1px solid #E3E8E5}
  .nav-links.open{display:flex}
}

/* ===== 页面标题区 (page-hero) 浅底 + 深绿文字 ===== */
.page-hero{
  position:relative;padding:140px 24px 70px;text-align:center;overflow:hidden;
  background:#F5F7F6;border-bottom:1px solid #E3E8E5;
}
.page-hero-inner{position:relative;z-index:2;max-width:900px;margin:0 auto}
.page-hero .en{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#40916C;margin-bottom:14px}
.page-hero h1{font-size:46px;font-weight:900;line-height:1.2;margin-bottom:18px;letter-spacing:2px;color:#1B4332}
.page-hero p{font-size:17px;color:#5A6B62;max-width:680px;margin:0 auto;line-height:1.8}
.page-hero .gold-line{margin-top:28px}
@media(max-width:768px){
  .page-hero{padding:110px 18px 50px}
  .page-hero h1{font-size:30px}
  .page-hero p{font-size:14px}
}

/* ===== 通用段落（整幅底色，内容居中限宽）===== */
.section{padding:100px 30px}
.section > *{max-width:1300px;margin-left:auto;margin-right:auto}
.section-header{text-align:center;margin-bottom:60px}
.section-header .en{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#40916C;margin-bottom:8px}
.section-header h2{font-size:42px;font-weight:900;color:#1B4332;margin-bottom:16px;letter-spacing:3px;font-family:'Songti SC','SimSun','Noto Serif CJK SC','PingFang SC','Microsoft YaHei',serif}
.gold-line{width:80px;height:3px;background:#C9A84C;margin:0 auto 40px;border-radius:2px}

/* ===== 滚动揭示动画 (默认可见；JS 触发淡入上移作为增强，JS 失效时内容仍可见) ===== */
.reveal{opacity:1;transform:none}
.reveal.visible{animation:revealUp 0.8s cubic-bezier(0.16,1,0.3,1) both}
@keyframes revealUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.reveal-d1{animation-delay:.1s}.reveal-d2{animation-delay:.2s}
.reveal-d3{animation-delay:.3s}.reveal-d4{animation-delay:.4s}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none}
  .reveal.visible{animation:none}
}

/* ===== 按钮 ===== */
.btn-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:#1B4332;color:#FFFFFF;
  padding:15px 38px;border-radius:30px;text-decoration:none;font-weight:700;
  font-size:16px;transition:all 0.3s;border:none;cursor:pointer;
  box-shadow:0 4px 14px rgba(11,38,24,0.12);
  letter-spacing:1px;font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;
}
.btn-primary:hover{background:#2D6A4F;transform:translateY(-3px);box-shadow:0 8px 22px rgba(11,38,24,0.18)}
.btn-outline{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:transparent;color:#1B4332;
  padding:15px 38px;border-radius:30px;text-decoration:none;font-weight:600;
  font-size:16px;transition:all 0.3s;cursor:pointer;
  border:2px solid #1B4332;
  letter-spacing:1px;font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;
}
.btn-outline:hover{background:rgba(64,145,108,0.08);color:#1B4332;transform:translateY(-3px);box-shadow:0 8px 20px rgba(11,38,24,0.08)}

/* ===== 卡片容器 ===== */
.card-glow{position:relative}
.card-glow > *{position:relative;z-index:1}

/* ===== 文本动画/渐变 ===== */
/* 已移除原流光/脉冲/浮动等装饰动效 (de-AI) */

/* ===== 医院概况 (About) 通用块 ===== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-img{position:relative;border-radius:16px;overflow:hidden;border:1px solid #E3E8E5;box-shadow:0 4px 20px rgba(11,38,24,0.06)}
.about-img img{width:100%;display:block;transition:transform 0.8s}
.about-img:hover img{transform:scale(1.05)}
.about-badge{
  position:absolute;bottom:20px;right:20px;
  background:#1B4332;color:#FFFFFF;
  padding:10px 20px;border-radius:20px;font-size:13px;font-weight:700;
  box-shadow:0 4px 14px rgba(11,38,24,0.18);
}
.about-text h3{font-size:26px;font-weight:800;color:#1B4332;margin-bottom:16px}
.about-text p{font-size:15px;line-height:2;color:#5A6B62;margin-bottom:16px}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.about-feat{
  background:#FFFFFF;border:1px solid #E3E8E5;
  border-radius:16px;padding:18px;text-align:center;transition:all 0.3s;
  box-shadow:0 4px 20px rgba(11,38,24,0.06);
}
.about-feat:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(11,38,24,0.08);border-color:#C8D8CF}
.about-feat .fi{font-size:28px;margin-bottom:8px;display:block;color:#2D6A4F}
.about-feat h4{font-size:15px;font-weight:700;color:#1B4332;margin-bottom:4px}
.about-feat p{font-size:12px;color:#5A6B62;margin:0}
.info-list{list-style:none;margin-top:8px}
.info-list li{padding:12px 0;font-size:15px;color:#5A6B62;border-bottom:1px solid #E3E8E5;display:flex;gap:12px;align-items:flex-start}
.info-list li i{color:#2D6A4F;margin-top:4px;flex-shrink:0}
.info-list li strong{color:#1B4332;font-weight:600;min-width:96px;display:inline-block}

/* ===== 资质/设备 卡片 ===== */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature-card{
  background:#FFFFFF;border:1px solid #E3E8E5;
  border-radius:16px;padding:32px 24px;text-align:center;transition:all 0.3s;
  position:relative;box-shadow:0 4px 20px rgba(11,38,24,0.06);
}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(11,38,24,0.08);border-color:#C8D8CF}
.feature-card .fi{font-size:42px;margin-bottom:14px;display:block;color:#2D6A4F}
.feature-card h4{font-size:19px;font-weight:700;color:#1B4332;margin-bottom:10px}
.feature-card p{font-size:13px;color:#5A6B62;line-height:1.8}

/* ===== 交通指引 ===== */
.traffic-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.traffic-card{background:#FFFFFF;border:1px solid #E3E8E5;border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(11,38,24,0.06)}
.traffic-card h3{font-size:20px;font-weight:800;color:#1B4332;margin-bottom:18px}
.traffic-item{display:flex;gap:14px;margin-bottom:16px}
.traffic-item i{font-size:20px;color:#2D6A4F;margin-top:2px;flex-shrink:0}
.traffic-item .label{font-size:13px;color:#1B4332;font-weight:600;margin-bottom:4px}
.traffic-item .value{font-size:14px;color:#5A6B62;line-height:1.6}

/* ===== 特色疗法 (Therapy) ===== */
.therapy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.therapy-card{
  background:#FFFFFF;border:1px solid #E3E8E5;
  border-radius:16px;padding:40px 28px;text-align:center;transition:all 0.3s;
  position:relative;cursor:default;box-shadow:0 4px 20px rgba(11,38,24,0.06);
}
.therapy-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(11,38,24,0.08);border-color:#C8D8CF}
.therapy-card i{font-size:52px;margin-bottom:20px;display:block;color:#2D6A4F;transition:transform 0.3s}
.therapy-card:hover i{transform:scale(1.08)}
.therapy-card h3{font-size:22px;font-weight:700;color:#1B4332;margin-bottom:12px}
.therapy-card p{font-size:14px;color:#5A6B62;line-height:1.8}
.therapy-tag{display:inline-block;margin-top:16px;padding:6px 18px;background:rgba(64,145,108,0.10);border-radius:20px;font-size:13px;color:#2D6A4F;border:1px solid #E3E8E5}

/* ===== 科室介绍 (Departments) ===== */
.dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dept-card{
  background:#FFFFFF;border:1px solid #E3E8E5;
  border-radius:16px;padding:30px 22px;text-align:center;transition:all 0.3s;
  cursor:default;position:relative;box-shadow:0 4px 20px rgba(11,38,24,0.06);
}
.dept-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(11,38,24,0.08);border-color:#C8D8CF}
.dept-card .di{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:26px;transition:all 0.3s;color:#FFFFFF}
.dept-card:hover .di{transform:scale(1.06)}
.dept-card h4{font-size:17px;font-weight:700;color:#1B4332;margin-bottom:8px}
.dept-card p{font-size:13px;color:#5A6B62;line-height:1.7}
.dept-detail{font-size:13px;color:#5A6B62;line-height:1.8;margin-top:14px;text-align:left;display:none}
.dept-card.open .dept-detail{display:block}
.dept-toggle{display:inline-flex;align-items:center;gap:6px;color:#2D6A4F;font-size:13px;margin-top:14px;cursor:pointer;transition:all 0.3s}
.dept-card.open .dept-toggle{display:none}

/* ===== 医护团队 (Experts) ===== */
.expert-group-title{font-size:22px;font-weight:800;color:#1B4332;margin:40px 0 22px;padding-bottom:12px;border-bottom:2px solid #E3E8E5;display:flex;align-items:center;gap:10px}
.expert-group-title .num{font-size:14px;background:rgba(64,145,108,0.10);color:#2D6A4F;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}
.expert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.expert-card{
  background:#FFFFFF;border:1px solid #E3E8E5;
  border-radius:16px;padding:20px;text-align:center;transition:all 0.3s;cursor:default;
  position:relative;box-shadow:0 4px 20px rgba(11,38,24,0.06);
}
.expert-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(11,38,24,0.08);border-color:#C8D8CF}
.expert-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;margin-bottom:12px;transition:transform 0.5s;background:#F5F7F6}
.expert-card.full-img img{aspect-ratio:auto;height:auto;object-fit:contain}
.expert-card:hover img{transform:scale(1.03)}
.expert-card h4{font-size:15px;font-weight:700;color:#1B4332;margin-bottom:4px}
.expert-card .title{font-size:12px;color:#2D6A4F}
.expert-card .desc{font-size:11px;color:#5A6B62;margin-top:6px;line-height:1.5}

/* ===== 页脚 (Footer) ===== */
.footer{background:#1B4332;border-top:1px solid #E3E8E5;padding:60px 30px 30px;margin-top:40px}
.footer-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:40px}
.footer-brand p{font-size:14px;line-height:1.8;color:rgba(255,255,255,0.8);margin:16px 0}
.footer h4{color:#FFFFFF;font-size:16px;margin-bottom:16px;font-weight:600}
.footer-links{list-style:none}
.footer-links li{margin-bottom:10px}
.footer-links a{color:rgba(255,255,255,0.78);text-decoration:none;font-size:14px;transition:color 0.3s}
.footer-links a:hover{color:#C9A84C}
.footer-contact{font-size:14px;line-height:2;color:rgba(255,255,255,0.8)}
.footer-contact .fc-item{display:flex;gap:10px;margin-bottom:12px}
.footer-contact i{color:#C9A84C;margin-top:4px;flex-shrink:0}
.footer-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.social-item{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.85);padding:8px 16px;border-radius:20px;font-size:13px;text-decoration:none;transition:all 0.3s}
.social-item:hover{background:rgba(255,255,255,0.18);color:#FFFFFF}
.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.qr-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.qr-item img{width:80px;height:80px;object-fit:contain;border-radius:8px;background:#FFFFFF;padding:4px;border:1px solid rgba(255,255,255,0.2);transition:transform 0.3s;display:block;margin:0 auto}
.qr-item:hover img{transform:scale(1.06)}
.qr-item span{font-size:11px;color:rgba(255,255,255,0.8);margin-top:4px;display:block}
.footer-bottom{max-width:1300px;margin:0 auto;padding-top:20px;border-top:1px solid rgba(255,255,255,0.14);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(255,255,255,0.75);flex-wrap:wrap;gap:8px}
.footer-bottom a{color:rgba(255,255,255,0.8);text-decoration:none}
.footer-bottom a:hover{color:#C9A84C}

/* ===== 返回顶部 ===== */
.back-top{
  position:fixed;bottom:30px;right:30px;width:48px;height:48px;
  background:#1B4332;color:#FFFFFF;
  border:none;border-radius:50%;cursor:pointer;font-size:18px;
  box-shadow:0 4px 14px rgba(11,38,24,0.2);transition:all 0.3s;
  opacity:0;transform:translateY(20px);z-index:999;display:flex;align-items:center;justify-content:center;
}
.back-top.show{opacity:1!important;transform:none!important;pointer-events:auto!important}
.back-top:hover{background:#2D6A4F;transform:translateY(-4px)}

/* ===== 响应式 ===== */
@media(max-width:1024px){
  .about-grid{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .therapy-grid{grid-template-columns:repeat(2,1fr)}
  .dept-grid{grid-template-columns:repeat(2,1fr)}
  .expert-grid{grid-template-columns:repeat(4,1fr)}
  .traffic-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .section{padding:60px 20px}
  .section-header h2{font-size:28px}
  .feature-grid{grid-template-columns:1fr}
  .therapy-grid{grid-template-columns:1fr}
  .dept-grid{grid-template-columns:1fr 1fr}
  .expert-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .expert-grid{grid-template-columns:repeat(2,1fr)}
  .dept-grid{grid-template-columns:1fr}
  .btn-primary,.btn-outline{min-height:44px;padding:12px 28px;font-size:14px}
  input,textarea,select{min-height:44px;font-size:16px}
}