:root{
  --v2-panel:#f4f7fb;
  --v2-card:#fff;
  --v2-ink:#203957;
}

body.wechat-v2-home{
  background:var(--v2-panel)!important;
}

.wechat-v2-home main{
  min-height:100vh;
  min-height:100dvh;
  padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  background:var(--v2-panel);
}

.wechat-v2-home .entry-zone{
  min-height:calc(100vh - 62px);
  min-height:calc(100dvh - 62px - env(safe-area-inset-bottom));
  padding-bottom:16px;
  background:var(--v2-panel);
}

.wechat-v2-home .hero{
  height:clamp(184px,50vw,202px);
}

.wechat-v2-home .hero .dots{
  visibility:hidden;
  pointer-events:none;
}

.v2-service-panel{
  position:relative;
  z-index:12;
  margin:-18px 0 0;
  padding:12px 12px 20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.76);
  border-radius:20px 20px 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.86) 35%,rgba(255,255,255,.96) 72%,rgba(244,247,251,.92) 100%);
  box-shadow:none;
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  backdrop-filter:blur(16px) saturate(120%);
}

.v2-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.v2-service-card{
  position:relative;
  display:flex;
  min-width:0;
  min-height:clamp(80px,21vw,88px);
  padding:10px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  overflow:hidden;
  border:0;
  border-radius:14px;
  color:#fff;
  text-align:left;
  background:#537493;
  box-shadow:0 4px 12px rgba(22,96,162,.08);
}

.v2-service-card::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(90deg,rgba(0,83,183,.90) 0%,rgba(24,135,232,.38) 46%,rgba(67,180,246,.04) 76%,transparent 100%);
  pointer-events:none;
}

.v2-service-card:nth-child(2)::before{background:linear-gradient(90deg,rgba(0,112,112,.90) 0%,rgba(0,186,174,.38) 46%,rgba(73,221,204,.04) 76%,transparent 100%)}
.v2-service-card:nth-child(3)::before{background:linear-gradient(90deg,rgba(76,50,176,.89) 0%,rgba(132,88,231,.37) 46%,rgba(174,139,246,.04) 76%,transparent 100%)}
.v2-service-card:nth-child(4)::before{background:linear-gradient(90deg,rgba(0,103,180,.90) 0%,rgba(0,176,225,.36) 46%,rgba(69,211,244,.04) 76%,transparent 100%)}
.v2-service-card:nth-child(5)::before{background:linear-gradient(90deg,rgba(51,73,177,.90) 0%,rgba(96,116,230,.37) 46%,rgba(147,164,248,.04) 76%,transparent 100%)}
.v2-service-card:nth-child(6)::before{background:linear-gradient(90deg,rgba(0,113,89,.90) 0%,rgba(13,180,140,.37) 46%,rgba(76,221,179,.04) 76%,transparent 100%)}
.v2-service-card:nth-child(7)::before{background:linear-gradient(90deg,rgba(218,91,0,.90) 0%,rgba(247,151,32,.37) 46%,rgba(255,194,91,.04) 76%,transparent 100%)}
.v2-service-card:nth-child(8)::before{background:linear-gradient(90deg,rgba(91,48,170,.90) 0%,rgba(154,82,213,.37) 46%,rgba(197,135,237,.04) 76%,transparent 100%)}
.v2-service-card:nth-child(9)::before{background:linear-gradient(90deg,rgba(0,103,137,.90) 0%,rgba(0,168,184,.37) 46%,rgba(71,211,218,.04) 76%,transparent 100%)}
.v2-service-card:nth-child(10)::before{background:linear-gradient(90deg,rgba(164,47,82,.90) 0%,rgba(222,83,112,.37) 46%,rgba(246,135,151,.04) 76%,transparent 100%)}

.v2-service-card::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  pointer-events:none;
}

.v2-card-photo{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:66% center;
  transition:transform .28s ease;
}

.v2-service-card:active .v2-card-photo{transform:scale(1.035)}
.v2-service-card:nth-child(2) .v2-card-photo{object-position:69% center}
.v2-service-card:nth-child(4) .v2-card-photo{object-position:72% center}
.v2-service-card:nth-child(5) .v2-card-photo{object-position:64% center}
.v2-service-card:nth-child(6) .v2-card-photo{object-position:70% center}
.v2-service-card:nth-child(7) .v2-card-photo{object-position:55% 62%}
.v2-service-card:nth-child(8) .v2-card-photo{object-position:68% center}
.v2-service-card:nth-child(9) .v2-card-photo{object-position:70% center}
.v2-service-card:nth-child(10) .v2-card-photo{object-position:68% center}

.v2-card-copy{
  position:relative;
  z-index:2;
  display:flex;
  width:84%;
  max-width:84%;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  color:#fff;
  text-align:left;
  text-shadow:0 1px 4px rgba(0,22,52,.62);
}

.v2-card-title{
  display:block;
  min-width:0;
  max-width:100%;
  color:#fff;
  font-size:clamp(15px,4vw,17px);
  font-weight:750;
  line-height:1.2;
  letter-spacing:.1px;
  white-space:nowrap;
}

.v2-card-arrow{
  display:block;
  width:18px;
  height:7px;
  opacity:.5;
  filter:brightness(0) invert(1);
  transition:transform .18s ease;
}

.v2-service-card:active .v2-card-arrow{transform:translateX(2px)}

.wechat-v2-home .bottom-nav{
  z-index:70;
}

@media(max-width:340px){
  .v2-service-panel{padding-left:12px;padding-right:12px}
  .v2-service-grid{gap:8px}
  .v2-service-card{min-height:76px;padding:9px}
  .v2-card-title{font-size:14.5px}
}

@media(min-width:430px){
  .v2-service-panel{padding:12px 12px 22px}
  .v2-service-grid{gap:12px}
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .v2-service-panel{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,#fff 72%,rgba(244,247,251,.98) 100%)}
}

@media(prefers-reduced-motion:reduce){
  .v2-service-card{scroll-behavior:auto}
}