/* 桌面端 (默认样式) */
@media (min-width: 1024px){
  .container{max-width:1200px}
  .main-layout{grid-template-columns:7fr 3fr}
}

/* 平板端 */
@media (max-width: 1023px) and (min-width: 768px){
  .container{max-width:90%}
  .banner-content{grid-template-columns:1fr;gap:12px}
  .banner-characters{margin:0}
  .video-download-grid{grid-template-columns:1fr;gap:24px;overflow:visible}
  .floating-mascot{
    width:130px;
    top:-40px;
    right:-40px;
  }
  .main-layout{grid-template-columns:1fr}
  .sidebar{margin-top:14px}
  .footer-content{grid-template-columns:1fr;gap:12px}
  .footer-links{grid-template-columns:repeat(2, minmax(120px, 1fr))}
  .social-links{flex-direction:row;justify-content:flex-start}
  .gallery-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}

/* 手机端 */
@media (max-width: 767px){
  .nav-menu{display:none}
  .mobile-menu-btn{display:inline-grid;place-items:center}

  /* 移动端菜单展开（JS会加 is-open） */
  .nav-menu.is-open{
    display:flex;
    position:absolute;
    left:12px;right:12px;top:64px;
    flex-direction:column;
    gap:6px;
    padding:10px;
    border-radius:20px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(90,74,114,.10);
    box-shadow:0 16px 28px rgba(255,158,216,.18);
  }
  .nav-container{position:relative}

  .hero-banner h1{font-size:1.8rem}
  .banner-content{grid-template-columns:1fr}
  .banner-characters{margin:0}

  .video-download-section{padding:16px;overflow:visible !important}
  .video-download-grid{grid-template-columns:1fr;gap:20px;overflow:visible}
  .video-player--embed{aspect-ratio:16/9;min-height:0}
  .button-stack{gap:12px}
  .download-tips{padding:16px}
  .btn-download,.btn-register{gap:12px}
  .btn-download .btn-icon,.btn-register .btn-icon{width:54px;height:54px;border-radius:16px}
  .btn-icon-img{width:34px;height:34px}
  /* 移动端调整悬浮图片 */
  .floating-mascot{
    width:110px;
    top:-30px;
    right:-30px;
  }
  .cta-buttons .button-container{flex-direction:column}
  .btn-download,.btn-register{min-width:unset}
  .main-layout{grid-template-columns:1fr}
  .sidebar{margin-top:14px}
  .widget-more{font-size:13px}
  .footer-content{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr}
  .social-links{flex-direction:row}
  .gallery-grid{grid-template-columns:1fr}
  .search input{width:100%}
}