.oldsite-channel {
  isolation: isolate;
}

.oldsite-channel a {
  text-decoration: none;
}

.oldsite-channel img {
  max-width: none;
}

.oldsite-channel.comPower-page img,
.oldsite-channel.community-page img,
.oldsite-channel.community-detail-page img {
  max-width: 100%;
}

.oldsite-channel .banner-section,
.oldsite-channel .community-hero {
  margin: 0;
}

.comPower-page {
  background: #fff4f4 !important;
}

.comPower-page .comPower-reveal {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

.comPower-page .banner-section {
  position: relative;
  background: linear-gradient(135deg, #d71920 0%, #8f1117 52%, #2a2a2a 100%);
}

.comPower-page .banner-section .banner-img {
  filter: hue-rotate(120deg) saturate(1.18) brightness(.95);
}

.comPower-page .search-section .title .title-l,
.comPower-page .search-section .tab-box .tab-item:hover .tab-item-label {
  color: #d71920 !important;
}

.comPower-page .search-section .tab-box .tab-item.active-tab {
  background: #d71920 !important;
  box-shadow: 0 .08rem .22rem rgba(215, 25, 32, .22);
}

.comPower-page .search-section .tab-box .tab-item.active-tab .tab-item-label {
  color: #fff !important;
}

.comPower-page .search-section .search-div {
  position: relative;
  width: min(6.56rem, calc(100% - .48rem)) !important;
  height: .62rem !important;
  margin: .48rem auto 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 0 .2rem !important;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid rgba(215, 25, 32, .12);
  border-radius: .12rem !important;
  box-shadow: 0 .12rem .32rem rgba(215, 25, 32, .08);
  box-sizing: border-box;
}

.comPower-page .search-section .search-div .icon-search {
  flex: 0 0 .4rem;
  display: grid;
  place-items: center;
  height: 100%;
}

.comPower-page .search-section .search-div .icon-search .icon-search-img {
  width: .2rem !important;
  height: .2rem !important;
  margin: 0 !important;
  object-fit: contain !important;
}

.comPower-page .search-section .search-div .search-input {
  flex: 1 1 auto !important;
  min-width: 0;
  height: 100% !important;
  background: transparent !important;
}

.comPower-page .search-section .search-div .search-input .search-input-text {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  color: #222 !important;
  font-size: .15rem !important;
  line-height: .62rem !important;
  box-shadow: none !important;
}

.comPower-page .search-section .tab-box {
  width: min(9.2rem, calc(100% - .48rem));
  margin: .32rem auto 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: .14rem !important;
  background: transparent !important;
}

.comPower-page .search-section .tab-box .tab-item {
  flex: 0 0 auto;
  min-width: .92rem !important;
  height: .38rem !important;
  padding: 0 .14rem !important;
  border: 1px solid rgba(215, 25, 32, .08);
  border-radius: .22rem !important;
  box-shadow: 0 .08rem .2rem rgba(88, 18, 22, .05);
}

.comPower-page .search-section .tab-box .tab-item .tab-item-img {
  flex: 0 0 .2rem;
  width: .2rem !important;
  height: .2rem !important;
  object-fit: contain !important;
}

.comPower-page .search-section .tab-box .tab-item .tab-item-label {
  white-space: nowrap;
}

.comPower-page .tool-list-section .tool-item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 3.12rem;
  border: 1px solid rgba(215, 25, 32, .09);
  border-radius: .18rem !important;
  box-shadow: 0 .1rem .28rem rgba(88, 18, 22, .08);
}

.comPower-page .tool-list-section .tool-item:hover {
  box-shadow: 0 .16rem .36rem rgba(215, 25, 32, .14);
}

.comPower-page .tool-list-section .tool-item .top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .16rem;
  margin-bottom: .18rem !important;
}

.comPower-page .tool-list-section .tool-item .top .left {
  flex: 1 1 auto;
  min-width: 0;
  display: flex !important;
  align-items: center !important;
  gap: .14rem !important;
}

.comPower-page .tool-list-section .tool-item .top .left .img-box {
  flex: 0 0 .64rem;
  width: .64rem !important;
  height: .64rem !important;
  display: grid !important;
  place-items: center;
  margin-right: .02rem !important;
  padding: .08rem;
  overflow: hidden !important;
  background: linear-gradient(180deg, #fff, #fff7f7);
  border: 1px solid #f0d7d8;
  border-radius: .16rem !important;
  box-sizing: border-box;
}

.comPower-page .tool-list-section .tool-item .top .left .img-box .logo {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: .1rem;
}

.comPower-page .tool-list-section .tool-item .top .left .info-box {
  flex: 1 1 auto;
  min-width: 0;
}

.comPower-page .tool-list-section .tool-item .top .left .info-box .name {
  max-width: 2.15rem;
  color: #17181a !important;
  letter-spacing: 0;
}

.comPower-page .tool-list-section .tool-item .top .left .info-box .tag-box .tag-item {
  flex: 0 0 auto;
  min-width: auto !important;
  height: .2rem !important;
  padding: 0 .06rem !important;
  border-color: #d71920 !important;
  color: #d71920 !important;
  background: #fff4f4;
}

.comPower-page .tool-list-section .tool-item .top .right {
  flex: 0 0 .36rem;
  display: grid !important;
  place-items: center;
}

.comPower-page .tool-list-section .tool-item .top .right .icon-right {
  width: .36rem !important;
  height: .36rem !important;
  object-fit: contain !important;
}

.comPower-page .tool-list-section .tool-item .bottom {
  -webkit-line-clamp: 3 !important;
  min-height: .6rem;
  color: #666 !important;
}

.tool-meta-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .08rem;
  margin-top: .16rem;
  padding-top: .14rem;
  border-top: 1px solid #f0d7d8;
}

.tool-meta-grid div {
  display: grid;
  grid-template-columns: .72rem minmax(0, 1fr);
  gap: .08rem;
  min-width: 0;
  font-size: .12rem;
  line-height: .18rem;
}

.tool-meta-grid span {
  color: #999;
}

.tool-meta-grid strong {
  overflow: hidden;
  color: #333;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tool-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .16rem;
  color: #d71920;
  font-size: .13rem;
  font-weight: 700;
}

.tool-card-actions em {
  padding: .03rem .08rem;
  border-radius: .12rem;
  background: #d71920;
  color: #fff;
  font-style: normal;
  font-size: .12rem;
  font-weight: 500;
}

.tool-detail-page {
  background:
    radial-gradient(circle at top left, rgba(215, 25, 32, .16), transparent 34%),
    #fff4f4 !important;
}

.tool-detail-mask.is-page .tool-detail-dialog {
  width: min(8.2rem, calc(100vw - .48rem));
  border: 1px solid rgba(215, 25, 32, .1);
  box-shadow: 0 .18rem .6rem rgba(215, 25, 32, .16);
}

.tool-detail-mask .tool-detail-dialog .detail-header .detail-header-left .detail-name,
.tool-detail-mask .tool-detail-dialog .detail-header .detail-close {
  color: #231f20 !important;
}

.detail-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .12rem;
  margin: 0 0 .22rem;
}

.detail-info-grid div {
  min-width: 0;
  padding: .12rem;
  border-radius: .1rem;
  background: #fff5f5;
  border: 1px solid #f1d3d5;
}

.detail-info-grid span {
  display: block;
  margin-bottom: .06rem;
  color: #999;
  font-size: .12rem;
}

.detail-info-grid strong {
  display: block;
  overflow: hidden;
  color: #222;
  font-size: .13rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tool-detail-mask .tool-detail-dialog .detail-btn {
  background: #d71920 !important;
  box-shadow: 0 3px .08rem rgba(215, 25, 32, .35) !important;
}

.comPower-page .page-box .page-number-box .page-number-item.active-page-number {
  border-color: #d71920 !important;
  color: #d71920 !important;
}

.tool-detail-page {
  min-height: 6.8rem;
  padding: .64rem .24rem;
}

.tool-detail-mask.is-page {
  position: static;
  display: flex;
  justify-content: center;
  width: 100%;
  background: transparent;
}

.tool-detail-mask.is-page .tool-detail-dialog {
  max-height: none;
  box-shadow: 0 .18rem .6rem rgba(215, 25, 32, .16);
}

.tool-detail-mask.is-page .detail-close {
  text-decoration: none;
}

.community-page .park-card__benefits {
  display: block;
}

.community-page {
  background: #fff7f7 !important;
  color: #222 !important;
}

.community-page .community-hero {
  position: relative;
  overflow: hidden;
  background: #2a2a2a !important;
}

.community-page .community-hero__img {
  display: block;
  width: 100% !important;
  height: auto;
  filter: hue-rotate(135deg) saturate(1.05) brightness(.92);
}

.community-page .community-parks {
  background: #fff7f7 !important;
}

.community-page .community-parks__title {
  color: #17181a !important;
}

.community-page .community-parks__subtitle {
  color: #666 !important;
}

.community-page .community-filter__area {
  background: #fff !important;
  border: 1px solid rgba(215, 25, 32, .22) !important;
  color: #d71920 !important;
  box-shadow: 0 .08rem .2rem rgba(215, 25, 32, .08);
}

.community-page .park-card {
  overflow: hidden;
  background: #fff !important;
  border: 1px solid rgba(215, 25, 32, .1);
  box-shadow: 0 .12rem .34rem rgba(88, 18, 22, .08);
}

.community-page .park-card:hover {
  box-shadow: 0 .18rem .42rem rgba(215, 25, 32, .14);
}

.community-page .park-card__img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.community-page .park-card__name {
  color: #17181a !important;
}

.community-page .park-card__focus {
  background: #fff4f4 !important;
  color: #d71920 !important;
  border: 1px solid #f0d7d8;
}

.community-page .park-card__desc {
  color: #666 !important;
}

.community-page .benefit-cell {
  background: #fff9f9 !important;
  border: 1px solid #f2dede;
}

.community-page .benefit-cell__highlight {
  color: #d71920 !important;
}

.community-page .benefit-cell__sub {
  color: #555 !important;
}

.community-page .community-settle-btn {
  background: #d71920 !important;
  color: #fff !important;
  box-shadow: 0 .08rem .18rem rgba(215, 25, 32, .22);
}

.community-detail-page {
  background: #fff7f7 !important;
}

.community-detail-page .community-detail__header {
  background:
    radial-gradient(circle at top left, rgba(215, 25, 32, .14), transparent 34%),
    #fff7f7 !important;
}

.community-detail-page .community-detail__back:hover,
.community-detail-page .metric-item__value.is-link,
.community-detail-page .community-detail__qr-btn {
  color: #d71920 !important;
}

.community-detail-page .community-detail__mini-settle,
.community-detail-page .community-detail__badge,
.community-detail-page .community-settle-panel__confirm {
  background: #d71920 !important;
  color: #fff !important;
}

.community-detail-page .community-detail__qr-btn {
  background: #fff4f4 !important;
}

.community-detail-page .community-detail__cover,
.community-detail-page .community-detail__side-card {
  border: 1px solid rgba(215, 25, 32, .1);
  box-shadow: 0 .12rem .34rem rgba(88, 18, 22, .08);
}

.community-detail-page .community-detail__content {
  background: #fff !important;
}

.community-detail-page .community-detail__section-title,
.community-detail-page .metric-item__label,
.community-detail-page .community-detail__name {
  color: #17181a !important;
}

.community-detail-page .community-detail__mini-settle {
  cursor: default;
}

.community-detail-page .community-detail__long-desc img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 900px) {
  .community-page .community-parks {
    padding-right: .24rem;
    padding-left: .24rem;
  }

  .community-detail-page .community-detail__header,
  .community-detail-page .community-detail__content {
    padding-right: .24rem;
    padding-left: .24rem;
  }

  .detail-info-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .detail-info-grid {
    grid-template-columns: 1fr;
  }
}