html,
body,
#app {
  background: #fff8f1 !important;
}

.kfPage[data-v-c69a6214] {
  --page-bg: #fff8f1;
  --paper: #fffdf9;
  --paper-soft: #fff6ea;
  --red: #bd1418;
  --red-deep: #7e1715;
  --gold: #d89a34;
  --gold-line: #efd1aa;
  --text: #4b2921;
  --muted: #997568;
  width: 7.5rem;
  max-width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  background: radial-gradient(circle at 100% 0, rgba(224, 168, 70, 0.08), transparent 4.5rem), -webkit-gradient(linear, left top, left bottom, from(#fffaf5), to(var(--page-bg)));
  background: radial-gradient(circle at 100% 0, rgba(224, 168, 70, 0.08), transparent 4.5rem), linear-gradient(180deg, #fffaf5 0%, var(--page-bg) 100%);
  color: var(--text);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kfPage[data-v-c69a6214],
.kfPage *[data-v-c69a6214] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* 顶部与当前老区页面统一 */
.kfPage[data-v-c69a6214] .van-nav-bar,
.kfPage[data-v-c69a6214] .van-nav-bar__content,
.kfPage[data-v-c69a6214] .van-nav-bar--fixed {
  background: rgba(255, 250, 246, 0.985) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.kfPage[data-v-c69a6214] .van-nav-bar__content {
  height: 46px !important;
}
.kfPage[data-v-c69a6214] .van-nav-bar__title {
  color: #3b2118 !important;
  font-size: 0.3rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.02rem;
}
.kfPage[data-v-c69a6214] .van-nav-bar__left {
  padding: 0 0.22rem !important;
}
.kfPage[data-v-c69a6214] .van-nav-bar__left,
.kfPage[data-v-c69a6214] .van-nav-bar__left .van-icon,
.kfPage[data-v-c69a6214] .van-nav-bar__arrow {
  color: #111 !important;
}
.kfPage[data-v-c69a6214] .van-nav-bar__left .van-icon,
.kfPage[data-v-c69a6214] .van-nav-bar__arrow {
  font-size: 0.38rem !important;
  font-weight: 500;
}
.kfPage[data-v-c69a6214] .van-hairline--bottom::after,
.kfPage[data-v-c69a6214] .van-nav-bar::after {
  display: none !important;
}
.kfPage[data-v-c69a6214] .van-nav-bar__content::after {
  content: "";
  position: absolute;
  left: 0.22rem;
  right: 0.22rem;
  bottom: 0;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(216, 154, 52, 0)), color-stop(rgba(216, 154, 52, 0.58)), color-stop(rgba(189, 20, 24, 0.17)), to(rgba(216, 154, 52, 0)));
  background: linear-gradient(90deg, rgba(216, 154, 52, 0), rgba(216, 154, 52, 0.58), rgba(189, 20, 24, 0.17), rgba(216, 154, 52, 0));
}
.content[data-v-c69a6214] {
  padding: 0.2rem 0.2rem calc(0.8rem + env(safe-area-inset-bottom));
}
/* 顶部提示卡 */
.service-head[data-v-c69a6214] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 1.3rem;
  padding: 0.19rem;
  overflow: hidden;
  border: 1px solid var(--gold-line);
  border-radius: 0.18rem;
  background: radial-gradient(circle at 105% -10%, rgba(224, 165, 63, 0.17) 0, rgba(224, 165, 63, 0.17) 0.85rem, transparent 0.86rem), linear-gradient(145deg, #fffdf9 0%, #fff4e5 100%);
  -webkit-box-shadow: 0 8px 24px rgba(126, 57, 24, 0.07);
          box-shadow: 0 8px 24px rgba(126, 57, 24, 0.07);
}
.service-head[data-v-c69a6214]::before {
  content: "";
  position: absolute;
  left: 0.18rem;
  right: 0.18rem;
  top: 0;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(189, 20, 24, 0)), color-stop(rgba(189, 20, 24, 0.72)), color-stop(#e6b759), to(rgba(189, 20, 24, 0)));
  background: linear-gradient(90deg, rgba(189, 20, 24, 0), rgba(189, 20, 24, 0.72), #e6b759, rgba(189, 20, 24, 0));
}
.head-mark[data-v-c69a6214] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.72rem;
          flex: 0 0 0.72rem;
  width: 0.72rem;
  height: 0.72rem;
  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: 1px solid #f2cf96;
  border-radius: 50%;
  background: linear-gradient(145deg, #ce1f22, #a80d10);
  -webkit-box-shadow: 0 5px 13px rgba(181, 18, 22, 0.15);
          box-shadow: 0 5px 13px rgba(181, 18, 22, 0.15);
}
.head-mark[data-v-c69a6214] .van-icon {
  color: #ffe8b0 !important;
  font-size: 0.34rem;
}
.head-copy[data-v-c69a6214] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding-left: 0.15rem;
}
.head-title[data-v-c69a6214] {
  color: var(--red-deep);
  font-family: "STKaiti", "KaiTi", "SimKai", serif;
  font-size: 0.29rem;
  font-weight: 900;
  line-height: 1.35;
}
.head-sub[data-v-c69a6214] {
  margin-top: 0.06rem;
  color: var(--muted);
  font-size: 0.18rem;
  line-height: 1.5;
}
.head-star[data-v-c69a6214] {
  position: absolute;
  right: 0.14rem;
  bottom: -0.14rem;
  color: rgba(214, 157, 52, 0.13);
  font-size: 0.82rem;
  line-height: 1;
}
/* 客服主体 */
.service-panel[data-v-c69a6214] {
  position: relative;
  margin-top: 0.18rem;
  padding: 0.19rem;
  overflow: hidden;
  border: 1px solid var(--gold-line);
  border-radius: 0.18rem;
  background: linear-gradient(145deg, #fffefa 0%, #fff8ef 100%);
  -webkit-box-shadow: 0 8px 24px rgba(126, 57, 24, 0.065);
          box-shadow: 0 8px 24px rgba(126, 57, 24, 0.065);
}
.section-title[data-v-c69a6214] {
  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;
  margin-bottom: 0.17rem;
}
.section-title .line[data-v-c69a6214] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#d99b3b));
  background: linear-gradient(90deg, transparent, #d99b3b);
}
.section-title .line.right[data-v-c69a6214] {
  background: -webkit-gradient(linear, left top, right top, from(#d99b3b), to(transparent));
  background: linear-gradient(90deg, #d99b3b, transparent);
}
.section-title .title[data-v-c69a6214] {
  margin-left: 0.11rem;
  color: #7a1b17;
  font-family: "STKaiti", "KaiTi", "SimKai", serif;
  font-size: 0.27rem;
  font-weight: 900;
}
.section-title .star[data-v-c69a6214] {
  margin: 0 0.11rem 0 0.06rem;
  color: #dca53b;
  font-size: 0.18rem;
}
.service-list[data-v-c69a6214] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.12rem;
}
.service-card[data-v-c69a6214] {
  width: 100%;
  min-height: 1.2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.15rem;
  overflow: hidden;
  border: 1px solid #ecd2af;
  border-radius: 0.145rem;
  background: radial-gradient(circle at 103% -15%, rgba(223, 168, 75, 0.15) 0, rgba(223, 168, 75, 0.15) 0.65rem, transparent 0.66rem), linear-gradient(145deg, #fffdf9 0%, #fff5e6 100%);
  -webkit-box-shadow: 0 4px 14px rgba(126, 57, 24, 0.05);
          box-shadow: 0 4px 14px rgba(126, 57, 24, 0.05);
  text-align: left;
}
.service-card[data-v-c69a6214]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  bottom: 0.2rem;
  width: 0.045rem;
  border-radius: 0 0.04rem 0.04rem 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#c91f21), to(#dda643));
  background: linear-gradient(180deg, #c91f21, #dda643);
}
.service-card[data-v-c69a6214]:active {
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  border-color: rgba(189, 20, 24, 0.55);
  background: linear-gradient(145deg, #fffaf5 0%, #ffeddd 100%);
}
.service-icon[data-v-c69a6214] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.66rem;
          flex: 0 0 0.66rem;
  width: 0.66rem;
  height: 0.66rem;
  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: 1px solid #efcf99;
  border-radius: 50%;
  background: linear-gradient(145deg, #d21c1f, #a90c10);
  -webkit-box-shadow: 0 4px 10px rgba(182, 18, 21, 0.13);
          box-shadow: 0 4px 10px rgba(182, 18, 21, 0.13);
}
.service-icon[data-v-c69a6214] .van-icon {
  color: #ffe8af !important;
  font-size: 0.3rem;
}
.service-info[data-v-c69a6214] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding-left: 0.13rem;
}
.service-name[data-v-c69a6214] {
  color: #65251e;
  font-size: 0.22rem;
  font-weight: 900;
}
.service-desc[data-v-c69a6214] {
  margin-top: 0.055rem;
  color: #9c7868;
  font-size: 0.17rem;
  line-height: 1.45;
}
.service-status[data-v-c69a6214] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.08rem;
  color: #2d7d49;
  font-size: 0.16rem;
  font-weight: 900;
}
.status-dot[data-v-c69a6214] {
  width: 0.09rem;
  height: 0.09rem;
  margin-right: 0.045rem;
  border-radius: 50%;
  background: #35a35c;
  -webkit-box-shadow: 0 0 0 0.035rem rgba(53, 163, 92, 0.11);
          box-shadow: 0 0 0 0.035rem rgba(53, 163, 92, 0.11);
}
.service-arrow[data-v-c69a6214] {
  margin-left: 0.08rem;
  color: #9b6537 !important;
  font-size: 0.22rem !important;
}
.service-hint[data-v-c69a6214] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.16rem;
  padding: 0.11rem 0.12rem;
  border-radius: 0.11rem;
  background: #fff2df;
  color: #92715f;
  font-size: 0.16rem;
  line-height: 1.45;
}
.service-hint[data-v-c69a6214] .van-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0.01rem;
  margin-right: 0.06rem;
  color: #b78130 !important;
  font-size: 0.19rem;
}