/* =========================================================
   响应式  responsive.css
   ========================================================= */
@media (max-width:960px){
    .hero-inner{grid-template-columns:1fr;min-height:0}
    .hero-copy{order:1}
    .hero-visual{order:2;transform:scale(.72);margin:6px auto -44px}
    .hero-title{font-size:34px}
    .feature-grid,.download-grid,.support-grid{grid-template-columns:1fr}
}
@media (max-width:400px){
    .hero-visual{transform:scale(.6);margin:0 auto -64px}
    .holo-card{width:300px;height:300px}
}
@media (max-width:760px){
    .nav-toggle{display:flex}
    .main-nav .nav-list{position:fixed;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--nav-bg,rgba(5,9,20,.97));backdrop-filter:blur(var(--nav-blur,16px));-webkit-backdrop-filter:blur(var(--nav-blur,16px));border-bottom:1px solid var(--line);padding:10px 20px 20px;transform:translateY(-130%);opacity:0;transition:transform .3s,opacity .3s;z-index:99}
    .main-nav .nav-list.open{transform:translateY(0);opacity:1}
    .nav-list li a{padding:14px 12px;border-radius:var(--r-sm);font-size:16px;border-bottom:1px solid var(--line-soft)}
    .nav-list li.active a{background:linear-gradient(135deg,var(--primary),var(--accent))}
    .section{padding:52px 0}
    .hero{padding:44px 0 20px}
    .hero-title{font-size:28px}
    .hero-actions{flex-direction:column;align-items:stretch;gap:14px}
    .hero-actions .btn{width:100%;padding:15px 20px}
    .hero-meta{flex-direction:column;align-items:flex-start;gap:10px}
    .hero-marquee{max-width:100%}
    .feature-grid,.download-grid,.support-grid{grid-template-columns:1fr;gap:18px}
    .intro-row,.intro-row.right{flex-direction:column;gap:24px;padding:30px 22px}
    .intro-icon{flex:0 0 80px;width:80px;height:80px}
    .faq-a-inner{padding:6px 18px 20px 18px}
    .footer-inner{flex-direction:column;text-align:center}
    .cta-inner{padding:44px 20px}
    .err-code{font-size:80px}
    .float-pop-btn{width:48px;font-size:12px;padding:14px 6px;right:14px}
    .pop-box{padding:30px 22px 24px}
    .pop-box h3{font-size:16px}
}
@media (max-width:400px){
    .hero-title{font-size:24px}
    .hero-meta .chip{font-size:12px}
}
/* 减弱动画偏好 */
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important}
}