:root{--primary:#0284c7;--primary-dark:#0369a1;--accent:#f59e0b;--ink:#111827;--muted:#6b7280;--soft:#f3f4f6;--dark:#0f172a}html{scroll-behavior:smooth}body{font-family:Inter,"Microsoft YaHei","PingFang SC",Arial,sans-serif;margin:0;background:#f9fafb;color:var(--ink)}a{text-decoration:none}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--primary);color:#fff;font-size:.8rem;box-shadow:0 8px 20px rgba(2,132,199,.25)}.footer-logo{background:#38bdf8;color:#0f172a}.mobile-menu{display:none}.mobile-menu.open{display:block}.section{max-width:80rem;margin:0 auto;padding:2rem 1rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-head h2,.section-head h1{font-size:1.875rem;line-height:2.25rem;font-weight:800;color:#111827;margin:0}.section-head p{color:var(--muted);margin:.5rem 0 0;line-height:1.7}.hero-carousel{background:#0f172a;box-shadow:0 25px 60px rgba(15,23,42,.18)}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease}.hero-slide.active{opacity:1;pointer-events:auto;z-index:1}.hero-fallback{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.3),transparent 30%),radial-gradient(circle at 80% 60%,rgba(245,158,11,.2),transparent 32%),linear-gradient(135deg,#0f172a,#111827 55%,#075985)}.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn-primary,.btn-light,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;transition:.2s ease;padding:.75rem 1.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-light{background:#fff;color:#111827}.btn-light:hover{background:#e5e7eb}.btn-ghost{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px)}.btn-ghost:hover{background:rgba(255,255,255,.22)}.hero-dot{width:.5rem;height:.5rem;border-radius:999px;background:rgba(255,255,255,.55);transition:.2s ease}.hero-dot.active{width:2rem;background:#fff}.poster-box{aspect-ratio:3/4}.poster-box:before,.rank-thumb:before,.detail-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e0f2fe,#fef3c7);z-index:0}.poster-box img,.rank-thumb img,.detail-poster img{position:relative;z-index:1}.poster-shade{background:linear-gradient(to top,rgba(0,0,0,.58),transparent 56%);opacity:0;transition:.3s}.movie-card:hover .poster-shade{opacity:1}.star-dot{color:#facc15;font-size:.75rem}.card-line{min-height:2.5rem}.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.feature-card{position:relative;min-height:30rem;border-radius:1rem;overflow:hidden;background:#111827;box-shadow:0 20px 40px rgba(15,23,42,.16)}.feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000,rgba(0,0,0,.72),transparent)}.feature-content{position:absolute;inset:0;display:flex;align-items:center;z-index:2;padding:2rem}.feature-inner{max-width:42rem}.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}.category-card{position:relative;display:block;padding:1.5rem;overflow:hidden;min-height:11rem}.category-card h3{font-size:1.25rem;font-weight:800;color:#111827;margin:0 0 .75rem}.category-card p{color:#4b5563;line-height:1.7;margin:0 0 1rem}.category-card span{display:block;color:#0369a1;font-size:.9rem;line-height:1.5}.category-glow{position:absolute;right:-3rem;top:-3rem;width:9rem;height:9rem;background:rgba(14,165,233,.12);border-radius:999px}.filter-panel{padding:1rem;margin-bottom:1.5rem;display:grid;grid-template-columns:1fr;gap:1rem;align-items:center}.filter-panel strong{display:block;font-size:1.1rem;color:#111827}.filter-panel p{margin:.25rem 0 0;color:#6b7280;font-size:.9rem}.filter-controls{display:grid;grid-template-columns:1fr;gap:.75rem}.filter-input,.filter-select{width:100%;border:1px solid #e5e7eb;border-radius:999px;padding:.75rem 1rem;background:#fff;color:#111827;outline:none}.filter-input:focus,.filter-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.16)}.rank-list{display:grid;gap:.75rem}.rank-row{display:grid;grid-template-columns:auto 4.5rem 1fr auto;gap:1rem;align-items:center;padding:.85rem}.rank-no{font-weight:900;color:#0284c7;font-size:1.25rem;min-width:2.5rem;text-align:center}.rank-thumb{position:relative;width:4.5rem;aspect-ratio:3/4;border-radius:.75rem;overflow:hidden;background:#e5e7eb}.rank-main h3{margin:0 0 .25rem;font-size:1rem;font-weight:800;color:#111827}.rank-main p{margin:0;color:#4b5563;line-height:1.5;font-size:.92rem}.rank-main div{margin-top:.25rem;color:#6b7280;font-size:.85rem}.rank-row strong{font-size:1.15rem;color:#111827}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;color:#6b7280;font-size:.9rem;margin-bottom:1rem}.breadcrumb a{color:#0284c7}.detail-hero{position:relative;border-radius:1rem;overflow:hidden;min-height:28rem;background:#0f172a}.detail-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000,rgba(0,0,0,.74),rgba(0,0,0,.16))}.detail-hero-content{position:relative;z-index:2;max-width:48rem;padding:2rem}.detail-hero h1{font-size:2.25rem;line-height:1.1;font-weight:900;color:#fff;margin:0 0 1rem}.detail-hero p{color:#e5e7eb;line-height:1.8;font-size:1.05rem}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0 1rem}.pill{display:inline-flex;border-radius:999px;padding:.35rem .75rem;background:rgba(255,255,255,.13);color:#fff;font-size:.85rem;backdrop-filter:blur(6px)}.detail-grid{display:grid;grid-template-columns:1fr;gap:2rem}.content-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:1.5rem}.content-card h2,.content-card h3{margin:0 0 1rem;color:#111827;font-weight:800}.content-card p{line-height:1.85;color:#374151;margin:0 0 1rem}.player-stage{position:relative;background:#020617;border-radius:1rem;overflow:hidden;min-height:18rem;box-shadow:0 20px 50px rgba(2,6,23,.25)}.player-stage video{width:100%;aspect-ratio:16/9;background:#020617;display:block}.play-cover{position:absolute;inset:0;border:0;background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.7));display:flex;align-items:center;justify-content:center;gap:.75rem;color:#fff;font-weight:900;font-size:1.1rem;cursor:pointer}.play-cover span:first-child{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:999px;background:#0284c7;box-shadow:0 10px 30px rgba(2,132,199,.35)}.player-stage.is-playing .play-cover{opacity:0;pointer-events:none}.meta-list{display:grid;gap:.75rem}.meta-list div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #f3f4f6;padding-bottom:.75rem;color:#4b5563}.meta-list strong{color:#111827}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-cloud a,.tag-cloud span{display:inline-flex;padding:.4rem .7rem;border-radius:999px;background:#f3f4f6;color:#374151;font-size:.88rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}.footer-grid h3{color:#fff;font-weight:700;margin:0 0 .85rem}.footer-links{display:grid;gap:.55rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:2rem;padding-top:1.25rem;font-size:.85rem;color:#9ca3af}.empty-result{display:none;padding:2rem;text-align:center;color:#6b7280;background:#fff;border-radius:1rem}.no-results .empty-result{display:block}@media (min-width:640px){.section{padding-left:1.5rem;padding-right:1.5rem}.filter-controls{grid-template-columns:2fr 1fr 1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-panel{grid-template-columns:18rem 1fr}.feature-content{padding:4rem}.detail-hero-content{padding:4rem}.detail-hero h1{font-size:3rem}}@media (min-width:1024px){.movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,2fr) minmax(20rem,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.section{padding-left:2rem;padding-right:2rem}}@media (max-width:640px){.rank-row{grid-template-columns:auto 3.5rem 1fr}.rank-row strong{display:none}.rank-thumb{width:3.5rem}.section-head{align-items:flex-start;flex-direction:column}.hero-actions .btn-primary,.hero-actions .btn-ghost,.hero-actions .btn-light{width:100%}.detail-hero{min-height:34rem}.detail-hero:after{background:linear-gradient(0deg,#000,rgba(0,0,0,.72),rgba(0,0,0,.18))}}