/* 武汉真爱妇产医院 官网 UI Refresh 2026-09 */
:root{--zp:#5c4299;--zp2:#7d5fb8;--zp-light:#f5f3f9;--ink:#23212b;--muted:#7a7787;--line:#ececf1;--radius:12px;--shadow:0 6px 24px rgba(92,66,153,.08)}
html{scroll-behavior:smooth}
body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{transition:color .2s,opacity .2s}
img{max-width:100%}
/* section titles */
.section-title h2{font-size:30px;letter-spacing:.5px;position:relative;display:inline-block;padding-bottom:8px;color:var(--ink)}
.section-title h2::after{content:"";display:block;width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--zp),var(--zp2));margin:12px auto 0}
.section-title p{color:#c3c0cc;letter-spacing:3px}
/* header */
header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(8px);position:sticky;top:0;z-index:60}
nav ul li a{position:relative;padding:6px 2px;color:#3a3742}
nav ul li a::after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:2px;background:linear-gradient(90deg,var(--zp),var(--zp2));transition:right .25s}
nav ul li a:hover::after{right:0}
nav ul li a:hover{color:var(--zp)}
.phone-contact{background:var(--zp-light);border-radius:999px;padding:8px 16px;transition:.2s}
.phone-contact:hover{background:var(--zp);color:#fff}
.hospital-badges{color:var(--zp);font-weight:600}
/* news */
.news-list-item{border-bottom:1px dashed var(--line);padding-bottom:18px;transition:transform .25s}
.news-list-item:hover{transform:translateY(-2px)}
.date-box{border-radius:10px;background:linear-gradient(135deg,var(--zp),var(--zp2));box-shadow:0 4px 12px rgba(92,66,153,.25)}
.tabs{border-bottom:2px solid var(--zp-light)}
.tab{border-radius:8px 8px 0 0;transition:.2s}
.tab.active{background:linear-gradient(135deg,var(--zp),var(--zp2))}
/* cards / depts */
.special-departments{border-radius:var(--radius)}
.dept-item{border-radius:var(--radius);background:#faf9fc;border:1px solid var(--line);transition:.25s}
.dept-item:hover{background:#fff;box-shadow:var(--shadow);transform:translateY(-3px);border-color:#e3dcf2}
/* doctors */
.filter-btn{border-radius:999px;padding:7px 16px;transition:.2s;border:1px solid var(--line);background:#fff}
.filter-btn.active{background:linear-gradient(135deg,var(--zp),var(--zp2));color:#fff;border-color:transparent}
.doctor-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.doctor-card img{transition:transform .45s}
.doctor-card:hover img{transform:scale(1.04)}
.doctor-info{background:linear-gradient(to top,rgba(35,33,43,.78),rgba(35,33,43,.15))}
/* buttons */
.btn-more,.btn-consult{transition:.2s;box-shadow:0 4px 12px rgba(92,66,153,.15)}
.btn-more:hover,.btn-consult:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(92,66,153,.28)}
/* footer */
footer{margin-top:48px;background:linear-gradient(160deg,#4b3580,#5c4299 60%,#6a4ba8)}
.footer-col h4{font-size:15px}
.footer-col ul li{transition:.2s}
.footer-col ul li:hover{color:#fff;transform:translateX(3px)}
.copyright-box{color:rgba(255,255,255,.6)}
/* back to top */
.top-btn{box-shadow:0 8px 20px rgba(92,66,153,.35);transition:.25s}
.top-btn:hover{transform:translateY(-3px)}
/* container breathing */
.container{padding-top:60px;padding-bottom:60px}
/* generic hover for tailwind cards on subpages */
.rounded:hover, .doctor-card:hover{will-change:transform}
/* responsive for legacy fixed-width */
@media(max-width:1240px){
  .top-bar,header,.container,.footer-grid,.banner img{width:auto!important;max-width:100%!important}
  .top-bar,header,.container{padding-left:16px;padding-right:16px}
}
@media(max-width:760px){
  .section-title h2{font-size:23px}
  .news-grid,.doctor-grid,.dept-grid{grid-template-columns:1fr!important}
}