/* 副标题为短介绍：扩大行宽保留字号，桌面端排成完整两行。 */
#hero [data-key="hero-subtitle"] { max-width: 65rem; text-wrap: pretty; }
html[lang="zh-CN"] #hero [data-key="hero-subtitle"] { max-width: 51rem; }
html:not([lang="zh-CN"]) #hero h1 { font-size: clamp(2rem, 4vw, 3.5rem); }
/* 小号玻璃沿用当前App的mac-glass材质；Hero只调整控件尺寸和主次。 */
.hero-actions { --hero-glass-bg: rgb(0 0 0 / 1.5%); --hero-glass-edge: 0 8px 15px rgb(0 0 0 / 2%), 0 0 0 .5px rgb(0 0 0 / 9%), 1.25px 0 0 -.75px rgb(0 0 0 / 18%), -1.25px 0 0 -.75px rgb(0 0 0 / 18%), inset 0 40px 30px -40px rgb(0 0 0 / 10%), inset 0 40px 10px -40px rgb(255 255 255 / 35%), inset 0 -40px 10px -40px rgb(255 255 255 / 35%); display: flex; justify-content: center; align-items: flex-start; gap: 20px; margin: 0 auto 8px; }
.hero-action-primary { width: max-content; min-width: 280px; max-width: 100%; }
.hero-action-secondary { width: max-content; min-width: 200px; max-width: 100%; }
.hero-download-primary, .hero-extension-trigger { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 56px; padding: 0 24px; border: 0; border-radius: 999px; font-family: inherit; color: #1a1a1a; text-decoration: none; cursor: pointer; transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease; }
.hero-download-primary { white-space: nowrap; background: var(--hero-glass-bg); box-shadow: var(--hero-glass-edge); -webkit-backdrop-filter: blur(3px) saturate(160%); backdrop-filter: blur(3px) saturate(160%); font-size: 18px; font-weight: 600; }
/* 单片白蓝反射始终向右流动；只轻微舒展，离开按钮后透明复位。 */
.hero-download-primary.glass-flow { --mac-glass-edge: var(--hero-glass-edge); --mac-glass-blur: blur(3px) saturate(160%); --glass-flow-light-strength: .6; background: rgb(255 255 255 / 72%); box-shadow: var(--hero-glass-edge), inset 0 1.2px 0 rgb(255 255 255 / 95%), inset 0 -.8px 0 rgb(255 255 255 / 65%); }
.hero-download-primary.glass-flow > .v1-try-sweep::before { content: ''; position: absolute; top: -40%; left: -72%; width: 72%; height: 180%; pointer-events: none; background: radial-gradient(ellipse at 34% 52%, rgb(147 197 253 / 40%), transparent 64%), radial-gradient(ellipse at 70% 42%, rgb(196 181 253 / 19%), transparent 58%), radial-gradient(ellipse at 55% 46%, rgb(255 255 255 / 82%), transparent 48%); border-radius: 44% 56% 58% 42% / 52% 44% 56% 48%; filter: blur(8px); transform: translateX(0) scale(.92, .96); opacity: 0; animation: none; }
@media (prefers-reduced-motion: no-preference) { .hero-download-primary.glass-flow > .v1-try-sweep::before { animation: download-light-current 7.8s linear infinite; } }
@keyframes download-light-current {
  0% { transform: translate(0, 0) scale(.92, .96); border-radius: 44% 56% 58% 42% / 52% 44% 56% 48%; opacity: 0; }
  18% { transform: translate(48%, -2%) scale(1.08, .82); border-radius: 54% 46% 46% 54% / 44% 54% 46% 56%; opacity: .72; }
  40% { transform: translate(115%, 2%) scale(.94, 1.04); border-radius: 46% 54% 56% 44% / 56% 46% 54% 44%; opacity: .86; }
  62% { transform: translate(181%, -1%) scale(1.1, .84); border-radius: 56% 44% 48% 52% / 46% 56% 44% 54%; opacity: .8; }
  84% { transform: translate(245%, 0) scale(.96, .96); border-radius: 48% 52% 54% 46% / 54% 46% 54% 46%; opacity: .36; }
  100% { transform: translate(270%, 0) scale(.92, .96); border-radius: 44% 56% 58% 42% / 52% 44% 56% 48%; opacity: 0; }
}
.hero-download-primary:hover { background: rgb(255 255 255 / 92%); box-shadow: var(--hero-glass-edge), inset 0 1.2px 0 #fff, inset 0 -.8px 0 rgb(255 255 255 / 80%); }
.hero-extension-trigger { white-space: nowrap; background: #f7f7f7; font-size: 16px; font-weight: 500; color: #4a4a4a; }
.hero-extension-trigger:hover, .hero-extension-trigger[aria-expanded="true"] { background: #efefef; color: #1a1a1a; }
.hero-download-primary:active, .hero-extension-trigger:active { transform: scale(.985); }
.hero-download-primary:focus-visible, .hero-extension-trigger:focus-visible, .hero-extension-menu a:focus-visible { outline: 2px solid #6480ea; outline-offset: 4px; }
.hero-extension-trigger svg { width: 14px; height: 14px; transition: transform 160ms ease; }
.hero-extension-trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
.download-dropdown { position: relative; }
.hero-extension-menu { position: absolute; z-index: 50; right: 0; top: calc(100% + 10px); width: 240px; padding: 6px; border-radius: 18px; text-align: left; background: rgb(255 255 255 / 92%); -webkit-backdrop-filter: blur(24px) saturate(170%); backdrop-filter: blur(24px) saturate(170%); box-shadow: 0 12px 30px rgb(15 23 42 / 11%), 0 2px 8px rgb(15 23 42 / 5%), 0 0 0 .5px rgb(0 0 0 / 8%); }
.hero-extension-menu[hidden] { display: none; }
.hero-extension-menu::before { content: ''; position: absolute; top: -12px; left: 0; right: 0; height: 12px; }
.hero-extension-menu a { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; color: #1a1a1a; transition: background 140ms ease; }
.hero-extension-menu a:hover, .hero-extension-menu a:focus-visible { background: #f2f2f2; }
.hero-extension-menu img { width: 24px; height: 24px; flex-shrink: 0; }
.hero-extension-menu [data-key="dropdown-chrome"], .hero-extension-menu [data-key="dropdown-edge"] { margin: 0; font-size: 14px; font-weight: 500; }
.hero-extension-menu [data-key$="-desc"] { margin: 2px 0 0; color: #7a7a7a; font-size: 12px; line-height: 1.5; }
.hero-product-preview { position: relative; width: 100%; max-width: 1024px; aspect-ratio: 14 / 9; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 14px; background: #fff; box-shadow: 0 20px 48px -24px rgb(17 24 39 / 18%); }
.hero-preview-shell { max-width: 1024px; }
.hero-product-layer { position: absolute; inset: 0; transition: opacity 180ms ease; }
.hero-product-layer img, .hero-product-layer iframe, .hero-product-layer video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: contain; }
.hero-product-layer iframe { opacity: 0; }
[data-desktop-ready="true"] [data-preview-desktop] iframe { opacity: 1; }
[data-preview="desktop"] [data-preview-plugin],
[data-preview="plugin"][data-plugin-ready="true"] [data-preview-desktop] { opacity: 0; pointer-events: none; visibility: hidden; }
[data-preview="plugin"] [data-preview-desktop] { pointer-events: none; }
[data-preview="plugin"] [data-preview-desktop] iframe { opacity: 0; visibility: hidden; }
[data-preview-plugin] img, [data-preview-plugin] video { opacity: 0; }
[data-plugin-ready="true"] [data-preview-plugin] img,
[data-plugin-playing="true"] [data-preview-plugin] video { opacity: 1; }
@media (max-width: 639px) {
  #hero h1 { font-size: 32px; }
  .hero-actions { flex-direction: column; align-items: center; gap: 16px; max-width: 448px; }
  .hero-action-primary { width: 100%; min-width: 0; }
  .hero-extension-trigger { min-height: 44px; }
}
/* 窄手机为完整译文腾出空间，保持按钮单行和原高度。 */
@media (max-width: 359px) {
  .hero-download-primary { font-size: 16px; gap: 8px; padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) { .hero-product-layer, .hero-download-primary, .hero-extension-trigger, .hero-extension-trigger svg { transition: none; } }
@media (prefers-reduced-transparency: reduce) { .hero-download-primary.glass-flow { background: #f5f5f5; backdrop-filter: none; } .hero-extension-menu { background: #fff; backdrop-filter: none; } }