body{background:linear-gradient(180deg,#f0f9ff 0%,#fff 38%,#f8fafc 100%);color:#1f2937}.site-shell{min-height:100vh}.site-logo-mark{width:2.5rem;height:2.5rem;border-radius:1rem;background:linear-gradient(135deg,#38bdf8,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(14,165,233,.25)}.nav-link{padding:.5rem 1rem;border-radius:.75rem;color:#4b5563;transition:all .2s}.nav-link:hover,.nav-link.active{background:#e0f2fe;color:#0369a1}.mobile-menu{display:none}.mobile-menu.open{display:block}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease}.hero-slide.active{opacity:1;pointer-events:auto}.hero-dot{width:.5rem;height:.5rem;border-radius:999px;background:rgba(255,255,255,.55);transition:all .25s}.hero-dot.active{width:2rem;background:#fff}.hero-panel{position:relative;height:100%;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.56),rgba(0,0,0,.04))}.section-title-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-more{font-size:.875rem;color:#0284c7;font-weight:600}.movie-card{content-visibility:auto;contain-intrinsic-size:360px}.movie-card img{background:#e0f2fe}.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature-row{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.feature-card{width:16rem;flex:0 0 auto}.list-card{display:flex;gap:1rem;padding:1rem}.list-thumb{width:6rem;flex:0 0 auto;aspect-ratio:2/3;border-radius:.75rem;overflow:hidden}.rank-list{display:grid;gap:.75rem}.rank-item{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .2s}.rank-item:hover{box-shadow:0 12px 24px rgba(15,23,42,.1);border-color:#7dd3fc}.rank-no{width:2.75rem;height:2.75rem;border-radius:1rem;background:linear-gradient(135deg,#38bdf8,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;flex:0 0 auto}.search-card{background:rgba(255,255,255,.92);border:1px solid #e5e7eb;border-radius:1.25rem;box-shadow:0 10px 30px rgba(15,23,42,.06);padding:1rem}.search-input,.filter-select{width:100%;border:1px solid #dbeafe;border-radius:.875rem;padding:.75rem 1rem;background:#fff;color:#1f2937;outline:none}.search-input:focus,.filter-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.18)}.category-tile{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;padding:1.5rem;box-shadow:0 6px 18px rgba(15,23,42,.05);transition:all .2s}.category-tile:hover{transform:translateY(-2px);box-shadow:0 20px 36px rgba(15,23,42,.1);border-color:#7dd3fc}.detail-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}.player-shell{position:relative;aspect-ratio:16/9;background:#000;border-radius:1.25rem;overflow:hidden;box-shadow:0 25px 50px rgba(15,23,42,.22)}.player-shell video{width:100%;height:100%;object-fit:cover;background:#000}.player-layer{position:absolute;inset:0;z-index:2;border:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.78));display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;gap:.75rem;transition:opacity .25s}.player-layer.hidden-player-layer{opacity:0;pointer-events:none}.play-orb{width:5rem;height:5rem;border-radius:999px;background:rgba(14,165,233,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(14,165,233,.32)}.play-triangle{width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:24px solid #fff;margin-left:6px}.info-table{display:grid;grid-template-columns:5.5rem 1fr;gap:.75rem 1rem;font-size:.95rem}.article-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;padding:1.5rem;box-shadow:0 8px 26px rgba(15,23,42,.05)}.breadcrumb{font-size:.875rem;color:#64748b;margin-bottom:1rem}.breadcrumb a{color:#0284c7}.tag-pill{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.5rem;background:#f0f9ff;color:#0369a1;font-size:.75rem;margin:.125rem}.hide-card{display:none!important}@media (min-width:768px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}}@media (min-width:1024px){.movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.hero-title{font-size:2rem;line-height:1.15}.hero-panel{padding:2rem 0}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.56),rgba(0,0,0,.38))}.section-title-bar{align-items:flex-start;flex-direction:column}.list-card{padding:.75rem}.list-thumb{width:5rem}.play-orb{width:4rem;height:4rem}}