*{margin:0;padding:0;box-sizing:border-box}
body{font:16px/1.9 "Microsoft YaHei",sans-serif;color:#333;background:#f4f7f6}
a{color:#2a7d6b;text-decoration:none}
ul,dl{list-style:none}
img{max-width:100%;display:block}
.wrap{width:1200px;margin:0 auto}

/* 顶部 */
/* 顶部栏：确保文字白色、不被遮挡 */
.topbar{background:#2a7d6b;color:#fff !important;font-size:14px;position:relative;z-index:99}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#fff}
.topbar, .topbar a, .topbar span, .topbar p{color:#fff !important}
.topbar a:hover{color:#ffe082 !important}
.logo-bar{display:flex;align-items:center;gap:20px;padding:18px 0}
.logo-bar .slogan{color:#666;font-size:15px}
.main-nav{background:#2a7d6b}
.main-nav ul{display:flex;flex-wrap:wrap}
.main-nav li a{display:block;color:#fff;padding:12px 20px;font-size:16px}
.main-nav li a:hover{background:#236857}
.disease-bar{padding:10px 0;font-size:14px;background:#fff;border-bottom:1px solid #eee}
.disease-bar a{margin-right:16px;white-space:nowrap;line-height:2}

/* 标题 */
h1{font-size:26px;line-height:1.5;margin:6px 0}
h2{font-size:20px;border-left:4px solid #2a7d6b;padding-left:12px;margin:0 0 16px}
h2 a{color:#333}
h3{font-size:17px;line-height:1.5}

/* 通用块 */
.block{background:#fff;padding:22px 25px;margin-bottom:20px;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.05)}

/* 首屏 */
.hero{background:#fff;padding:28px 30px;margin-top:18px;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.hero .lead{color:#555;margin:10px 0}
.hero .facts{color:#2a7d6b;font-size:15px;font-weight:bold}

/* 疾病网格：固定高度，整齐不乱 */
.disease-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.disease-card{background:#f7faf9;border:1px solid #e6efec;border-radius:6px;padding:16px;height:150px;overflow:hidden;transition:.2s}
.disease-card:hover{border-color:#2a7d6b;box-shadow:0 2px 8px rgba(42,125,107,.12)}
.disease-card h3{margin-bottom:8px}
.disease-card p{font-size:13px;color:#777;line-height:1.7}

/* 首页两栏：grid 对齐 */
.home-cols{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
.news-list li{padding:14px 0;border-bottom:1px dashed #e5e5e5}
.news-list li:last-child{border-bottom:none}
.news-list time{font-size:13px;color:#999}
.news-list h3{margin:4px 0}
.news-list p{font-size:14px;color:#888;line-height:1.7}

/* 医生卡片：关键修复，不再糊成一团 */
.doc-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.doc-card{background:#f7faf9;border:1px solid #e6efec;border-radius:6px;padding:14px;text-align:center;height:300px;overflow:hidden}
.doc-card img{margin:0 auto 10px;border-radius:4px;object-fit:cover}
.doc-card h3{margin-bottom:6px}
.doc-desc{font-size:13px;color:#777;line-height:1.7;text-align:left}

/* 咨询卡 */
.consult-card{background:#2a7d6b;color:#fff}
.consult-card h2{color:#fff;border-color:#fff}
.consult-card .tel{font-size:24px;font-weight:bold;margin:8px 0}

/* 常见问答 */
.faq dl dt{font-weight:bold;color:#2a7d6b;margin-top:12px}
.faq dl dd{color:#555;padding-left:2px}

/* 底部 */
.site-footer{background:#263238;color:#ccc;margin-top:30px;padding:30px 0}
.footer-grid{display:flex;gap:50px}
.footer-grid section h2{color:#fff;border:none;margin-bottom:12px}
.footer-grid a{color:#ccc}
.footer-grid a:hover{color:#fff}
.footer-disease{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;font-size:14px}
.copyright{font-size:13px;color:#90a4ae;margin-top:18px;border-top:1px solid #37474f;padding-top:14px}
/* 栏目列表页 */
.list-head h1 { font-size: 26px; color: #1a5d4f; margin: 10px 0 8px; }
.list-head .def { color: #666; line-height: 1.8; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #eee; }

.news-list { list-style: none; padding: 0; margin: 0; }
.news-item { padding: 18px 0; border-bottom: 1px dashed #e5e5e5; }
.news-item:last-child { border-bottom: none; }
.news-date { display: block; font-size: 13px; color: #999; margin-bottom: 6px; }
.news-title { font-size: 18px; margin: 0 0 8px; line-height: 1.5; }
.news-title a { color: #222; text-decoration: none; }
.news-title a:hover { color: #1a5d4f; }
.news-desc { color: #666; font-size: 14px; line-height: 1.8; margin: 0; }

.pages { text-align: center; padding: 25px 0; }
.pages a, .pages span { display: inline-block; padding: 6px 12px; margin: 0 3px; border: 1px solid #ddd; color: #555; text-decoration: none; }
.pages a:hover, .pages .thisclass { background: #1a5d4f; color: #fff; border-color: #1a5d4f; }
.consult-card {
  background: #1a5d4f;
  color: #fff;
  padding: 18px 20px;
  border-radius: 6px;
}
.consult-card h2 {
  font-size: 17px;
  margin: 0 0 12px;
  color: #fff;
  border-left: 4px solid #7fd4b8;
  padding-left: 10px;
}
.consult-card p {
  margin: 8px 0;
  font-size: 14px;
  line-height: 1.8;
  color: #e8f5ef;
}
/* ===== 侧边栏整体 ===== */
.sidebar { width: 300px; flex-shrink: 0; }
.widget { margin-bottom: 25px; }
.widget h2 {
  font-size: 17px;
  color: #1a5d4f;
  border-left: 4px solid #1a5d4f;
  padding-left: 10px;
  margin: 0 0 12px;
}

/* ===== 热点关注 ===== */
.widget ul { list-style: none; padding: 0; margin: 0; }
.widget > ul > li { padding: 8px 0; border-bottom: 1px dashed #eee; }
.widget > ul > li a { color: #444; font-size: 14px; line-height: 1.6; text-decoration: none; }
.widget > ul > li a:hover { color: #1a5d4f; }

/* ===== 疾病导航：横排标签云 ===== */
.tag-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tag-nav li { padding: 0 !important; border: none !important; }
.tag-nav a {
  display: inline-block;
  padding: 5px 12px;
  background: #f0f7f4;
  border: 1px solid #d4e8df;
  border-radius: 15px;
  color: #1a5d4f;
  font-size: 13px;
  text-decoration: none;
  transition: all .2s;
}
.tag-nav a:hover {
  background: #1a5d4f;
  color: #fff;
  border-color: #1a5d4f;
}

/* ===== 两栏布局容器（关键！）===== */
.cols {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}
.col-main { flex: 1; min-width: 0; }
.doctor-list { list-style: none; padding: 0; margin: 0; }
.doctor-list li { margin-bottom: 12px; }
.doctor-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  background: #f7faf8;
  border: 1px solid #e5efe9;
  border-radius: 6px;
  text-decoration: none;
  transition: all .2s;
}
.doctor-list a:hover { border-color: #1a5d4f; background: #f0f7f4; }
.doctor-list img {
  width: 50px; height: 50px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.doc-name { display: block; font-size: 15px; color: #222; font-weight: 600; }
.doc-title { display: block; font-size: 12px; color: #888; margin-top: 2px; }
.more-doc {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
  color: #1a5d4f;
  text-decoration: none;
}
.more-doc:hover { text-decoration: underline; }/* ===== 医生列表页（整理版）===== */
.doc-grid { list-style: none; padding: 0; }
.doc-item {
  display: flex;
  align-items: center;          /* 关键：垂直居中对齐，解决头像下方空白 */
  gap: 24px;
  padding: 22px 24px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  margin-bottom: 14px;          /* 卡片间距收紧 */
  transition: box-shadow .2s, transform .2s;
}
.doc-item:hover { box-shadow: 0 6px 20px rgba(26,93,79,.1); transform: translateY(-2px); }

.doc-avatar img {
  width: 96px; height: 96px;    /* 头像略缩小，比例更协调 */
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #f0f7f4;
  flex-shrink: 0;
}

.doc-info { flex: 1; min-width: 0; }
.doc-info h2 {
  font-size: 19px; color: #1a5d4f; margin: 0 0 8px;
  display: flex; align-items: center; gap: 8px;
}
.doc-info h2 a { color: inherit; text-decoration: none; }
.doc-zhi {
  font-size: 12px; font-weight: normal;
  color: #e8853a; background: #fdf3ea;
  padding: 2px 8px; border-radius: 10px;
}

.doc-good {
  font-size: 14px; color: #666; line-height: 1.7;
  margin: 0 0 14px;             /* 擅长和按钮之间留出呼吸感 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* 最多两行，超出省略，不会截出半句突兀感 */
  -webkit-box-orient: vertical;
}

.doc-btns { display: flex; gap: 12px; }
.btn-line, .btn-book {
  padding: 8px 24px;            /* 按钮加宽，跟头像比例协调 */
  border-radius: 20px;
  font-size: 14px;
  text-decoration: none;
  transition: all .2s;
}
.btn-line { border: 1px solid #1a5d4f; color: #1a5d4f; background: #fff; }
.btn-line:hover { background: #f0f7f4; }
.btn-book { background: #e8853a; color: #fff; border: 1px solid #e8853a; }
.btn-book:hover { background: #d6742c; }

.page-title { font-size: 24px; color: #1a5d4f; margin: 10px 0; }
.page-desc { font-size: 14px; color: #888; line-height: 1.8; margin-bottom: 20px; }
/* ===== 医生详情页 ===== */
.doc-detail { background: #fff; padding: 25px; border-radius: 8px; }
.doc-head { display: flex; gap: 20px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.doc-big-avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 3px solid #f0f7f4; }
.doc-head-info h1 { font-size: 26px; color: #1a5d4f; margin: 0 0 8px; }
.doc-tag { font-size: 14px; color: #888; }
.doc-block { margin-bottom: 24px; }
.doc-block h2 { font-size: 18px; color: #1a5d4f; border-left: 4px solid #1a5d4f; padding-left: 10px; margin: 0 0 12px; }
.doc-block p, .doc-body { font-size: 15px; line-height: 1.9; color: #444; }
.doc-body p { margin: 0 0 12px; }
.doc-cta { background: #f0f7f4; border: 1px solid #d4e8df; border-radius: 8px; padding: 20px; text-align: center; margin: 24px 0; }
.doc-cta p { font-size: 14px; color: #666; margin: 0 0 12px; }
.doc-tip { font-size: 12px; color: #aaa; text-align: center; }

/* 其他专家小列表 */
.related-docs { margin-top: 25px; }
.related-docs h2 { font-size: 18px; color: #1a5d4f; border-left: 4px solid #1a5d4f; padding-left: 10px; margin-bottom: 15px; }
.doc-mini-list { display: flex; flex-wrap: wrap; gap: 15px; list-style: none; padding: 0; }
.doc-mini-list li { width: 80px; text-align: center; }
.doc-mini-list img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; margin: 0 auto 6px; border: 2px solid #f0f7f4; }
.doc-mini-list span { font-size: 13px; color: #444; }

.page-title { font-size: 24px; color: #1a5d4f; margin: 10px 0; }
.page-desc { font-size: 14px; color: #888; line-height: 1.8; margin-bottom: 20px; }