/* ===== PAGE BANNER ===== */
.page-banner{background:linear-gradient(135deg,<?= h($config['theme_color'] ?? '#0050a9') ?> 0%,#003d82 100%);padding:3rem 1rem;text-align:center; background:url(/public/images/albg.jpg)}
.page-banner h1{font-size:2.25rem;font-weight:700;color:#003d82;margin-bottom:0.375rem}
.page-banner p{font-size:1rem;color:rgba(0, 61, 130,.8);max-width:600px;margin:0 auto}

/* ===== PAGE WRAP ===== */
.page-wrap{max-width:1200px;margin:0 auto;padding:2rem 1rem 3rem}
.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--muted);margin-bottom:1.5rem}
.breadcrumb a{color:var(--muted);transition:color .2s}
.breadcrumb a:hover{color:var(--blue)}
.breadcrumb span{color:#ccc}

/* ===== DOCTORS SECTION ===== */
.doctors-section{background:#f8f9fb;padding:1.875rem 0 3.75rem}
.section-title{text-align:center;font-size:2.25rem;color:var(--text);font-weight:700;margin-bottom:0.25rem}
.section-en{text-align:center;font-size:1.125rem;color:rgba(0,0,0,.45);text-transform:uppercase;margin-bottom:0.25rem;letter-spacing:2px}
.section-ms{text-align:center;font-size:1rem;color:var(--muted);margin-bottom:1.875rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1rem}
.doctors-grid{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}

/* 医生卡片 */
.doc-card{background:#fff;border:1px solid #e8e8e8;border-radius:0.625rem;overflow:hidden;transition:box-shadow .3s,transform .3s}
.doc-card:hover{box-shadow:0 8px 24px rgba(0,80,169,.15);transform:translateY(-4px)}
.doc-photo{width:100%;height:280px;overflow:hidden;position:relative}
.doc-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.doc-card:hover .doc-photo img{transform:scale(1.05)}
.doc-info{padding:1rem}
.doc-name{font-size:1.125rem;font-weight:700;color:var(--text);margin-bottom:0.25rem}
.doc-title{font-size:0.8125rem;color:var(--blue);margin-bottom:0.625rem;font-weight:500;line-height:1.4}
.doc-bio{font-size:0.8125rem;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.5rem}
.doc-btn{display:inline-block;padding:0.375rem 1.25rem;background:var(--blue);color:#fff;font-size:0.8125rem;border-radius:20px;transition:background .2s}
.doc-btn:hover{background:var(--blue-d)}

/* 无图片占位 */
.doc-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f0fe,#c2d9fb)}
.doc-photo-placeholder span{font-size:4rem;opacity:.4}

/* ===== INTRO BANNER ===== */
.intro-banner{background:linear-gradient(135deg,var(--blue) 0%,#003d82 100%);padding:6rem 1rem;text-align:center}
.intro-banner h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:0.5rem}
.intro-banner p{font-size:1rem;color:rgba(255,255,255,.85);max-width:700px;margin:0 auto 1.5rem;line-height:1.7}
.intro-banner .cta{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.75rem;background:#fff;color:var(--blue);border-radius:30px;font-size:1rem;font-weight:600;transition:opacity .2s}
.intro-banner .cta:hover{opacity:0.9}
.intro-banner .cta img{width:20px;height:20px}

/* 空状态 */
.empty-state{text-align:center;padding:60px 0;color:#999}
.empty-state p{font-size:1rem;margin-bottom:0.5rem}


/* ===== RESPONSIVE: TABLET ===== */
@media(max-width:1024px){
  .top_center_left{min-width:200px;max-width:280px;height:44px}
  .doctors-grid{grid-template-columns:repeat(2,1fr)}
  .doc-photo{height:220px}
}

/* ===== RESPONSIVE: MOBILE ===== */
@media(max-width:767px){
  .top_center{height:60px}
  .top_center_left{min-width:100px;max-width:160px;height:36px;background:url(/public/images/logo_m.jpg) no-repeat;background-size:contain;background-position:left center;flex-shrink:0}
  .rexian span{display:none}
  .rexian strong{font-size:1.25rem}
  .menu{padding:0}
  .nav{display:none}
  .mbtn{display:flex}
  .doctors-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}
  .doc-photo{height:180px}
  .doc-info{padding:0.625rem}
  .doc-name{font-size:1rem}
  .section-title{font-size:1.75rem}
  footer{display:none}
  .float-btn{right:10px;bottom:60px}
  .float-btn a{width:42px;height:42px}
}