/* 首屏把产品入口和真实统计收进同一块玻璃，保留上方完整河谷。 */
.hero {
  min-height: 690px;
  height: max(690px, 100svh);
  max-height: 1100px;
  justify-content: flex-end;
}
.hero-content {
  width: min(1160px, calc(100% - 96px));
  padding: 0 0 clamp(94px, 12svh, 128px);
}
.hero-dock.glass {
  display: grid;
  grid-template-columns: minmax(270px,.84fr) minmax(0,1.16fr);
  align-items: center;
  gap: clamp(23px, 3vw, 42px);
  padding: 26px clamp(25px, 3vw, 42px);
  border: 1px solid rgba(255,255,255,.83);
  border-radius: 32px;
  background:
    radial-gradient(ellipse at 12% 0%, rgba(255,255,255,.65), transparent 66%),
    linear-gradient(135deg, rgba(247,250,246,.57), rgba(239,249,247,.32) 66%, rgba(235,245,245,.59));
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  backdrop-filter: blur(20px) saturate(1.2);
  box-shadow: 0 28px 62px -36px rgba(16,43,39,.65), inset 0 1px 0 rgba(255,255,255,.91);
}
html[data-theme=dark] .hero-dock.glass {
  border-color: rgba(227,245,247,.34);
  background:
    radial-gradient(ellipse at 12% 0%, rgba(161,212,198,.18), transparent 64%),
    linear-gradient(135deg, rgba(24,41,42,.85), rgba(14,28,33,.69) 72%, rgba(27,45,48,.83));
  box-shadow: 0 28px 62px -36px rgba(0,0,0,.72), inset 0 1px 0 rgba(235,252,249,.18);
}
.hero-info { width: auto; min-width: 0; padding: 0; margin: 0; }
.hero-release-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 4px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 620;
  letter-spacing: .02em;
  line-height: 1.5;
}
.hero-release-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.hero-release-link .status-dot { width: 6px; height: 6px; }
.hero-release-link svg { width: 11px; height: 11px; }
.hero-info .hero-subtitle {
  margin: 9px 0 0;
  color: var(--ink);
  font-family: inherit;
  font-size: clamp(23px, 2.3vw, 34px);
  font-weight: 650;
  line-height: 1.23;
  letter-spacing: -.045em;
  animation: none;
}
.hero-info .hero-description {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  animation: none;
}
.hero-info .hero-actions { gap: 9px; margin-top: 17px; animation: none; }
.hero-info .hero-actions .btn-large {
  gap: 7px;
  min-height: 42px;
  padding: 9px 15px;
  border-radius: 13px;
  font-size: 12px;
  white-space: nowrap;
}
.hero-info .hero-actions .btn-large svg { width: 15px; height: 15px; }
.hero-secondary { background: rgba(255,255,255,.12); border: 1px solid rgba(38,69,68,.24); color: var(--ink); }
.hero-secondary:hover { background: rgba(255,255,255,.42); }
html[data-theme=dark] .hero-secondary { background: rgba(228,248,243,.07); border-color: rgba(228,248,243,.25); }
html[data-theme=dark] .hero-secondary:hover { background: rgba(228,248,243,.16); }
.hero-dock > :is(.hero-info,.stats-panel) { animation: hero-dock-enter .68s var(--ease) both; }
.hero-dock > .stats-panel { animation-delay: .075s; }
html[data-motion=paused] .hero-dock > :is(.hero-info,.stats-panel) { animation: none; }
@keyframes hero-dock-enter {
  from { opacity: .42; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.features-section { padding-top: 80px; }
.feature-footnote { font-size: 10px; line-height: 1.8; margin-top: 16px; }
.skip-link:not(:focus-visible) { width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;pointer-events:none;transform:translateY(-200%); }
.skip-link:focus-visible { width:auto;height:auto;clip-path:none;padding:10px 20px;transform:none;pointer-events:auto; }

@media (max-width:900px) {
  .hero-content { width: calc(100% - 56px); }
}
@media (max-width:760px) {
  .hero { min-height: 100svh; height: auto; max-height: none; }
  .hero-content { width: min(520px, calc(100% - 38px)); padding-top: clamp(124px, 26svh, 218px); padding-bottom: 95px; }
  .hero-dock.glass { grid-template-columns: minmax(0,1fr); gap: 17px; padding: 19px 21px; border-radius: 27px; }
  .hero-info .hero-subtitle { font-size: clamp(22px, 4.7vw, 27px); }
  .hero-info .hero-actions { margin-top: 14px; }
}
@media (max-width:640px) {
  html { scroll-padding-top: 96px; }
  .site-header { top:12px;width:calc(100% - 28px);height:60px;padding-inline:17px;border-radius:23px; }
  .site-header.is-scrolled { top:10px;height:58px; }
  .site-header .brand { font-size:20px;font-weight:680; }
  .header-actions { gap:5px; }
  .header-download { font-size:11px;gap:8px;padding-left:12px;margin-left:3px; }
  .header-download svg { width:15px;height:15px; }
  .site-header .icon-button { width:33px;height:36px; }
  .site-header .icon-button svg { width:19px;height:19px; }
  .features-section { padding-top:50px; }
  .feature-footnote { font-size:9px; }
  .section-heading { gap:18px; }
  .section-description { font-size:11px; }
  .feature-workspace { border-radius:25px; }
  .feature-tabs button { font-size:12px; }
  .back-to-top { bottom:calc(104px + env(safe-area-inset-bottom,0px)); }
  .site-footer { padding-bottom:125px; }
}
@media (max-width:480px) {
  .hero-content { width: calc(100% - 28px); }
  .hero-dock.glass { gap: 15px; padding: 16px; border-radius: 23px; }
  .hero-release-link { font-size: 10px; }
  .hero-info .hero-description { font-size: 11px; }
  .hero-info .hero-actions .btn-large { min-height: 44px; padding-inline: 12px; }
}
@media (max-width:370px) {
  .site-header { height:57px;padding-inline:14px; }
  .site-header .brand { font-size:18px; }
  .header-actions { gap:2px; }
  .header-download { font-size:10px;padding-left:9px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-dock > :is(.hero-info,.stats-panel) { animation: none; }
}

/* 使用已核对的玩家皮肤透明头像，保留原始 alpha 通道。 */
.site-header .brand{display:inline-flex;align-items:center;gap:7px}.site-header .brand-avatar{display:block;flex:none;width:36px;height:36px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 2px rgba(0,0,0,.16))}
@media(max-width:640px){.site-header .brand{gap:5px}.site-header .brand-avatar{width:28px;height:28px}}
@media(max-width:370px){.site-header .brand-avatar{width:25px;height:25px}}