/* 网格 & 宏观布局 */
.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}
.section{padding:var(--space-2xl) 0;position:relative}
.section--dark{background:var(--primary)}
.section--card{background:var(--card-bg)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}
.grid{display:grid;gap:var(--space-md)}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.grid--posters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}
.grid--shorts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.flex{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-xl);align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr}}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-sm) 0;transition:background var(--t-base),backdrop-filter var(--t-base),border-color var(--t-base);border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(15,15,26,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--border-color)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}
.nav__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;letter-spacing:.15em;font-size:1.2rem;color:var(--accent)}
.nav__brand img{width:38px;height:38px;border-radius:6px}
.nav__menu{display:flex;gap:var(--space-md);align-items:center}
.nav__menu a{font-family:var(--font-display);font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text);transition:color var(--t-fast);position:relative;padding:.4rem 0}
.nav__menu a:hover,.nav__menu a.active{color:var(--accent)}
.nav__menu a.active::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--accent)}
.nav__cta{display:flex;gap:var(--space-sm);align-items:center}
.nav__search{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:50%;color:var(--text-muted);transition:all var(--t-fast)}
.nav__search:hover{color:var(--accent);border-color:var(--accent)}
.nav__toggle{display:none;width:34px;height:34px;color:var(--text)}
@media (max-width:880px){
  .nav__menu{position:fixed;top:60px;left:0;right:0;flex-direction:column;background:rgba(15,15,26,.97);backdrop-filter:blur(20px);padding:var(--space-lg);border-bottom:1px solid var(--border-color);transform:translateY(-110%);transition:transform var(--t-base)}
  .nav__menu.open{transform:translateY(0)}
  .nav__toggle{display:flex;align-items:center;justify-content:center}
}

/* Footer */
.site-footer{background:#08080F;border-top:1px solid var(--border-color);padding:var(--space-2xl) 0 var(--space-md)}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--space-lg)}
@media (max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
.footer-col h4{font-family:var(--font-display);letter-spacing:.15em;color:var(--accent);font-size:.9rem;margin-bottom:var(--space-sm);text-transform:uppercase}
.footer-col ul li{margin-bottom:.55rem}
.footer-col ul a{color:var(--text-muted);font-size:.92rem;transition:color var(--t-fast)}
.footer-col ul a:hover{color:var(--accent)}
.footer-brand p{color:var(--text-muted);font-size:.92rem;max-width:340px}
.footer-social{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}
.footer-social a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:50%;color:var(--text-muted);transition:all var(--t-fast)}
.footer-social a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}
.footer-subscribe{display:flex;gap:.5rem;margin-top:var(--space-sm)}
.footer-subscribe input{flex:1;padding:.7rem 1rem;background:rgba(255,255,255,.05);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem}
.footer-bottom{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);color:var(--text-muted);font-size:.85rem}
.footer-bottom a{color:var(--text-muted);margin-left:var(--space-sm)}
.footer-bottom a:hover{color:var(--accent)}