:root{--primary-color:#ff6b35;--bg-primary:#0f1419;--bg-secondary:#1a2027;--text-primary:#fff;--text-secondary:#b0b6be}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--bg-secondary);position:sticky;top:0;z-index:1000}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-size:24px;font-weight:700;color:var(--primary-color);text-decoration:none}
.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}
.breadcrumb{padding:15px 0;color:var(--text-secondary)}.breadcrumb a{color:var(--text-secondary);text-decoration:none}
.page-hero{text-align:center;padding:40px 0}.page-hero-title{font-size:32px;margin-bottom:10px}
.rank-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.rank-tab{padding:10px 20px;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);text-decoration:none}
.rank-tab.active{background:var(--primary-color);color:#fff}
@media(max-width:768px){.movie-grid{grid-template-columns:repeat(3,1fr);gap:10px}}