/* Only the native /about template owns this exact structure. */
.about-card-with-mascot > .about-card-mascot {
  /* Let the animated mascot's drop-shadow extend beyond its image box. */
  clip-path: none;
  overflow: visible;
}

.about-card-with-mascot > .about-card-mascot > img {
  background: transparent !important;
  clip-path: none;
  overflow: visible;
}

.about-hero-avatar > img[data-wuwa-about-avatar="true"] {
  object-fit: contain;
  transition:
    filter 420ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 360ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.about-hero-avatar > img[data-wuwa-about-avatar-state="loading"] {
  filter: saturate(0.82);
  opacity: 0.48;
  transform: scale(0.94) rotate(-2deg);
}

.about-hero-avatar > img[data-wuwa-about-avatar-state="ready"] {
  filter: saturate(1.04);
  opacity: 1;
  transform: scale(1);
}

.about-hero-avatar:hover > img[data-wuwa-about-avatar-state="ready"] {
  transform: scale(1.045) rotate(1.5deg);
}

.about-stats[data-wuwa-about-stats="true"] {
  --wuwa-about-stat-gap: 1rem;
  align-items: stretch;
  box-sizing: border-box;
  container-type: inline-size;
  display: grid !important;
  flex: 0 0 min(40%, 410px);
  gap: var(--wuwa-about-stat-gap);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 100%;
  min-width: 0;
  width: min(40%, 410px);
}

.about-stats[data-wuwa-about-stats="true"] > .stat-divider {
  display: none !important;
}

.about-stats[data-wuwa-about-stats="true"] > .stat-item {
  animation: wuwa-about-stat-enter 460ms cubic-bezier(0.16, 1, 0.3, 1) both;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding-block: clamp(0.85rem, 2vw, 1.15rem);
  padding-inline: 0;
  position: relative;
  text-align: center;
}

.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="1"],
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="2"],
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="4"],
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="5"] {
  border-left: 0;
}

.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="1"]::before,
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="2"]::before,
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="4"]::before,
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="5"]::before {
  background: linear-gradient(to bottom, transparent, color-mix(in srgb, currentColor 14%, transparent) 20%, color-mix(in srgb, currentColor 14%, transparent) 80%, transparent);
  content: "";
  inset-block: 18%;
  left: calc(var(--wuwa-about-stat-gap, 1rem) / -2);
  position: absolute;
  width: 1px;
}

.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="3"]::after,
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="4"]::after,
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="5"]::after {
  background: linear-gradient(to right, transparent, color-mix(in srgb, currentColor 14%, transparent) 16%, color-mix(in srgb, currentColor 14%, transparent) 84%, transparent);
  content: "";
  height: 1px;
  left: 8%;
  position: absolute;
  right: 8%;
  top: calc(var(--wuwa-about-stat-gap, 1rem) / -2);
}

.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="1"],
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="4"] {
  animation-delay: 55ms;
}

.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="2"],
.about-stats[data-wuwa-about-stats="true"] > [data-wuwa-about-stat-index="5"] {
  animation-delay: 110ms;
}

.about-stats[data-wuwa-about-stats="true"] .stat-num {
  display: block;
  font-size: clamp(1.18rem, 2.3vw, 1.6rem);
  font-size: min(clamp(1.18rem, 2.3vw, 1.6rem), 7cqi);
  text-align: center;
  width: 100%;
  white-space: nowrap;
}

.about-stats[data-wuwa-about-stats="true"] .stat-label {
  display: block;
  font-size: clamp(0.68rem, 1.25vw, 0.82rem);
  line-height: 1.35;
  text-align: center;
  width: 100%;
}

@keyframes wuwa-about-stat-enter {
  from {
    opacity: 0;
    transform: translateY(0.45rem) scale(0.985);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 768px) {
  /* Keep the native fade, but do not push side tags outside a phone viewport. */
  .about-hero {
    overflow-x: clip;
  }

  .about-hero .about-avatar-wrapper :is(.hero-tags-left, .hero-tags-right)[data-aos] {
    transform: translate3d(0, 0.75rem, 0);
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  }

  .about-hero .about-avatar-wrapper :is(.hero-tags-left, .hero-tags-right)[data-aos].aos-animate {
    transform: translate3d(0, 0, 0);
  }

  .about-stats[data-wuwa-about-stats="true"] {
    --wuwa-about-stat-gap: 0.75rem;
    flex: 1 1 auto;
    margin-inline: auto;
    width: 100%;
  }

  .about-stats[data-wuwa-about-stats="true"] .stat-num {
    font-size: clamp(0.875rem, 4.2vw, 1.1rem);
    font-size: clamp(0.875rem, 6cqi, 1.1rem);
  }

  .about-stats[data-wuwa-about-stats="true"] .stat-label {
    font-size: clamp(0.625rem, 3.5cqi, 0.75rem);
  }
}

:is(.about-text,.about-history)[data-wuwa-story-rendered]{white-space:normal!important}
:is(.about-text,.about-history)[data-wuwa-story-rendered] > p{margin:0 0 1.25em;line-height:1.9;font-weight:750;color:var(--color-text)}
:is(.about-text,.about-history)[data-wuwa-story-rendered] p:last-child{margin-bottom:0}
:is(.about-text,.about-history)[data-wuwa-story-rendered] strong{font-weight:750;color:var(--color-text)}
.about-text .wuwa-next-station{font:inherit;line-height:1.65;border:0;border-radius:3px;padding:2px 6px;background:#111;color:transparent;cursor:pointer;transition:color .35s cubic-bezier(.16,1,.3,1),background .35s ease}
.about-text .wuwa-next-station:is(:hover,:focus-visible,[aria-expanded="true"]){color:var(--color-accent,#bea151)}
.about-text .wuwa-next-station:focus-visible{outline:2px solid var(--color-accent,#bea151);outline-offset:3px}
@media (prefers-reduced-motion: reduce) {
  .about-text .wuwa-next-station{transition:none}
  .about-hero .about-avatar-wrapper :is(.hero-tags-left, .hero-tags-right)[data-aos] {
    transform: none !important;
    transition: none !important;
  }

  .about-hero-avatar > img[data-wuwa-about-avatar="true"] {
    transition: none !important;
  }

  .about-stats[data-wuwa-about-stats="true"] > .stat-item {
    animation: none !important;
  }
}

.wuwa-contributors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:28px 0 16px;padding:0}
.wuwa-contributors>li{min-width:0;margin:0;padding:0;list-style:none}
.wuwa-contributor{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;row-gap:10px;height:100%;box-sizing:border-box;padding:16px 18px;border:1px solid var(--color-border,rgba(160,160,160,.16));border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.025));backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 18px rgba(0,0,0,.035);color:var(--color-text);text-decoration:none!important;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease,background .35s ease}
.wuwa-contributor:is(:hover,:focus-visible){transform:translateY(-5px);border-color:var(--color-accent,#bea151);background:rgba(190,161,81,.065);box-shadow:0 12px 34px rgba(190,161,81,.12),0 0 22px rgba(190,161,81,.06)}
.wuwa-contributor:focus-visible{outline:2px solid var(--color-accent,#bea151);outline-offset:4px}
.wuwa-contributor-avatar{position:relative;display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border-radius:50%;background:rgba(190,161,81,.12);color:var(--color-accent,#bea151);font-size:21px}
.wuwa-contributor-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0!important;border-radius:inherit}
.wuwa-contributor-identity{align-self:center;min-width:0;display:grid;gap:3px}
.wuwa-contributor-name{font-size:16px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.wuwa-contributor-uid{font-size:11px;line-height:1.5;color:var(--color-text-secondary,#999);letter-spacing:.035em}
.wuwa-contributor-signature{grid-column:1/-1;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;min-height:1.7em;font-size:13px;line-height:1.7;color:var(--color-text-secondary,#999);white-space:nowrap}
@media(max-width:900px){.wuwa-contributors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wuwa-contributors{grid-template-columns:1fr;gap:12px;margin-top:22px}.wuwa-contributor{padding:14px 16px;row-gap:8px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.wuwa-contributor{transition:none!important;transform:none!important}}