page {
  background: #f7f7f7;
}

.sitePage {
  min-height: 100vh;
  background: linear-gradient(180deg, #fde8ea 0%, #f7f7f7 320rpx, #f7f7f7 100%);
  padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
}

.searchArea {
  padding: 22rpx 24rpx 18rpx;
}

.searchBox {
  height: 86rpx;
  background: #fff;
  border: 2rpx solid #b51616;
  border-radius: 12rpx;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.searchInput {
  flex: 1;
  height: 86rpx;
  padding: 0 20rpx;
  font-size: 30rpx;
  color: #222;
}

.searchPlaceholder {
  color: #9e9e9e;
  font-size: 30rpx;
}

.searchIconWrap {
  width: 88rpx;
  height: 86rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.siteList {
  padding: 0 24rpx 24rpx;
}

.siteCard {
  background: #fff;
  border-radius: 18rpx;
  padding: 22rpx 22rpx 18rpx;
  margin-top: 18rpx;
  box-shadow: 0 10rpx 24rpx rgba(0, 0, 0, 0.04);
}

.siteCardInner {
  display: flex;
  align-items: stretch;
}

.siteInfo {
  flex: 1;
  padding-right: 10rpx;
}

.siteRow {
  display: flex;
  align-items: flex-start;
  padding: 10rpx 0;
}

.siteRowTop {
  padding-top: 2rpx;
  padding-bottom: 14rpx;
}

.siteLabel {
  width: 170rpx;
  flex: 0 0 170rpx;
  color: #9a9a9a;
  font-size: 30rpx;
  line-height: 1.6;
}

.siteValue {
  flex: 1;
  color: #222;
  font-size: 30rpx;
  line-height: 1.6;
  word-break: break-all;
}

.siteValueStrong {
  font-weight: 700;
}

.siteDivider {
  height: 2rpx;
  background: #ededed;
}

.siteSide {
  width: 120rpx;
  flex: 0 0 160rpx;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding-left: 12rpx;
}

.navArrow {
  width: 14rpx;
  height: 14rpx;
  border-top: 5rpx solid #e60012;
  border-right: 5rpx solid #e60012;
  border-radius: 4rpx;
  transform: rotate(45deg);
  margin-right: 6rpx;
}

.distanceText {
  margin-top: 18rpx;
  font-size: 28rpx;
  color: #e60012;
  font-weight: 700;
}

.emptyWrap {
  padding: 40rpx 0;
  display: flex;
  justify-content: center;
}

.emptyText {
  font-size: 28rpx;
  color: #9a9a9a;
}

.bottomSafe {
  height: 20rpx;
}
