body{background:#0f172a;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{text-decoration:none}.brand-mark{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#f59e0b;color:#fff;font-size:.8rem;box-shadow:0 10px 30px rgb(245 158 11 / .25)}.brand-mark.small{width:1.5rem;height:1.5rem;font-size:.65rem}.nav-link{color:#d1d5db;font-weight:600;transition:color .2s}.nav-link:hover,.nav-active{color:#f59e0b}.mobile-panel{display:none;border-top:1px solid rgb(51 65 85 / .8)}.mobile-panel.is-open{display:block}.mobile-nav-link{display:block;padding:.5rem 0;color:#d1d5db}.menu-button{font-size:1.5rem}.footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hero-carousel{height:76vh;min-height:560px;background:#020617}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.34) blur(2px);transform:scale(1.04)}.hero-layer{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgb(245 158 11 / .22),transparent 32%),linear-gradient(90deg,#0f172a 0%,rgb(15 23 42 / .82) 38%,rgb(15 23 42 / .28) 100%)}.hero-content{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:3rem;align-items:center}.hero-copy{max-width:760px}.hero-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}.hero-tags span{border:1px solid rgb(245 158 11 / .35);background:rgb(245 158 11 / .14);color:#fbbf24;border-radius:999px;padding:.35rem .8rem;font-size:.85rem}.hero-title{font-size:clamp(2.4rem,6vw,5.5rem);font-weight:900;letter-spacing:-.05em;line-height:1;color:#fff;margin-bottom:1.15rem}.hero-subtitle{font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.35;color:#e5e7eb;margin-bottom:1rem}.hero-text{color:#cbd5e1;font-size:1.05rem;line-height:1.8;margin-bottom:2rem}.hero-actions,.page-actions{display:flex;flex-wrap:wrap;gap:1rem}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:1rem 1.65rem;font-weight:800;transition:transform .2s,background .2s,color .2s,border-color .2s}.primary-button{background:#f59e0b;color:#fff;box-shadow:0 18px 35px rgb(245 158 11 / .2)}.primary-button:hover{background:#d97706;transform:translateY(-2px)}.ghost-button{border:1px solid rgb(148 163 184 / .34);color:#e2e8f0;background:rgb(15 23 42 / .45);backdrop-filter:blur(10px)}.ghost-button:hover{border-color:#f59e0b;color:#fbbf24;transform:translateY(-2px)}.hero-poster{justify-self:end;width:min(340px,100%);border-radius:1.5rem;overflow:hidden;box-shadow:0 30px 80px rgb(0 0 0 / .45);border:1px solid rgb(255 255 255 / .1);transform:rotate(2deg)}.hero-poster img{width:100%;aspect-ratio:2/3;object-fit:cover}.hero-dots{position:absolute;z-index:4;left:50%;bottom:1.5rem;transform:translateX(-50%);display:flex;gap:.55rem}.hero-dot{width:.7rem;height:.7rem;border-radius:999px;background:rgb(255 255 255 / .35);transition:width .2s,background .2s}.hero-dot.is-active{width:2rem;background:#f59e0b}.hero-after{margin-top:-4rem;position:relative;z-index:5}.hero-mini-panel{background:rgb(30 41 59 / .84);border:1px solid rgb(148 163 184 / .15);box-shadow:0 25px 70px rgb(0 0 0 / .35);border-radius:1.5rem;padding:1.25rem;backdrop-filter:blur(18px);display:grid;grid-template-columns:220px 1fr;gap:1.25rem}.hero-mini-panel h2,.section-head h2{font-size:2rem;line-height:1.15;font-weight:900;color:#fff;margin-bottom:.35rem}.hero-mini-panel p,.section-head p{color:#94a3b8}.hero-mini-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.hero-cat-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.6rem}.hero-cat-links a,.link-cloud a{border:1px solid rgb(148 163 184 / .18);background:rgb(15 23 42 / .6);color:#d1d5db;border-radius:999px;padding:.55rem .9rem;font-size:.9rem}.hero-cat-links a:hover,.link-cloud a:hover{color:#f59e0b;border-color:rgb(245 158 11 / .45)}.section-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-end;margin-bottom:3rem}.section-more{color:#f59e0b;font-weight:700}.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.all-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:768px){.movie-grid,.featured-grid,.all-movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.all-movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.poster-box{background:linear-gradient(135deg,#1e293b,#020617)}.play-dot{position:absolute;inset:0;margin:auto;width:3rem;height:3rem;border-radius:999px;background:#f59e0b;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);transition:opacity .25s,transform .25s}.movie-card:hover .play-dot{opacity:1;transform:scale(1)}.card-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;color:#94a3b8;font-size:.75rem}.card-meta span{background:rgb(51 65 85 / .65);border-radius:999px;padding:.25rem .55rem}.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:768px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.category-tile,.overview-card a{display:block;min-height:170px;border-radius:1.5rem;padding:1.35rem;background:linear-gradient(135deg,rgb(30 41 59 / .95),rgb(15 23 42 / .95));border:1px solid rgb(148 163 184 / .14);box-shadow:0 18px 45px rgb(0 0 0 / .22);transition:transform .2s,border-color .2s}.category-tile:hover,.overview-card a:hover{transform:translateY(-4px);border-color:rgb(245 158 11 / .42)}.category-tile span,.overview-card h2{display:block;color:#fff;font-weight:900;font-size:1.25rem;margin-bottom:.75rem}.category-tile p,.overview-card p{color:#94a3b8;line-height:1.65;font-size:.92rem}.category-tile b{display:inline-block;margin-top:1rem;color:#f59e0b;font-size:.9rem}.search-panel{display:grid;grid-template-columns:1fr;gap:.9rem;background:rgb(30 41 59 / .75);border:1px solid rgb(148 163 184 / .16);padding:1rem;border-radius:1.25rem;margin-bottom:2rem}@media (min-width:768px){.search-panel{grid-template-columns:1fr 180px 180px 110px}}.search-panel input,.search-panel select{background:#0f172a;border:1px solid rgb(71 85 105 / .9);border-radius:.85rem;color:#fff;padding:.85rem 1rem;outline:none}.search-panel input:focus,.search-panel select:focus{border-color:#f59e0b}.search-panel button{border-radius:.85rem;background:#f59e0b;color:#fff;font-weight:800}.empty-result{display:none;color:#94a3b8;text-align:center;padding:2rem}.empty-result.is-visible{display:block}.ranking-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:768px){.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mini-card{display:flex;gap:1rem;border-radius:1rem;padding:.65rem;background:rgb(15 23 42 / .55);border:1px solid rgb(148 163 184 / .12);transition:background .2s,transform .2s}.mini-card:hover{background:rgb(51 65 85 / .68);transform:translateY(-2px)}.mini-poster{width:76px;flex:0 0 76px;aspect-ratio:2/3;border-radius:.75rem;overflow:hidden;background:#1e293b}.mini-poster img{width:100%;height:100%;object-fit:cover}.mini-info{position:relative;min-width:0}.mini-info h3{color:#fff;font-weight:800;margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-info p{color:#94a3b8;font-size:.82rem;margin-bottom:.25rem}.mini-info span:not(.rank-badge){color:#64748b;font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-badge{display:inline-flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:.5rem;background:#f59e0b;color:#fff;font-size:.75rem;font-weight:900;margin-bottom:.35rem}.page-hero{padding:5rem 0 3rem;background:radial-gradient(circle at 18% 20%,rgb(245 158 11 / .18),transparent 35%),linear-gradient(180deg,#0f172a,#111827)}.page-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);font-weight:900;line-height:1.05;margin:.8rem 0 1rem}.page-hero p{max-width:760px;color:#cbd5e1;font-size:1.1rem;line-height:1.75}.breadcrumb{display:flex;gap:.5rem;flex-wrap:wrap;color:#94a3b8;font-size:.9rem}.breadcrumb a{color:#f59e0b}.overview-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width:768px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.overview-card a{min-height:230px}.overview-samples{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.15rem}.overview-samples span{color:#cbd5e1;background:rgb(51 65 85 / .65);border-radius:999px;padding:.35rem .65rem;font-size:.8rem}.link-cloud{background:rgb(30 41 59 / .68);border:1px solid rgb(148 163 184 / .14);border-radius:1.25rem;padding:1.5rem}.link-cloud h2{font-size:1.25rem;font-weight:900;margin-bottom:1rem}.link-cloud div{display:flex;flex-wrap:wrap;gap:.6rem}.rank-list{display:grid;gap:.85rem}.rank-row{display:grid;grid-template-columns:54px 76px 1fr;gap:1rem;align-items:center;background:rgb(30 41 59 / .72);border:1px solid rgb(148 163 184 / .14);border-radius:1rem;padding:.85rem;transition:transform .2s,background .2s}.rank-row:hover{transform:translateY(-2px);background:rgb(51 65 85 / .75)}.rank-row img{width:76px;aspect-ratio:2/3;object-fit:cover;border-radius:.75rem;background:#1e293b}.rank-num{font-size:1.35rem;font-weight:900;color:#f59e0b;text-align:center}.rank-row h2{font-size:1.15rem;font-weight:900;color:#fff;margin-bottom:.35rem}.rank-row p{color:#94a3b8;font-size:.92rem;line-height:1.5;margin-bottom:.55rem}.rank-meta{display:flex;flex-wrap:wrap;gap:.5rem}.rank-meta span{font-size:.75rem;color:#cbd5e1;background:rgb(15 23 42 / .68);border-radius:999px;padding:.25rem .55rem}.detail-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:1024px){.detail-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}}.detail-breadcrumb{margin-bottom:2rem}.player-shell{position:relative;background:#000;border-radius:1.25rem;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 25px 80px rgb(0 0 0 / .38);aspect-ratio:16/9}.player-shell video{width:100%;height:100%;object-fit:contain;background:#000}.detail-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.4rem;color:#cbd5e1}.detail-meta span{border-radius:999px;padding:.4rem .75rem;background:rgb(51 65 85 / .7);font-size:.86rem}.detail-one-line{color:#fbbf24;font-size:1.15rem;line-height:1.75;margin-bottom:1.6rem;font-style:italic}.tag-pill{display:inline-flex;border-radius:999px;background:#334155;color:#d1d5db;padding:.35rem .75rem;font-size:.88rem}.detail-side .mini-poster{width:96px;flex-basis:96px}.detail-side .mini-card{background:transparent}.detail-side .mini-card:hover{background:#334155}.movie-card.is-hidden{display:none}@media (max-width:767px){.hero-carousel{height:auto;min-height:680px}.hero-content{grid-template-columns:1fr;align-content:center;gap:1.5rem;padding-top:4rem;padding-bottom:5rem}.hero-poster{justify-self:start;width:160px;transform:none}.hero-text{font-size:.96rem}.hero-mini-panel{grid-template-columns:1fr}.hero-mini-list{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.rank-row{grid-template-columns:44px 64px 1fr}.rank-row img{width:64px}.detail-wrap{padding-top:1.25rem}}