body{min-height:100vh}.site-mark{font-size:1.8rem;line-height:1}.menu-toggle{font-size:1.5rem;line-height:1}.mobile-panel{display:none}.mobile-panel.open{display:block}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 20%,rgba(245,158,11,.28),transparent 28%),radial-gradient(circle at 80% 0,rgba(255,255,255,.12),transparent 24%);pointer-events:none}.hero-section>.container{position:relative}.hero-kicker{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.14);padding:.45rem .9rem;margin-bottom:1rem;color:#fde68a;font-weight:700}.hero-feature{border-left:4px solid #f59e0b;padding-left:1rem}.hero-feature h2{font-size:1.35rem;font-weight:800;margin-bottom:.5rem}.hero-feature p{color:#e2e8f0;line-height:1.8}.hero-card-link{display:block;overflow:hidden;border-radius:.5rem}.hero-play,.play-mark{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:rgba(245,158,11,.92);font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.25)}.section-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:999px;background:#d97706;margin-right:.6rem;box-shadow:0 0 0 .28rem rgba(217,119,6,.12)}.section-dot.light{background:#fbbf24;box-shadow:0 0 0 .28rem rgba(251,191,36,.18)}.movie-card img,.category-cover img,.ranking-card img,.rank-row img{background:#0f172a}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem}.filter-control{width:100%;border:1px solid #e2e8f0;border-radius:.85rem;padding:.85rem 1rem;background:#fff;color:#334155;outline:none}.filter-control:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}.empty-message{display:none}.empty-message.show{display:block}.is-hidden{display:none!important}.ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.rank-row{display:grid;grid-template-columns:auto 4.5rem 1fr;gap:1rem;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:.85rem;color:#fff;transition:.2s}.rank-row:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}.rank-row img{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:.75rem}.rank-row strong{display:block;font-weight:800}.rank-row em{display:block;color:#cbd5e1;font-size:.85rem;font-style:normal;margin-top:.25rem}.rank-no{width:2rem;height:2rem;border-radius:999px;background:#f59e0b;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.category-cover{position:relative;display:block;height:12rem;overflow:hidden}.category-cover img{width:100%;height:100%;object-fit:cover;transition:.3s}.category-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.78),transparent)}.category-cover span{position:absolute;left:1.25rem;bottom:1rem;color:#fff;font-size:1.6rem;font-weight:900;z-index:1}.category-card:hover .category-cover img{transform:scale(1.05)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:#cbd5e1;margin-bottom:1.2rem;font-size:.95rem}.breadcrumbs a{color:#fde68a}.player-box{border-radius:1rem;overflow:hidden;background:#020617;aspect-ratio:16/9}.player-video{width:100%;height:100%;display:block;background:#020617}.detail-tag{display:inline-flex;background:rgba(255,255,255,.15);color:#fde68a;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:700}.detail-meta{display:flex;flex-wrap:wrap;gap:.4rem}.detail-article p{font-size:1.05rem}.ranking-page-list{display:grid;gap:1rem}.ranking-card{overflow:hidden}.ranking-card-inner{display:grid;grid-template-columns:3.5rem 7rem 1fr;gap:1rem;align-items:center;padding:1rem}.ranking-card img{width:7rem;height:7rem;object-fit:cover;border-radius:.75rem}.ranking-number{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;background:#f59e0b;color:white;font-weight:900}.ranking-card h2{font-size:1.15rem;font-weight:800;color:#1e293b;margin-bottom:.35rem}.ranking-card p{color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranking-card em{display:block;color:#94a3b8;font-style:normal;margin-top:.45rem;font-size:.9rem}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:900px){.filter-grid{grid-template-columns:1fr}.ranking-list{grid-template-columns:1fr}.ranking-card-inner{grid-template-columns:2.8rem 5.5rem 1fr}.ranking-card img{width:5.5rem;height:5.5rem}}@media (max-width:640px){.hero-section .h-80{height:18rem}.detail-article{padding:1.25rem}.category-cover{height:10rem}.ranking-card-inner{grid-template-columns:1fr}.ranking-number{position:absolute;margin:.75rem}.ranking-card{position:relative}.ranking-card img{width:100%;height:11rem}.rank-row{grid-template-columns:auto 3.5rem 1fr}.rank-row img{width:3.5rem;height:3.5rem}}