:root{--purple:#7c3aed;--pink:#ec4899;--ink:#1f1633;--muted:#6b6478;--soft:#fff7fb;--line:#eee4f4;--deep:#271044}body{background:linear-gradient(180deg,#faf5ff 0%,#fff1f7 45%,#fff 100%);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(124,58,237,.12)}.nav-shell{max-width:1200px;margin:0 auto;height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;color:#4c1d95}.brand-icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-size:14px;box-shadow:0 12px 28px rgba(236,72,153,.32)}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{padding:10px 16px;border-radius:999px;color:#4b3867;font-weight:700;transition:.25s}.nav-links a:hover,.nav-links a.active{color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 10px 24px rgba(124,58,237,.25)}.nav-toggle{display:none;flex-direction:column;gap:5px}.nav-toggle span{width:24px;height:2px;background:#4c1d95;border-radius:999px}.hero-slider{position:relative;height:590px;overflow:hidden;background:#12091f}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,6,24,.9),rgba(49,12,78,.52),rgba(236,72,153,.18)),linear-gradient(0deg,rgba(0,0,0,.74),transparent 58%)}.hero-content{position:absolute;inset:0;display:flex;align-items:center}.hero-inner{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}.hero-copy{max-width:760px;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--pink));font-weight:800;font-size:14px;box-shadow:0 12px 30px rgba(236,72,153,.34)}.hero-copy h1{font-size:clamp(42px,7vw,78px);line-height:1.03;font-weight:950;margin:18px 0 18px;text-shadow:0 18px 44px rgba(0,0,0,.45)}.hero-copy p{font-size:18px;line-height:1.82;color:#f9eafd;max-width:690px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.btn-main,.btn-ghost,.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;font-weight:900;transition:.25s}.btn-main{color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 18px 36px rgba(236,72,153,.32)}.btn-main:hover{transform:translateY(-2px);box-shadow:0 24px 44px rgba(124,58,237,.32)}.btn-ghost{color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px)}.btn-light{color:#6d28d9;background:#fff;box-shadow:0 14px 30px rgba(124,58,237,.16)}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-tags a,.tag-row span{border-radius:999px;background:rgba(255,255,255,.78);color:#6d28d9;padding:5px 10px;font-size:12px;font-weight:800}.hero-tags a{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.24)}.hero-control{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:999px;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);font-size:28px}.hero-prev{left:22px}.hero-next{right:22px}.hero-dots{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:10px}.hero-dots button{width:12px;height:12px;border-radius:999px;background:rgba(255,255,255,.45);transition:.25s}.hero-dots button.active{width:34px;background:#fff}.section{max-width:1200px;margin:0 auto;padding:54px 20px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px}.section-kicker{display:inline-flex;color:#ec4899;background:#fff;border:1px solid #f4c4dc;border-radius:999px;padding:6px 12px;font-weight:900;font-size:13px}.section h2,.page-title h1{font-size:clamp(28px,4vw,42px);font-weight:950;color:#2b1744;line-height:1.18;margin:10px 0}.section-desc,.page-title p{color:var(--muted);line-height:1.8;max-width:760px}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.movie-card{background:#fff;border:1px solid rgba(124,58,237,.08);border-radius:22px;overflow:hidden;box-shadow:0 16px 40px rgba(76,29,149,.1);transition:.28s}.movie-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(124,58,237,.18)}.card-link{display:block;height:100%}.poster-wrap{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5e8ff,#ffe8f3);aspect-ratio:3/4}.poster-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.movie-card:hover img{transform:scale(1.08)}.poster-wrap:after{content:"";position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent);opacity:.78}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.76);width:58px;height:58px;border-radius:999px;background:rgba(255,255,255,.9);display:grid;place-items:center;color:#7c3aed;font-size:22px;opacity:0;transition:.25s;z-index:3;box-shadow:0 14px 34px rgba(0,0,0,.18)}.movie-card:hover .play-mark{opacity:1;transform:translate(-50%,-50%) scale(1)}.rank-badge{position:absolute;left:12px;top:12px;z-index:4;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(249,115,22,.35)}.card-body{padding:16px}.card-meta{display:flex;justify-content:space-between;gap:8px;color:#8b5cf6;font-size:13px;font-weight:900;margin-bottom:8px}.card-body h3{font-size:18px;line-height:1.35;font-weight:950;color:#24113e;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{color:#6b6478;font-size:14px;line-height:1.7;min-height:47px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tag-row span{background:#f6edff;color:#7c3aed}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-card{position:relative;min-height:210px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#4c1d95,#ec4899);color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 52px rgba(124,58,237,.18)}.category-card:before{content:"";position:absolute;inset:-40% -35% auto auto;width:180px;height:180px;border-radius:999px;background:rgba(255,255,255,.18)}.category-card h3{position:relative;font-size:23px;font-weight:950;margin:0}.category-card p{position:relative;color:#fbe8ff;font-size:14px;line-height:1.75;margin:10px 0 18px}.category-card span{position:relative;font-weight:900}.search-panel{border-radius:30px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.1);padding:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-panel input{flex:1;min-width:240px;border-radius:999px;background:#fff;border:1px solid #eadcf5;padding:14px 18px;color:#291442;outline:none}.filter-pills{display:flex;flex-wrap:wrap;gap:10px}.filter-pills button{border-radius:999px;padding:10px 15px;background:#f6edff;color:#6d28d9;font-weight:900;transition:.2s}.filter-pills button.active,.filter-pills button:hover{color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink))}.page-hero{background:radial-gradient(circle at 20% 10%,rgba(236,72,153,.32),transparent 30%),linear-gradient(135deg,#3b0c62,#7c3aed 50%,#ec4899);color:#fff;padding:78px 20px 54px}.page-title{max-width:1200px;margin:0 auto}.page-title h1{color:#fff}.page-title p{color:#fbe7ff}.crumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#efe1ff;font-size:14px;margin-bottom:18px}.crumbs a{color:#fff;font-weight:800}.rank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rank-item{background:#fff;border:1px solid rgba(124,58,237,.1);border-radius:22px;overflow:hidden;box-shadow:0 16px 38px rgba(76,29,149,.1)}.rank-item a{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:stretch}.rank-item .poster-wrap{aspect-ratio:3/4}.rank-item .card-body{padding:15px 16px}.movie-detail{max-width:1200px;margin:0 auto;padding:34px 20px 60px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}.player-card,.detail-card,.side-card{background:#fff;border-radius:28px;box-shadow:0 18px 44px rgba(76,29,149,.12);border:1px solid rgba(124,58,237,.08);overflow:hidden}.player-frame{background:#080511;aspect-ratio:16/9}.player-frame video{width:100%;height:100%;background:#000;display:block}.detail-card{padding:28px;margin-top:22px}.detail-card h2,.side-card h2{font-size:26px;font-weight:950;color:#271044;margin:0 0 16px}.detail-card p{color:#544b63;line-height:1.9;margin:0 0 18px}.detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.detail-meta span{border-radius:999px;padding:8px 13px;background:#f6edff;color:#6d28d9;font-weight:900;font-size:13px}.side-card{padding:20px}.poster-large{border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#f5e8ff,#ffe8f3);margin-bottom:18px}.poster-large img{width:100%;aspect-ratio:3/4;object-fit:cover}.mini-list{display:grid;gap:14px}.mini-card{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center}.mini-card img{width:74px;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:linear-gradient(135deg,#f5e8ff,#ffe8f3)}.mini-card strong{display:block;font-weight:950;color:#271044;line-height:1.4}.mini-card span{display:block;color:#8b5cf6;font-size:13px;margin-top:5px}.split-band{background:linear-gradient(135deg,#4c1d95,#ec4899);color:#fff;border-radius:32px;padding:34px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;box-shadow:0 22px 55px rgba(124,58,237,.22)}.split-band h2{color:#fff;margin:0 0 12px}.split-band p{color:#f8e9ff}.site-footer{background:linear-gradient(135deg,#201039,#4c1d95);color:#fff;margin-top:40px}.footer-inner{max-width:1200px;margin:0 auto;padding:42px 20px;display:grid;gap:24px}.footer-brand p{color:#d8c6ff;margin-top:8px}.footer-links,.footer-cats{display:flex;flex-wrap:wrap;gap:12px}.footer-links a,.footer-cats a{border-radius:999px;padding:8px 13px;background:rgba(255,255,255,.1);color:#f1e8ff}.footer-copy{color:#c8b4ef;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}.is-hidden{display:none!important}.empty-state{text-align:center;padding:60px 20px;color:#7b6b8c;background:#fff;border-radius:28px;border:1px solid #efe2f7}.card-horizontal .card-link{display:grid;grid-template-columns:160px 1fr}.card-horizontal .poster-wrap{aspect-ratio:auto;min-height:180px}.hero-search{margin-top:-36px;position:relative;z-index:5}.hero-search .search-panel{max-width:1000px;margin:0 auto}.chip-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.chip-nav a{border-radius:999px;padding:10px 15px;background:#fff;color:#6d28d9;font-weight:900;box-shadow:0 10px 24px rgba(124,58,237,.1)}@media (max-width:1024px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.rank-list{grid-template-columns:1fr}}@media (max-width:760px){.nav-toggle{display:flex}.nav-links{position:absolute;left:16px;right:16px;top:72px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid rgba(124,58,237,.12);border-radius:22px;padding:12px;box-shadow:0 18px 44px rgba(76,29,149,.14)}.nav-links.open{display:flex}.nav-links a{text-align:center}.hero-slider{height:620px}.hero-control{display:none}.hero-copy h1{font-size:42px}.hero-copy p{font-size:16px}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-grid{grid-template-columns:1fr}.section{padding:42px 16px}.section-head{align-items:flex-start;flex-direction:column}.rank-item a{grid-template-columns:100px 1fr}.card-body{padding:13px}.card-body h3{font-size:16px}.split-band{grid-template-columns:1fr;padding:24px}.page-hero{padding:58px 16px 42px}.detail-card{padding:22px}.card-horizontal .card-link{grid-template-columns:120px 1fr}.search-panel input{min-width:100%}}@media (max-width:460px){.movie-grid{grid-template-columns:1fr}.brand{font-size:19px}.hero-copy h1{font-size:36px}.hero-actions a{width:100%}.rank-item a{grid-template-columns:86px 1fr}.mini-card{grid-template-columns:64px 1fr}.mini-card img{width:64px}.poster-wrap{aspect-ratio:16/10}.movie-card .poster-wrap{aspect-ratio:3/4}.card-horizontal .poster-wrap{aspect-ratio:auto}}