.zh-page{--zh-bg:#0a0e14;--zh-bg-soft:#11161e;--zh-text:#e6edf3;--zh-text-muted:#9aa5b1;--zh-accent:#00d9c0;--zh-accent-soft:#00d9c01f;--zh-border:#ffffff14;--zh-discord:#5865f2;--zh-steam:#66c0f4;background:var(--zh-bg);color:var(--zh-text);min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Noto Sans CJK SC,sans-serif;font-size:16px;line-height:1.75}.zh-page *{box-sizing:border-box}.zh-container{max-width:960px;margin:0 auto;padding:0 1.5rem}.zh-hero{text-align:center;background:radial-gradient(ellipse at top,var(--zh-accent-soft)0%,transparent 60%),var(--zh-bg);border-bottom:1px solid var(--zh-border);padding:6rem 1.5rem 4rem}.zh-hero-logo{width:100%;max-width:280px;height:auto;margin-bottom:1.5rem}.zh-hero-title{letter-spacing:.02em;color:var(--zh-text);margin:0 0 .6rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}.zh-hero-title .zh-accent{color:var(--zh-accent)}.zh-hero-tagline{color:var(--zh-text-muted);max-width:640px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.15rem)}.zh-hero-ctas{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.zh-section{border-bottom:1px solid var(--zh-border);padding:4rem 0}.zh-section:last-of-type{border-bottom:none}.zh-section-label{letter-spacing:.18em;color:var(--zh-accent);text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;font-weight:600;display:inline-block}.zh-section-title{color:var(--zh-text);margin:0 0 1.5rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700}.zh-section p{color:var(--zh-text);margin:0 0 1rem}.zh-section p.zh-muted{color:var(--zh-text-muted)}.zh-about-grid{grid-template-columns:1fr;gap:1rem;display:grid}.zh-about-grid p{font-size:1.02rem}.zh-pitch-box{background:var(--zh-bg-soft);border:1px solid var(--zh-border);border-left:3px solid var(--zh-accent);border-radius:6px;margin-top:1rem;padding:1.8rem}.zh-pitch-quote{color:var(--zh-text-muted);border-top:1px solid var(--zh-border);margin:1.2rem 0 0;padding-top:1rem;font-size:1.05rem;font-style:italic}.zh-lore-box{background:linear-gradient(180deg,var(--zh-bg-soft)0%,var(--zh-bg)100%);border:1px solid var(--zh-border);border-radius:8px;padding:2rem}.zh-lore-box p{font-size:1rem}.zh-lore-box strong{color:var(--zh-accent);font-weight:600}.zh-lore-finale{text-align:center;color:var(--zh-accent);letter-spacing:.04em;margin-top:1.5rem;font-size:1.15rem;font-weight:600}.zh-lore-link{color:var(--zh-accent);border-bottom:1px dashed var(--zh-accent);margin-top:1.5rem;padding-bottom:2px;font-size:.95rem;text-decoration:none;display:inline-block}.zh-lore-link:hover{color:#fff;border-bottom-color:#fff}.zh-videos-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.2rem;margin-top:1.5rem;display:grid}.zh-video-embed{aspect-ratio:16/9;border:1px solid var(--zh-border);background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.zh-video-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.zh-btn{border:1px solid #0000;border-radius:6px;align-items:center;gap:.6rem;padding:.8rem 1.4rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.zh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.zh-btn-steam{color:#c7d5e0;border-color:var(--zh-steam);background:#1b2838}.zh-btn-steam:hover{background:var(--zh-steam);color:#1b2838}.zh-btn-discord{background:var(--zh-discord);color:#fff}.zh-btn-discord:hover{color:#fff;background:#4752c4}.zh-btn-outline{color:var(--zh-text);border-color:var(--zh-border);background:0 0}.zh-btn-outline:hover{border-color:var(--zh-accent);color:var(--zh-accent)}.zh-resources-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.zh-resource-card{background:var(--zh-bg-soft);border:1px solid var(--zh-border);color:var(--zh-text);border-radius:8px;padding:1.3rem;text-decoration:none;transition:border-color .25s,transform .25s;display:block}.zh-resource-card:hover{border-color:var(--zh-accent);transform:translateY(-2px)}.zh-resource-icon{margin-bottom:.5rem;font-size:1.6rem}.zh-resource-title{color:var(--zh-text);margin-bottom:.25rem;font-size:1.02rem;font-weight:600}.zh-resource-desc{color:var(--zh-text-muted);font-size:.85rem;line-height:1.5}.zh-resource-note{color:#ffb86b;margin-top:.4rem;font-size:.78rem;font-style:italic;display:block}.zh-contact-box{text-align:center;background:var(--zh-bg-soft);border:1px solid var(--zh-border);border-radius:8px;margin-top:1rem;padding:2.5rem 1.5rem}.zh-contact-email{color:var(--zh-accent);letter-spacing:.02em;margin-top:.6rem;font-size:1.3rem;font-weight:600;text-decoration:none;display:inline-block}.zh-contact-email:hover{color:#fff}.zh-footer{text-align:center;border-top:1px solid var(--zh-border);margin-top:2rem;padding:2.5rem 1.5rem 3rem}.zh-footer-lang{margin-bottom:1rem}.zh-footer-lang a{color:var(--zh-text-muted);border-bottom:1px dashed var(--zh-text-muted);padding-bottom:2px;font-size:.95rem;text-decoration:none;transition:color .2s,border-color .2s}.zh-footer-lang a:hover{color:var(--zh-accent);border-bottom-color:var(--zh-accent)}.zh-footer-copy{color:var(--zh-text-muted);margin:0;font-size:.82rem}@media (max-width:600px){.zh-hero{padding:4rem 1rem 3rem}.zh-section{padding:3rem 0}.zh-pitch-box,.zh-lore-box,.zh-contact-box{padding:1.4rem}}