.site-main {
  background: #fff;
}

.mobile-page {
  --index-unit: min(1px, 0.133333vw);
}

.dept-detail {
  padding: 0 0 calc(52 * var(--index-unit));
}

.dept-name {
  text-align: center;
  margin-bottom: calc(28 * var(--index-unit));
}

.dept-name span {
  display: block;
  width: 100%;
  min-width: 0;
  padding: calc(7 * var(--index-unit)) calc(36 * var(--index-unit));
  border-radius: 0;
  background: #008842;
  font-size: calc(24 * var(--index-unit));
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.dept-cover {
  width: 100%;
  height: calc(216 * var(--index-unit));
  object-fit: cover;
  border-radius: 0;
  margin-bottom: calc(28 * var(--index-unit));
}

.dept-intro {
  padding: 0 calc(42 * var(--index-unit));
}

.dept-intro p {
  text-indent: 2em;
  font-size: calc(14 * var(--index-unit));
  line-height: 1.75;
  color: #666;
  text-align: justify;
  margin-bottom: calc(16 * var(--index-unit));
}

.dept-block {
  padding: calc(16 * var(--index-unit)) calc(47 * var(--index-unit)) calc(40 * var(--index-unit));
}

.block-title {
  font-size: calc(34 * var(--index-unit));
  font-weight: 700;
  line-height: 1;
  color: #222;
}

.block-line {
  width: calc(168 * var(--index-unit));
  height: calc(8 * var(--index-unit));
  margin: calc(16 * var(--index-unit)) 0 calc(32 * var(--index-unit));
  border-radius: 0;
  background: linear-gradient(90deg, #009354 0%, rgba(0, 147, 84, 0.55) 62%, rgba(0, 147, 84, 0) 100%);
}

/* 专家介绍：3-up 轮播 */
.doctor-carousel {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(28 * var(--index-unit));
}

.dc-prev,
.dc-next {
  position: absolute;
  top: 50%;
  width: calc(56 * var(--index-unit));
  height: calc(56 * var(--index-unit));
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(231, 231, 231, 0.9);
  z-index: 2;
  transform: translateY(-50%);
}

.dc-prev {
  left: calc(-28 * var(--index-unit));
}

.dc-next {
  right: calc(-28 * var(--index-unit));
}

.dc-prev::before,
.dc-next::before {
  content: "";
  width: calc(20 * var(--index-unit));
  height: calc(20 * var(--index-unit));
  border-top: calc(5 * var(--index-unit)) solid #8f8f8f;
  border-right: calc(5 * var(--index-unit)) solid #8f8f8f;
}

.dc-prev::before {
  transform: rotate(-135deg);
}

.dc-next::before {
  transform: rotate(45deg);
}

.dc-viewport {
  flex: 1;
  overflow: hidden;
}

.dc-track {
  display: flex;
  transition: transform 280ms ease;
}

.dc-slide {
  flex: 0 0 calc((100% - calc(56 * var(--index-unit))) / 3);
  margin-right: calc(28 * var(--index-unit));
}

.dc-slide:last-child {
  margin-right: 0;
}

.dc-slide a {
  position: relative;
  display: block;
  border-radius: 0;
  overflow: hidden;
  background: #eef2f4;
}

.dc-slide img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}

.dc-slide figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: calc(76 * var(--index-unit)) calc(6 * var(--index-unit)) calc(18 * var(--index-unit));
  text-align: center;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 147, 84, 0) 0%, rgba(0, 147, 84, 0.68) 64%, rgba(0, 147, 84, 0.82) 100%);
}

.dc-slide figcaption strong {
  display: block;
  font-size: calc(24 * var(--index-unit));
  font-weight: 700;
  line-height: 1.1;
}

.dc-slide figcaption small {
  display: block;
  margin-top: calc(10 * var(--index-unit));
  font-size: calc(20 * var(--index-unit));
  line-height: 1;
  opacity: 0.95;
}

/* 科室动态：边框卡片 */
.news-list {
  padding: calc(36 * var(--index-unit)) calc(34 * var(--index-unit)) calc(20 * var(--index-unit));
  background: #fff;
  box-shadow: 0 0 calc(14 * var(--index-unit)) rgba(0, 0, 0, 0.14);
}

.news-item {
  display: block;
  min-height: calc(118 * var(--index-unit));
  margin-bottom: 0;
  padding: 0 calc(6 * var(--index-unit)) calc(28 * var(--index-unit));
  border: 0;
  border-bottom: 1px dashed #c7c7c7;
  border-radius: 0;
  background: transparent;
}

.news-item + .news-item {
  padding-top: calc(28 * var(--index-unit));
}

.news-item:last-child {
  border-bottom: 0;
}

.news-item time {
  width: auto;
  display: flex;
  align-items: baseline;
  color: #777;
  text-align: left;
}

.news-item time strong {
  display: inline;
  font-size: calc(28 * var(--index-unit));
  line-height: 1;
  font-weight: 400;
  color: #555;
}

.news-item time span {
  display: inline;
  margin-top: 0;
  margin-left: calc(2 * var(--index-unit));
  font-size: calc(18 * var(--index-unit));
  line-height: 1;
}

.news-item p {
  margin-top: calc(16 * var(--index-unit));
  font-size: calc(26 * var(--index-unit));
  line-height: 1.35;
  color: #333;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}