/* =========================================================
   不适详情页 2026 redesign
   ========================================================= */

.unwellness-bg {
    background: #FCF3ED;
}

.dd-breadcrumb-wrap {
    padding: 16px 0 24px;
}

.dd-breadcrumb span:last-child {
    color: #ED5736;
}

.article-doctor {
    background: transparent;
}

.unwellness-bg .article-box-left-main,
.unwellness-bg .article-box-left-m {
    margin-top: 0;
}

.unwellness-bg .article-box {
    background: #FFFFFF;
}

.unwellness-bg .article-unwellness-box,
.unwellness-bg .article-doctor-box {
    background: #FFFFFF;
}

.unwellness-bg .article-unwellness-box,
.unwellness-bg .article-unwellness-box > ul {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* 装饰背景图放在 .wrap 上，避免 body 背景色盖住 z-index:-1 的伪元素 */
.unwellness-bg .wrap {
    position: relative;
    z-index: 0;
}

.unwellness-bg .wrap::before,
.unwellness-bg .wrap::after {
    content: "";
    position: fixed;
    width: calc((100vw - 1090px) / 2 + 80px);
    min-width: 300px;
    height: 90vh;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

/* 左上角背景 */
.unwellness-bg .wrap::before {
    left: 0;
    top: 0;
    background-image: url(/xiaoluyyweb/xiaoluweb/images/unwellness-bg-left.png);
    background-position: right top;
}

/* 右下角背景 */
.unwellness-bg .wrap::after {
    right: 0;
    bottom: 0;
    top: auto;
    height: 80vh;
    background-image: url(/xiaoluyyweb/xiaoluweb/images/unwellness-bg-right.png);
    background-position: right bottom;
}

/* PC端标题恢复默认间距 */
.unwellness-bg #articleH2 {
    margin-top: 0;
    margin-bottom: 20px;
}

/* 编审专家卡片整体上移58px（原-34px再上移24px） */
.expert-doctor {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

/* 修复PC端"编者按"被编审专家文本框遮挡：去掉-50px负边距 */
.unwellness-bg .expert-doctor-author {
    margin-top: 12px !important;
}

/* PC端分享区块右浮动，避免占用编者按垂直空间 */
.article-share-unwellness {
    float: right !important;
    padding-bottom: 0 !important;
}

/* 隐藏与我交流按钮 */
.expert-doctor-btn-wap {
    display: none !important;
}
/* [2026-09-04] 移动端不适页显示PC版布局 */
@media only screen and (max-width: 767px) {
  /* 2026-09-07 统一移动端 header 样式 */
  .header {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 60px !important;
    background: #FFFFFF !important;
    box-shadow: 0px 0px 0px 0px #E5E5E5 !important;
    z-index: 10 !important;
  }
  .header .header-main {
    height: 60px !important;
    width: auto !important;
  }
  .header .header-main .logo {
    margin-top: 10px !important;
    margin-left: 10px !important;
  }
  .header .header-main .logo a {
    background: none !important;
  }
  .header .header-main .logo img {
    display: inline-block !important;
    width: 184px !important;
    height: auto !important;
  }
  /* 移动端内容下移60px，避免被header遮挡 */
  .main {
    padding-top: 60px !important;
  }
  /* 面包屑下移，避免被header遮挡 */
  .unwellness-bg .dd-breadcrumb-wrap {
    padding-top: 100px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 8px !important;
  }
  .unwellness-bg .article-doctor {
    display: block !important;
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .unwellness-bg .article-unwellness-box,
  .unwellness-bg .article-doctor-box {
    margin: 0 0 15px 0;
  }
  .unwellness-bg .wrap::before,
  .unwellness-bg .wrap::after {
    display: none;
  }
  .unwellness-bg .article-box-left-main {
    margin-top: 15px;
  }
  .unwellness-bg .article-box-left-m {
    margin: 0;
  }
  .unwellness-bg .expert-doctor-author-wap {
    display: block;
    font-size: 12px;
    color: #999;
    padding: 10px 0;
  }
  .unwellness-bg .article-doctor-box .doctor {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0;
  }
  .unwellness-bg .article-doctor-box .doctor-headpic img {
    width: 60px;
    height: 60px;
  }
  .unwellness-bg .article-doctor-box .doctor-name {
    font-size: 16px;
  }
  .unwellness-bg .detail-tit {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  /* 移动端编审专家也要上移（原-9px再上移24px） */
  .expert-doctor {
    margin-top: 10px !important;
  }
  /* 移动端学术职称显示在医生名字右侧 */
  .expert-doctor-info-academicTitle {
    display: inline !important;
    color: #ed5736 !important;
    padding-left: 8px !important;
  }
  /* 移动端学术描述与副主任医师、医生名字左对齐，不绕排头像 */
  .expert-doctor-info {
    overflow: hidden !important;
    margin-left: 0 !important;
    padding-left: 10px !important;
  }
  .expert-doctor-info .expert-doctor-info-desc {
    text-align: left !important;
    text-indent: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}