.article-detail-page[data-v-3fcf771b] {
  width: 7.5rem;
  max-width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: #fff9f3;
  color: #4a261e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.article-detail-page[data-v-3fcf771b],
.article-detail-page *[data-v-3fcf771b] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 顶部：老区米白 + 黑色返回 */
.top-nav[data-v-3fcf771b] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 50%;
  width: 7.5rem;
  max-width: 100%;
  height: 0.88rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #f0dfcf;
  background: rgba(255, 250, 246, 0.98);
}
.top-title[data-v-3fcf771b] {
  color: #3b2118;
  font-size: 0.3rem;
  font-weight: 900;
  letter-spacing: 0.02rem;
}
.back-icon[data-v-3fcf771b] {
  position: absolute;
  left: 0.22rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #111 !important;
  font-size: 0.38rem !important;
}

/* 主体 */
.detail-wrap[data-v-3fcf771b] {
  width: 100%;
  padding: 1.12rem 0.22rem 0.3rem;
}
.head-box[data-v-3fcf771b] {
  padding: 0.08rem 0.12rem 0.18rem;
  text-align: center;
}
.article-title[data-v-3fcf771b] {
  margin: 0;
  color: #681b16;
  font-family: "STKaiti", "KaiTi", "SimKai", serif;
  font-size: 0.4rem;
  font-weight: 900;
  line-height: 1.42;
  word-break: break-word;
}
.title-line[data-v-3fcf771b] {
  width: 76%;
  margin: 0.16rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.title-line span[data-v-3fcf771b] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(rgba(218, 159, 73, 0)),
    to(#dc9f49)
  );
  background: linear-gradient(
    90deg,
    rgba(218, 159, 73, 0),
    #dc9f49
  );
}
.title-line span[data-v-3fcf771b]:last-child {
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(#dc9f49),
    to(rgba(218, 159, 73, 0))
  );
  background: linear-gradient(
    90deg,
    #dc9f49,
    rgba(218, 159, 73, 0)
  );
}
.title-line i[data-v-3fcf771b] {
  margin: 0 0.11rem;
  color: #e6ad28;
  font-size: 0.2rem;
  font-style: normal;
}
.cover-box[data-v-3fcf771b] {
  width: 100%;
  margin-bottom: 0.18rem;
  overflow: hidden;
  border: 1px solid #efdbc6;
  border-radius: 0.15rem;
  background: #fff;
  -webkit-box-shadow: 0 0.05rem 0.15rem rgba(125, 61, 26, 0.06);
          box-shadow: 0 0.05rem 0.15rem rgba(125, 61, 26, 0.06);
}
.detail-image[data-v-3fcf771b] {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  pointer-events: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* 正文卡片 */
.content[data-v-3fcf771b] {
  width: 100%;
  padding: 0.26rem 0.24rem 0.3rem;
  overflow: hidden;
  border: 1px solid #efdbc6;
  border-radius: 0.15rem;
  background: #fffdf9;
  -webkit-box-shadow: 0 0.05rem 0.15rem rgba(125, 61, 26, 0.06);
          box-shadow: 0 0.05rem 0.15rem rgba(125, 61, 26, 0.06);
  color: #4b2d24;
  font-size: 0.25rem;
  line-height: 1.85;
  word-break: break-word;
}
.loading-text[data-v-3fcf771b] {
  padding-top: 2rem;
  color: #9e7a69;
  font-size: 0.24rem;
  text-align: center;
}
.bottom-space[data-v-3fcf771b] {
  height: 0.42rem;
}


/* 富文本统一适配老区浅色主题 */
.article-detail-page .content {
  color: #4b2d24;
}
.article-detail-page .content p,
.article-detail-page .content div,
.article-detail-page .content span,
.article-detail-page .content li,
.article-detail-page .content td,
.article-detail-page .content th {
  max-width: 100% !important;
  line-height: 1.85;
}
.article-detail-page .content img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0.16rem auto !important;
  border-radius: 0.1rem !important;
  pointer-events: none !important;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.article-detail-page .content table {
  display: block;
  max-width: 100% !important;
  overflow-x: auto;
  border-collapse: collapse;
}
.article-detail-page .content a {
  color: #b61414 !important;
  text-decoration: underline;
}