:root{--fs-body: 1rem;--leading-normal: 1.6}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%;overscroll-behavior-y:none;min-height:-webkit-fill-available;scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}html,body,#root{margin:0;min-height:100%;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}body{font-size:var(--fs-body);line-height:var(--leading-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}body.body-tpl-hn :where(.cover-wrap,.rank-thumb,.player-poster,.detail-poster,.detail-backdrop){position:relative;overflow:hidden}body.body-tpl-hn :where(.cover-wrap img,.rank-thumb img,.player-poster img,.detail-poster img,.detail-backdrop img,.hero-slide img){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;-o-object-fit:cover;object-fit:cover}button{font:inherit;touch-action:manipulation}input,select,textarea{font:inherit;font-size:max(16px,1rem)}.video-el{width:100%;max-width:100%;background:#000;-o-object-fit:contain;object-fit:contain;-webkit-object-fit:contain;touch-action:manipulation;-webkit-touch-callout:none}body.body-tpl-hn a:focus-visible,body.body-tpl-hn button:focus-visible,body.body-tpl-hn select:focus-visible,body.body-tpl-hn textarea:focus-visible{outline:2px solid #2563eb;outline-offset:2px}body.body-tpl-hn .header-search input:focus-visible,body.body-tpl-hn .wide-search input:focus-visible,body.body-tpl-hn .header-search button:focus-visible,body.body-tpl-hn .wide-search button:focus-visible{outline:none}:root{--red: #ef4444;--orange: #f97316;--yellow: #eab308;--green: #22c55e;--cyan: #06b6d4;--blue: #2563eb;--purple: #a855f7;--dark: #111827;--muted: #6b7280;--soft: #f9fafb;--page-max: 1280px;--page-pad: 24px;--touch: 44px}body.body-tpl-hn{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--soft);color:#1f2937;padding-left:0;padding-right:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:12px;z-index:100;padding:10px 16px;border-radius:10px;background:#111827;color:#fff;font-weight:800;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}.top-strip{height:4px;background:linear-gradient(90deg,#f87171,#fbbf24,#4ade80,#22d3ee,#60a5fa,#c084fc)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 24px #0f172a14;padding-top:env(safe-area-inset-top,0px)}.nav-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;max-width:var(--page-max);height:72px;margin:0 auto;padding:0 var(--page-pad);box-sizing:border-box}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;font-size:24px;background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#3b82f6,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.footer-brand.brand{font-size:22px}.brand-mark{width:38px;height:38px;border-radius:12px;display:inline-block;flex-shrink:0;background:linear-gradient(135deg,#dc2626,#f97316,#9333ea);box-shadow:0 8px 22px #a855f752;position:relative}.brand-mark:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;border:4px solid rgba(255,255,255,.92)}.nav-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 22px}.nav-links>a{position:relative;padding:8px 2px;min-height:var(--touch);display:inline-flex;align-items:center;font-weight:700;color:#374151;transition:color .2s}.nav-links>a:hover,.nav-links>a.is-active{color:var(--blue)}.nav-links>a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:var(--blue)}.menu-btn{display:none;min-width:var(--touch);min-height:var(--touch);border:0;background:transparent;font-size:26px;color:#1f2937;cursor:pointer}.header-search,.wide-search{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e8eef7;border-radius:999px;box-shadow:0 8px 22px #2563eb14,0 1px 2px #0f172a0a;transition:border-color .2s,box-shadow .2s}.header-search{flex:0 0 auto;min-width:240px;width:min(320px,32vw);max-width:320px;height:46px;padding:4px 4px 4px 16px}.wide-search{gap:8px;padding:6px 6px 6px 20px;box-shadow:0 12px 36px #0f172a14}.header-search:focus-within,.wide-search:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f,0 10px 24px #2563eb1f}.header-search input,.wide-search input{flex:1;min-width:0;height:100%;border:0;outline:0;box-shadow:none;background:transparent;font-size:16px;font-weight:600;color:#111827;-webkit-appearance:none;-moz-appearance:none;appearance:none}.header-search input{padding:0 8px 0 0}.wide-search input{height:44px;padding:0 8px 0 0}.header-search input::-moz-placeholder,.wide-search input::-moz-placeholder{color:#9ca3af;font-weight:600}.header-search input::placeholder,.wide-search input::placeholder{color:#9ca3af;font-weight:600}.header-search button,.wide-search button{flex:0 0 auto;height:38px;min-width:72px;min-height:38px;padding:0 18px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-size:14px;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 16px #2563eb47;cursor:pointer;transition:transform .15s,background .15s}.wide-search button{height:44px;min-width:88px;padding:0 22px}.header-search button:hover,.wide-search button:hover{background:#1d4ed8;transform:translateY(-1px)}.header-search button:active,.wide-search button:active{transform:translateY(0)}.hero{position:relative;height:min(70vh,720px);min-height:420px;overflow:hidden;background:linear-gradient(90deg,#f87171,#fbbf24,#4ade80,#22d3ee,#60a5fa,#c084fc)}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero-slide.is-active{opacity:1;z-index:1;pointer-events:auto}.hero-backdrop,.hero-slide img{opacity:.68;filter:saturate(1.08)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#111827e0,#11182773,#11182733),radial-gradient(circle at 20% 30%,rgba(255,255,255,.18),transparent 32%)}.hero-shell{position:absolute;z-index:2;left:0;right:0;bottom:12%;width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad);box-sizing:border-box;pointer-events:none}.hero-shell .hero-content{pointer-events:auto;max-width:680px;color:#fff}.hero-kicker,.section-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.03em;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);padding:8px 14px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-content h1,.hero-content h2{font-size:clamp(36px,6vw,72px);font-weight:950;line-height:1.08;margin:18px 0 12px;text-shadow:0 16px 36px rgba(0,0,0,.45)}.hero-content p{font-size:clamp(16px,2.2vw,20px);line-height:1.7;max-width:680px;text-shadow:0 8px 28px rgba(0,0,0,.45)}.hero-tags,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.hero-tags{margin:18px 0}.hero-tags span,.tag-row span{display:inline-flex;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.2);color:#fff;padding:7px 12px;font-weight:700;font-size:13px}.tag-row span{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 24px;border:0;border-radius:999px;font-weight:900;cursor:pointer;transition:transform .2s}.primary-btn{background:#fff;color:#111827;box-shadow:0 14px 30px #00000038}.ghost-btn{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.36);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.primary-btn:hover,.ghost-btn:hover,.movie-card:hover,.category-tile:hover{transform:translateY(-3px)}.hero-dots-wrap{bottom:36px;z-index:4}.hero-dots{display:flex;gap:10px;margin-top:18px;pointer-events:auto}.hero-dots button{position:relative;width:38px;height:8px;border:0;border-radius:999px;background:#ffffff6b;cursor:pointer;transition:width .2s,background .2s}.hero-dots button:before{content:"";position:absolute;top:-18px;right:-4px;bottom:-18px;left:-4px}.hero-dots button.is-active{width:62px;background:#fff}.section{width:100%;max-width:var(--page-max);margin:0 auto;padding:64px var(--page-pad);box-sizing:border-box}.section.section-white,.section.section-rank{max-width:none;width:100%;padding-left:0;padding-right:0}.section.section-white>*,.section.section-rank>*{width:100%;max-width:var(--page-max);margin-left:auto;margin-right:auto;padding-left:var(--page-pad);padding-right:var(--page-pad);box-sizing:border-box}.section.section-white{background:#fff}.section.section-rank{background:linear-gradient(135deg,#faf5ff,#eff6ff 48%,#ecfeff);padding-top:64px;padding-bottom:72px}.section.play-section{padding-top:40px}section.intro-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:24px 32px;align-items:center;padding-top:48px;padding-bottom:48px}.intro-copy{min-width:0}.intro-copy h2,.section-head h2,.page-hero h1,.content-card h2,.side-card h2{font-weight:950;color:#1f2937}.intro-copy h2{font-size:clamp(26px,4vw,34px);margin:0 0 12px}.intro-copy p,.page-hero p,.content-card p{color:#5b6472;line-height:1.85;margin:0}.intro-copy p{max-width:52ch}.intro-band .wide-search{width:100%;max-width:340px;justify-self:end}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(26px,4vw,34px);margin:6px 0 0}.section-kicker{color:var(--blue);background:#eff6ff;border-color:#bfdbfe;padding:6px 12px;font-size:13px}.section-head>a{color:var(--blue);font-weight:800;min-height:var(--touch);display:inline-flex;align-items:center}.movie-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.movie-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.movie-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #0f172a14;transition:transform .22s;border:1px solid #eef2f7}.movie-card>a{display:block;height:100%}.movie-card-list>a{display:grid;grid-template-columns:minmax(140px,260px) 1fr}.movie-card-list .cover-wrap{height:190px}.cover-wrap{height:238px;position:relative;background:linear-gradient(135deg,#ef4444,#f97316,#a855f7);overflow:hidden}.cover-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.64));pointer-events:none}.cover-wrap img{transition:transform .5s ease}.movie-card:hover .cover-wrap img{transform:scale(1.06)}.play-icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffe0;color:#111827;font-size:22px;z-index:2;box-shadow:0 14px 30px #00000047;pointer-events:none}.cover-chip{position:absolute;right:12px;bottom:12px;z-index:3;color:#fff;background:#000000a3;padding:5px 9px;border-radius:8px;font-size:12px;font-weight:800}.card-body{padding:18px}.meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#6b7280;font-size:13px;font-weight:700;margin-bottom:10px}.rainbow-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#ef4444,#fbbf24,#22c55e,#3b82f6,#a855f7)}.card-body h3{font-size:20px;line-height:1.35;font-weight:900;color:#1f2937;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{color:#64748b;line-height:1.65;font-size:14px;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.category-tile{background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:24px;box-shadow:0 10px 28px #0f172a0f;transition:transform .2s}.category-tile h3{font-size:22px;font-weight:950;margin:12px 0 8px;color:#1f2937}.category-tile p{color:#64748b;line-height:1.7;margin:0}.category-icon{display:inline-block;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#3b82f6,#a855f7);box-shadow:0 10px 22px #a855f733}.rank-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rank-item a{display:grid;grid-template-columns:52px 88px minmax(0,1fr);gap:16px;align-items:center;min-height:112px;padding:16px 18px;background:#fff;border:1px solid rgba(255,255,255,.95);border-radius:20px;box-shadow:0 12px 28px #6366f114,0 2px 8px #0f172a0a;transition:transform .2s,box-shadow .2s,border-color .2s}.rank-item a:hover{transform:translateY(-3px);box-shadow:0 18px 36px #6366f124,0 4px 12px #0f172a0f;border-color:#e0e7ff}.rank-no{display:flex;align-items:center;justify-content:center;width:100%;font-size:28px;font-weight:950;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;background:linear-gradient(135deg,#f43f5e,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.rank-item.is-top-1 .rank-no{background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;background-clip:text}.rank-item.is-top-2 .rank-no{background:linear-gradient(135deg,#f97316,#eab308);-webkit-background-clip:text;background-clip:text}.rank-item.is-top-3 .rank-no{background:linear-gradient(135deg,#22c55e,#06b6d4);-webkit-background-clip:text;background-clip:text}.rank-thumb{width:88px;height:88px;border-radius:16px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#ef4444,#a855f7);box-shadow:0 8px 18px #0f172a1f}.rank-body{min-width:0;display:grid;gap:4px}.rank-body h3{margin:0;font-size:17px;font-weight:900;line-height:1.3;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-body p{margin:0;color:#64748b;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-body span{margin-top:2px;font-size:12px;font-weight:800;color:#94a3b8}.page-hero{background:linear-gradient(90deg,#f87171,#fbbf24,#4ade80,#22d3ee,#60a5fa,#c084fc);padding:76px 0;color:#fff}.page-hero>div{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad);box-sizing:border-box}.page-hero h1{font-size:clamp(36px,6vw,64px);color:#fff;margin:0 0 14px;text-shadow:0 12px 30px rgba(0,0,0,.24)}.page-hero p{max-width:780px;color:#fff;font-size:clamp(16px,2.2vw,19px)}.page-hero .wide-search{max-width:720px;margin-top:26px}.page-hero .ghost-btn{color:#fff;border-color:#ffffff8c}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;font-weight:800;margin-bottom:22px;color:#ffffffdb}.breadcrumb a{color:#fff}.play-breadcrumb{color:#6b7280;margin-bottom:22px}.play-breadcrumb a{color:var(--blue)}.play-breadcrumb [aria-current=page]{color:#1f2937}.filter-panel{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:14px;box-shadow:0 8px 24px #0f172a0f}.filter-panel button,.filter-panel select{border:0;border-radius:999px;padding:10px 16px;min-height:var(--touch);font-weight:800;background:#f3f4f6;color:#4b5563;cursor:pointer}.filter-panel button.is-active{background:var(--blue);color:#fff}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:36px;font-weight:800}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);padding:0 18px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#374151}.pagination a:hover{border-color:var(--blue);color:var(--blue)}.pagination .is-disabled{opacity:.45}.pagination [aria-current=page]{background:var(--blue);border-color:var(--blue);color:#fff}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,350px);gap:26px;align-items:start}.player-box{background:#020617;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px #0f172a3d;margin-bottom:22px}.player-box .video-el{width:100%;aspect-ratio:16 / 9;display:block;background:#020617}.player-poster{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border:0;padding:0;cursor:pointer;background:#020617}.content-card,.side-card{background:#fff;border:1px solid #eef2f7;border-radius:22px;padding:26px;box-shadow:0 10px 28px #0f172a0f}.content-card h1.play-title{font-size:clamp(28px,4vw,40px);font-weight:950;margin:0 0 10px;color:#1f2937}.content-card h2,.side-card h2{font-size:26px;margin:8px 0 14px}.side-card h2.side-gap{margin-top:28px}.content-card p{font-size:16px;margin-bottom:16px}.play-status{font-weight:800;color:var(--blue);margin:0}.play-tabs{margin-top:28px;margin-bottom:0}.play-panel{margin-top:18px}.tag-row.play-tags{margin:16px 0 22px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}.info-grid span{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:12px;color:#475569;font-weight:700}.side-list{display:grid;gap:12px}.side-list a{display:block;border-radius:14px;background:#f8fafc;border:1px solid #eef2f7;padding:14px}.side-list strong{display:block;color:#1f2937;font-weight:900;margin-bottom:6px}.side-list span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#64748b;font-size:14px;line-height:1.55}.more-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;min-height:var(--touch);color:var(--blue);font-weight:800}.site-footer{background:#111827;color:#d1d5db;padding-bottom:env(safe-area-inset-bottom,0px)}.footer-inner{width:100%;max-width:var(--page-max);margin:0 auto;padding:52px var(--page-pad);display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:34px;box-sizing:border-box}.footer-inner p{color:#9ca3af;line-height:1.8;margin-top:14px}.footer-inner h3{font-weight:950;color:#fff;margin:0 0 14px}.footer-inner a{display:block;color:#d1d5db;margin:9px 0;min-height:36px}.footer-inner a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:22px var(--page-pad);color:#9ca3af}@media (max-width: 1100px){.header-search{width:220px;min-width:200px}.nav-links{gap:6px 14px}}@media (max-width: 1024px){.movie-grid,.category-grid,.category-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-band,.detail-layout{grid-template-columns:1fr}.intro-band .wide-search{max-width:none;justify-self:stretch}.rank-list{grid-template-columns:1fr}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){:root{--page-pad: 18px}.nav-wrap{grid-template-columns:1fr auto;height:auto;min-height:68px;padding-top:14px;padding-bottom:14px}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:8px 0 4px;grid-column:1 / -1}.nav-links.is-open{display:flex}.nav-links>a{padding:12px 4px}.nav-links>a.is-active:after{display:none}.header-search{grid-column:1 / -1;width:100%;min-width:0;max-width:none}.hero{height:min(76vh,640px);min-height:480px}.hero-shell{bottom:88px}.hero-dots-wrap{bottom:28px}.section{padding:48px var(--page-pad)}.section.section-rank{padding-top:48px;padding-bottom:48px}.section-head{align-items:flex-start;flex-direction:column}.movie-grid,.movie-list-grid,.category-grid,.category-grid-4{grid-template-columns:1fr}.movie-card-list>a{grid-template-columns:1fr}.movie-card-list .cover-wrap,.cover-wrap{height:230px}.page-hero{padding:56px 0}.wide-search{border-radius:22px;flex-direction:column;align-items:stretch;padding:12px}.wide-search input,.wide-search button{width:100%;height:var(--touch)}.info-grid,.footer-inner{grid-template-columns:1fr}.rank-item a{grid-template-columns:40px 72px minmax(0,1fr);gap:12px;min-height:96px;padding:14px}.rank-no{font-size:22px}.rank-thumb{width:72px;height:72px;border-radius:14px}.rank-body h3{font-size:16px}.brand{font-size:22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-slide{transition:none}.movie-card:hover .cover-wrap img{transform:none}}@supports not (aspect-ratio: 16 / 9){.player-poster,.player-box .video-el{height:0;padding-bottom:56.25%}}