/* Semantic component styles for the public download page. */
.zy-download-page { --bs-body-bg: #fff; --bs-body-color: #050505; min-width: 320px; overflow-x: hidden; background: #fff; color: #050505; font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.zy-download-header, .zy-download-hero, .zy-download-section, .zy-download-cta-section, .zy-download-footer { width: min(100% - 3rem, 1120px); margin-inline: auto; }
.zy-download-header { display: flex; min-height: 6rem; align-items: center; justify-content: space-between; gap: 1rem; }
.zy-download-brand { display: inline-flex; align-items: center; gap: .75rem; color: inherit; text-decoration: none; }
.zy-download-brand-logo { width: 2.5rem; height: 2.5rem; }
.zy-download-brand-copy { display: flex; flex-direction: column; }
.zy-download-brand-name { font-size: 1.125rem; font-weight: 700; letter-spacing: .08em; }
.zy-download-brand-name span { background: linear-gradient(90deg, #818cf8, #c084fc, #ec4899); -webkit-background-clip: text; background-clip: text; color: transparent; }
.zy-download-brand-tagline { color: #94a3b8; font-family: monospace; font-size: .625rem; letter-spacing: .12em; line-height: 1; text-transform: uppercase; }
.zy-download-nav { display: none; gap: 4rem; font-size: .9375rem; font-weight: 500; }
.zy-download-nav a { color: inherit; text-decoration: none; }.zy-download-nav .is-current { text-decoration: underline; text-underline-offset: .25rem; }
.zy-download-header-action, .zy-download-button { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; border-radius: 999px; font-weight: 600; text-decoration: none; }
.zy-download-header-action { padding: 1rem 2.25rem; background: linear-gradient(90deg, #6366f1, #a855f7, #ec4899); color: #fff; font-size: .9375rem; }
.zy-download-hero { display: grid; gap: 2.5rem; padding-block: 2rem 5rem; }.zy-download-hero-content { position: relative; z-index: 1; min-width: 0; }
.zy-download-hero-badge-wrap { display: flex; justify-content: center; }.zy-download-hero-badge { display: inline-flex; align-items: center; gap: .375rem; padding: .375rem .875rem; border: 1px solid rgba(99,102,241,.2); border-radius: 999px; background: rgba(99,102,241,.1); color: #818cf8; font: 600 .75rem monospace; letter-spacing: .04em; }.zy-download-hero-badge-icon { width: .875rem; height: .875rem; }
.zy-download-hero-title, .zy-download-hero-subtitle, .zy-download-section-title { font-family: "Songti SC", "STSong", "Noto Serif SC", serif; font-weight: 900; }.zy-download-hero-title { margin: 1.25rem 0 0; font-size: clamp(4.125rem,9vw,5.5rem); line-height: 1.08; }.zy-download-hero-subtitle { display: block; margin-top: 1.25rem; font-size: clamp(2.25rem,5vw,2.875rem); }.zy-download-hero-copy { max-width: 520px; margin: 2.5rem 0 0; color: #8a8a8f; font-size: 1.25rem; line-height: 2.5rem; }
.zy-download-hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; margin-top: 3.5rem; }.zy-download-button { padding: 1.25rem 1.5rem; font-size: 1.125rem; }.zy-download-button-primary { background: #080c1b; color: #fff; }.zy-download-button-secondary { border: 1px solid #ececf2; color: #8c8c94; }.zy-download-button-icon { width: 1.25rem; height: 1.25rem; }
.zy-download-platforms, .zy-download-cta-platforms { display: grid; grid-template-columns: repeat(2, max-content); gap: 1rem 1.5rem; margin-top: 3.5rem; color: #232323; font-size: 1rem; }.zy-download-platform { display: inline-flex; align-items: center; gap: .75rem; white-space: nowrap; }.zy-download-platform svg { width: 2rem; height: 2rem; flex: 0 0 auto; }
.zy-download-hero-visual { position: relative; display: flex; justify-content: center; }.zy-download-hero-backdrop { display: none; }.zy-download-hero-device { position: relative; z-index: 1; width: min(100%,332px); overflow: hidden; }.zy-download-hero-image { display: block; width: 100%; height: auto; object-fit: cover; }
.zy-download-section { padding-bottom: 7rem; }.zy-download-category { padding-top: 2.5rem; }.zy-download-section-heading { text-align: center; }.zy-download-section-title { margin: 0; font-size: clamp(2.25rem,5vw,3rem); }.zy-download-section-copy { margin: 1.25rem 0 0; color: #999; font-size: 1.25rem; }
.zy-download-category-grid, .zy-download-feature-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 3.5rem; }.zy-download-category-card { min-height: 22.5rem; padding: 1.75rem; border-radius: .75rem; background-position: center; background-size: cover; color: #fff; }.zy-download-category-card h3 { margin: 0; font: 900 2.25rem "Songti SC", "STSong", "Noto Serif SC", serif; }.zy-download-category-card p { margin: .25rem 0 0; color: rgba(255,255,255,.55); font-size: 1.5rem; text-transform: uppercase; }.zy-download-category-card-movie { background-image: url("../images/p2896589512.webp"); }.zy-download-category-card-series { background-image: url("../images/p2931027879.webp"); }.zy-download-category-card-anime { background-image: url("../images/p2928386930.webp"); }.zy-download-category-card-variety { background-image: url("../images/p2907459820.webp"); }
.zy-download-feature-grid { gap: 2.5rem; text-align: center; }.zy-download-feature-icon { display: grid; width: 4rem; height: 4rem; margin-inline: auto; place-items: center; border-radius: 1rem; box-shadow: 0 10px 36px rgba(20,20,40,.06); color: #785cff; }.zy-download-feature-icon svg { width: 2.25rem; height: 2.25rem; }.zy-download-feature-item h3 { margin: 2.25rem 0 0; font-size: 1.25rem; }.zy-download-feature-item p { max-width: 210px; margin: 1.25rem auto 0; color: #999; font-size: 1.125rem; line-height: 2rem; }
.zy-download-reviews-viewport { margin-top: 3.5rem; overflow: hidden; }#reviews-track { display: grid; grid-template-columns: 1fr; gap: 2rem; transition: transform .34s ease, opacity .34s ease, filter .34s ease; will-change: transform, opacity, filter; }.zy-download-review-dots { display: flex; justify-content: center; gap: 1rem; margin-top: 3rem; }.zy-download-review-dot { width: .75rem; height: .75rem; padding: 0; border: 0; border-radius: 50%; background: #d5d5d5; transition: background-color .2s; }.zy-download-review-dot.is-active { background: #785cff; }.zy-review-card { padding: 2rem; background: #fff; box-shadow: 0 10px 36px rgba(20,20,40,.06); }.zy-review-person { display: flex; align-items: center; gap: 1rem; }.zy-review-person h3 { margin: 0; font-size: 1.125rem; }.zy-review-person p { margin: .25rem 0 0; color: #f3bd35; }.zy-review-avatar { width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover; }.zy-review-quote { margin: 2.25rem 0 0; color: #777; font-size: 1.125rem; line-height: 2.25rem; }
.zy-reviews-slide-out-left, .zy-reviews-slide-out-right { transform: scale(.96); opacity: 0; filter: blur(6px); }.zy-reviews-slide-in-left, .zy-reviews-slide-in-right { transform: translateY(26px) scale(.98); opacity: 0; filter: blur(10px); }
.zy-download-cta-section { padding-bottom: 4rem; }.zy-download-cta { display: flex; flex-direction: column; gap: 2.5rem; padding: 2.5rem 3rem; border: 1px solid #f0f0f3; background: #fff; box-shadow: 0 10px 36px rgba(20,20,40,.06); }.zy-download-cta h2 { margin: 0; font-size: 1.875rem; line-height: 1.4; }.zy-download-cta-platforms { margin: 0; font-size: 1.125rem; }
.zy-download-footer { display: grid; grid-template-columns: 1fr; gap: 3rem; padding-block: 1rem 4rem; }.zy-download-footer-copy { margin: 2rem 0 0; color: #999; }.zy-download-socials { display: none; }.zy-download-socials h3 { margin: 0 0 1.75rem; }.zy-download-socials > div { display: flex; gap: 1.25rem; }.zy-download-socials span { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: 50%; background: #f7f7f8; color: #666; }.zy-download-socials svg { width: 1.25rem; height: 1.25rem; }
@media (min-width:576px) { .zy-download-hero-actions { display:flex; flex-wrap:wrap; gap:1.25rem; }.zy-download-button { padding-inline:2.5rem; }.zy-download-hero-device { height:33.75rem; width:276px; }.zy-download-hero-image { height:100%; }.zy-download-category-grid, .zy-download-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:768px) { .zy-download-nav { display:flex; }.zy-download-hero-copy-break { display:block; } #reviews-track { grid-template-columns:repeat(3,minmax(0,1fr)); }.zy-download-cta { flex-direction:row; align-items:center; justify-content:space-between; }.zy-download-footer { grid-template-columns:1.5fr 1fr 1fr 1fr; }.zy-download-socials { display:block; grid-column-start:4; justify-self:end; } }
@media (min-width:992px) { .zy-download-hero { grid-template-columns:minmax(0,1fr) 420px; padding-top:3rem; }.zy-download-hero-badge-wrap { justify-content:flex-start; }.zy-download-hero-device { height:36.25rem; width:296px; }.zy-download-hero-backdrop { position:absolute; top:3rem; right:2.5rem; display:block; width:28.75rem; height:28.75rem; border-radius:50%; background:#f0edff; }.zy-download-category-grid, .zy-download-feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.zy-download-platforms { display:flex; flex-wrap:nowrap; gap:2rem; margin-top:5rem; font-size:1.125rem; } }
@media (min-width:1200px) { .zy-download-hero { grid-template-columns:minmax(0,1fr) 520px; }.zy-download-hero-visual { justify-content:flex-end; }.zy-download-hero-device { height:40.625rem; width:332px; }.zy-download-hero-backdrop { right:7.5rem; width:37.5rem; height:37.5rem; } }