:root{--clone-layout-lock: 1}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root,.page-shell,.site-header,.site-header-inner,.detail-layout,.detail-main,.detail-poster,.player-wrap,.movie-grid,.filter-panel,.filter-row{min-width:0;max-width:100%}body,.page-shell{overflow-x:hidden}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none}.site-header-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}.site-header-inner>.header-search{flex:0 0 256px;width:256px;min-width:256px;max-width:256px}.detail-main h1,.movie-card h3{letter-spacing:normal}.movie-card,.movie-card:hover,.hero-poster-card,.hero-poster-card:hover{transform:none}.movie-cover,.detail-poster,.player-wrap{position:relative;overflow:hidden}.movie-cover img,.detail-poster img,.hero-poster-card img{display:block;width:100%;max-width:100%;height:100%;-webkit-object-fit:cover;-o-object-fit:cover;object-fit:cover}.player-wrap{width:100%}.player-wrap video,.video-el,.movie-player{display:block;width:100%!important;max-width:100%!important;height:auto;aspect-ratio:16 / 9;-webkit-object-fit:contain;-o-object-fit:contain;object-fit:contain}img,video,iframe{max-width:100%}.filter-row,.tag-row,.hero-actions,.breadcrumb,.footer-links{display:flex;flex-wrap:wrap;min-width:0}.auth-card,.login-card,.register-card,form{max-width:100%;min-width:0}@media (min-width: 1280px){.movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width: 1279px){.movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width: 1100px){.movie-grid,.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1023px){.nav-row,.header-search{display:none}.mobile-toggle{display:inline-flex}.movie-grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout,.filter-panel,.search-panel{grid-template-columns:1fr}.hero h1,.hero h2,.detail-main h1,.hero [data-hero-h1]{font-size:clamp(28px,8vw,40px);line-height:1.25}}@media (max-width: 640px){.movie-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-shell,.section-block,.content-card,.detail-main{padding-left:12px;padding-right:12px}.hero,.page-hero,.player-wrap,.movie-card{border-radius:16px}}:root{color-scheme:dark;--color-bg: #141618;--color-surface: #24272c;--color-surface-strong: #353940;--color-line: #464c56;--color-text: #ffffff;--color-muted: #a6adbb;--color-soft: #6b7280;--color-primary: #1890ff;--color-primary-light: #40a9ff;--color-secondary: #13c2c2;--shadow-card: 0 24px 70px rgba(0, 0, 0, .35);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at top left,rgba(24,144,255,.18),transparent 34rem),radial-gradient(circle at 85% 10%,rgba(19,194,194,.14),transparent 30rem),var(--color-bg)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}.site-header.is-scrolled,.site-header.is-open{background:#24272cf5;border-color:#464c56bf;box-shadow:#00000040 0 18px 50px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{width:min(1180px,100% - 32px);height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0px}.brand-icon,.footer-logo span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:#1890ff40 0 14px 36px}.brand-text{display:grid;gap:2px}.brand-text strong{font-size:22px;letter-spacing:.04em}.brand-text small{color:var(--color-muted);font-size:12px}.desktop-nav{display:flex;align-items:center;gap:26px;color:#d1d5db;font-weight:700}.desktop-nav a{position:relative;padding:10px 0;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--color-primary-light)}.desktop-nav a.active:after,.desktop-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.menu-button{width:44px;height:44px;border:0px;border-radius:14px;display:none;place-items:center;gap:4px;color:#fff;background:#ffffff14;cursor:pointer}.menu-button span{display:block;width:20px;height:2px;border-radius:99px;background:currentcolor}.mobile-nav{display:none;width:min(1180px,100% - 32px);margin:0 auto 18px;padding:14px;border:1px solid rgba(70,76,86,.75);border-radius:18px;background:#141618f5}.mobile-nav a{display:block;padding:12px 14px;border-radius:12px;color:#d1d5db}.mobile-nav a:hover{color:#fff;background:#1890ff24}.mobile-nav.is-open{display:block}main{overflow:hidden}.hero{min-height:100vh;padding:96px 0 56px}.hero-stage{position:relative;width:min(1180px,100% - 32px);min-height:72vh;margin:0 auto;border-radius:32px;overflow:hidden;background:#000;box-shadow:var(--shadow-card)}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0px,1fr) minmax(280px,380px);align-items:center;gap:44px;padding:clamp(28px,6vw,72px);opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}.hero-slide.is-active{opacity:1;visibility:visible}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media{background-image:var(--hero-image);background-size:cover;background-position:center center;transform:scale(1.08);filter:blur(4px) saturate(1.12);opacity:.58}.hero-overlay{background:linear-gradient(90deg,#141618f5,#141618a3 48%,#14161840),linear-gradient(0deg,rgba(20,22,24,.9),transparent 45%)}.hero-content,.hero-poster{position:relative;z-index:2}.hero-eyebrow{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:16px;padding:8px 14px;border:1px solid rgba(64,169,255,.35);border-radius:999px;color:var(--color-primary-light);background:#1890ff1f;font-weight:700}.hero h1,.hero [data-hero-h1]{max-width:760px;margin:0 0 18px;font-size:clamp(40px,8vw,82px);line-height:.96;letter-spacing:-.06em}.hero p{max-width:690px;margin:0;color:#dbe4f0;font-size:clamp(16px,2.2vw,20px);line-height:1.8}.hero-tags,.detail-tags,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.hero-tags{margin-top:22px}.hero-tags span,.detail-tags span,.tag-row span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;color:#dbeafe;background:#ffffff1a}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.primary-button{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:#1890ff52 0 18px 42px}.ghost-button{border:1px solid rgba(255,255,255,.22);color:#fff;background:#ffffff14}.primary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.hero-poster{display:block;border-radius:28px;overflow:hidden;background:#ffffff14;box-shadow:#00000080 0 28px 80px;aspect-ratio:3 / 4}.hero-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-controls{position:absolute;right:32px;bottom:32px;z-index:5;display:flex;gap:10px}.hero-controls button,.hero-dot{border:0px;color:#fff;cursor:pointer;background:#ffffff24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-controls button{width:46px;height:46px;border-radius:50%;font-size:32px;line-height:1}.hero-dots{position:absolute;left:32px;bottom:42px;z-index:5;display:flex;gap:8px}.hero-dot{width:11px;height:11px;border-radius:999px;padding:0;transition:width .25s,background .25s}.hero-dot.is-active{width:34px;background:var(--color-primary-light)}.main-section{width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}.section-heading p{max-width:520px;margin:0;color:var(--color-muted);line-height:1.7}.search-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;padding:18px;border:1px solid rgba(70,76,86,.72);border-radius:var(--radius-lg);background:#24272cb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-panel label{flex:1 1 0%;display:grid;gap:8px;color:var(--color-muted);font-size:14px}.search-panel input{width:100%;min-height:48px;border:1px solid rgba(70,76,86,.9);border-radius:14px;outline:0px;color:#fff;background:#141618e6;padding:0 16px}.search-panel input:focus{border-color:#40a9ffd9;box-shadow:#1890ff24 0 0 0 4px}.quick-filters{display:flex;flex-wrap:wrap;gap:8px}.quick-filters button,.sibling-links a{border:1px solid rgba(64,169,255,.24);border-radius:999px;color:#dbeafe;background:#1890ff1f;cursor:pointer;padding:9px 13px}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0px,1fr));gap:22px}.compact-grid{grid-template-columns:repeat(6,minmax(0px,1fr))}.category-movie-grid{grid-template-columns:repeat(5,minmax(0px,1fr))}.movie-card{border:1px solid rgba(70,76,86,.65);border-radius:var(--radius-lg);overflow:hidden;background:#24272cdb;box-shadow:#0003 0 18px 50px;transition:transform .22s,border-color .22s,background .22s}.movie-card:hover{transform:translateY(-6px);border-color:#40a9ff8c;background:#353940f0}.poster-link{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;background:#ffffff0f}.poster-link img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.movie-card:hover .poster-link img{transform:scale(1.08)}.rating-badge,.rank-mark{position:absolute;top:12px;display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;color:#111827;background:#facc15;font-weight:900}.rating-badge{left:12px}.rank-mark{right:12px;color:#fff;background:#1890ffe6}.movie-card-body{padding:14px}.movie-card h3{margin:0 0 8px;font-size:17px;line-height:1.35}.movie-card h3 a:hover,.rank-topline a:hover,.breadcrumb a:hover,.info-panel a:hover{color:var(--color-primary-light)}.movie-card p{min-height:48px;margin:0 0 12px;color:var(--color-muted);font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-line{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--color-soft);font-size:13px}.tag-row{margin-top:12px}.tag-row span{min-height:24px;font-size:12px;color:#cbd5e1;background:#ffffff12}.category-grid,.category-page-grid{display:grid;grid-template-columns:repeat(4,minmax(0px,1fr));gap:20px}.category-tile,.category-card{display:grid;gap:16px;padding:18px;border:1px solid rgba(70,76,86,.66);border-radius:var(--radius-xl);background:linear-gradient(145deg,#24272cf5,#141618db);transition:transform .22s,border-color .22s}.category-tile:hover,.category-card:hover{transform:translateY(-5px);border-color:#40a9ff8c}.category-covers,.category-card-covers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;overflow:hidden}.category-card-covers{grid-template-columns:repeat(6,1fr)}.category-covers img,.category-card-covers img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;border-radius:12px;background:#ffffff0f}.category-tile strong,.category-card h2{font-size:22px;margin:0}.category-tile span,.category-card p{color:var(--color-muted);line-height:1.7;font-size:14px}.page-main{padding-top:96px}.page-hero{width:min(1180px,100% - 32px);margin:0 auto 20px;min-height:300px;border:1px solid rgba(70,76,86,.65);border-radius:32px;display:grid;align-items:end;padding:clamp(28px,5vw,58px);background:linear-gradient(135deg,#1890ff47,#13c2c21f),linear-gradient(145deg,#24272cf2,#141618d1);box-shadow:var(--shadow-card)}.page-hero p{margin:0 0 10px;color:var(--color-primary-light);font-weight:800}.page-hero h1,.page-hero [data-hero-h1]{max-width:820px;margin:0 0 12px;font-size:clamp(34px,6vw,62px);line-height:1.05;letter-spacing:-.05em}.page-hero span{display:block;max-width:760px;color:#d1d5db;line-height:1.8}.sibling-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.rank-section{max-width:960px}.rank-list,.side-related{display:grid;gap:16px}.rank-row{display:grid;grid-template-columns:150px minmax(0px,1fr);gap:18px;padding:14px;border:1px solid rgba(70,76,86,.65);border-radius:var(--radius-lg);background:#24272cd6}.rank-cover{display:block;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:#ffffff0f}.rank-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rank-content{min-width:0px;display:grid;align-content:center;gap:8px}.rank-topline{display:flex;align-items:center;gap:12px;font-weight:900}.rank-topline b{color:var(--color-primary-light)}.rank-topline a{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-topline span{margin-left:auto;color:#facc15}.rank-row p{margin:0;color:var(--color-muted);line-height:1.7}.breadcrumb{width:min(1180px,100% - 32px);margin:0 auto 20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--color-muted)}.detail-layout{width:min(1180px,100% - 32px);margin:0 auto;display:grid;grid-template-columns:minmax(0px,1fr) 330px;gap:26px}.detail-primary,.detail-sidebar,.info-panel,.player-card,.movie-detail-copy,.side-related{min-width:0px}.player-card,.movie-detail-copy,.info-panel,.side-related{border:1px solid rgba(70,76,86,.65);border-radius:var(--radius-xl);background:#24272ce0;box-shadow:#0000002e 0 18px 50px}.player-card{padding:16px}.player-shell{position:relative;border-radius:20px;overflow:hidden;background:#000}.player-shell video{display:block;width:100%;aspect-ratio:16 / 9;background:#000;cursor:pointer}.big-play-button{position:absolute;inset:0;margin:auto;width:92px;height:92px;border:0px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1890ffeb,#13c2c2eb);box-shadow:#1890ff61 0 24px 70px;cursor:pointer;transition:transform .18s,opacity .18s}.big-play-button span{transform:translate(4px);font-size:36px}.big-play-button:hover{transform:scale(1.06)}.big-play-button.is-hidden{opacity:0;pointer-events:none}.movie-detail-copy{margin-top:22px;padding:clamp(24px,4vw,42px)}.movie-detail-copy h1{margin:0 0 14px;font-size:clamp(32px,5vw,56px);line-height:1.08;letter-spacing:-.05em}.detail-lead{margin:0 0 20px;color:#dbe4f0;font-size:18px;line-height:1.8}.movie-detail-copy h2,.info-panel h2,.side-related h2{margin:30px 0 12px;font-size:24px}.movie-detail-copy p{color:#d1d5db;line-height:1.95}.detail-tags{margin:20px 0}.info-panel{padding:18px;position:sticky;top:96px}.info-panel img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;border-radius:18px;margin-bottom:18px;background:#ffffff0f}.info-panel dl{margin:0;display:grid;gap:12px}.info-panel dl div{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(70,76,86,.55)}.info-panel dt{color:var(--color-muted)}.info-panel dd{margin:0;text-align:right;font-weight:800}.side-related{margin-top:22px;padding:18px}.side-related .rank-row{grid-template-columns:96px minmax(0px,1fr);padding:0;border:0px;background:transparent}.side-related .rank-cover{aspect-ratio:16 / 10}.side-related .rank-row p{display:none}.related-section{padding-top:58px}[data-movie-card].is-hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.movie-card,.rank-row,.category-tile,.category-card{animation:.45s ease 0s 1 normal both running fadeIn}.site-footer{margin-top:70px;border-top:1px solid rgba(70,76,86,.7);background:#141618eb}.footer-inner{width:min(1180px,100% - 32px);margin:0 auto;padding:46px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-logo{display:inline-flex;align-items:center;gap:12px;margin-bottom:14px;font-size:22px}.footer-brand p,.site-footer li,.site-footer a{color:var(--color-muted);line-height:1.8}.site-footer h2{margin:0 0 12px;font-size:18px}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.site-footer a:hover{color:var(--color-primary-light)}.copyright{width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0 28px;color:var(--color-soft);border-top:1px solid rgba(70,76,86,.52)}@media (max-width: 1080px){.movie-grid,.category-movie-grid,.compact-grid,.category-grid,.category-page-grid{grid-template-columns:repeat(3,minmax(0px,1fr))}.hero-slide{grid-template-columns:minmax(0px,1fr) 280px;gap:28px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:280px minmax(0px,1fr);gap:22px}.info-panel{position:static}.side-related{margin-top:0}}@media (max-width: 760px){.desktop-nav{display:none}.menu-button{display:grid}.brand-text small{display:none}.header-inner{height:68px}.hero{min-height:auto;padding-top:86px}.hero-stage{min-height:720px;border-radius:24px}.hero-slide{grid-template-columns:1fr;align-content:end;gap:24px;padding:28px}.hero-poster{width:min(62vw,260px);grid-row:1}.hero h1,.hero [data-hero-h1]{font-size:clamp(38px,12vw,58px)}.hero-controls{right:20px;bottom:20px}.hero-dots{left:20px;bottom:32px}.section-heading,.search-panel{display:grid;align-items:start}.movie-grid,.compact-grid,.category-movie-grid,.category-grid,.category-page-grid{grid-template-columns:repeat(2,minmax(0px,1fr));gap:14px}.movie-card-body{padding:12px}.movie-card p,.tag-row{display:none}.page-main{padding-top:84px}.page-hero{min-height:240px;border-radius:24px}.rank-row{grid-template-columns:108px minmax(0px,1fr);gap:12px}.rank-row p{display:none}.detail-sidebar,.footer-inner{grid-template-columns:1fr}}@media (max-width: 460px){.movie-grid,.compact-grid,.category-movie-grid,.category-grid,.category-page-grid{grid-template-columns:1fr}.hero-stage{min-height:760px}.hero-poster{width:min(74vw,280px)}}.mirror-raw{display:contents}.hero-content h1,.hero-title-block h1,.hero-content [data-hero-h1],.hero-title-block [data-hero-h1]{letter-spacing:normal;line-height:1.2}.hero-content p:not(.eyebrow){letter-spacing:normal;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/*no-back-top*/
.back-top,button[aria-label="回到顶部"]{display:none!important;visibility:hidden!important;pointer-events:none!important}

/*pkg22-fit*/
h1,h2,h3,.tpl-title,.hero h1,.hero h2,.detail-copy h1,.page-hero h1,.site-logo,.brand,.logo,.hero [data-hero-h1],.page-hero [data-hero-h1]{letter-spacing:normal!important;line-height:1.25}
header,.site-header,.topbar,.navbar,.tpl-header,.detail-layout,.detail-hero,.detail-page,.play-grid,.player-shell,.player-stage,.player-box,.player-wrap,.movie-grid,.category-grid,.tpl-grid{min-width:0;max-width:100%;box-sizing:border-box}
.site-header,.topbar,.navbar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.player-shell,.player-stage,.player-box,.player-wrap{position:relative;width:100%;overflow:hidden}
.player-shell video,.player-stage video,.player-box video,.player-wrap video,.tpl-player video{width:100%!important;max-width:100%!important;height:auto}
img,video{max-width:100%}
.movie-card:hover,.movie-card:hover img,.hero-poster:hover img{transform:none}
.pkg-menu-btn{display:none;margin-left:auto;width:42px;height:42px;border:0;border-radius:12px;background:transparent;color:inherit;font-size:22px;line-height:1;flex:0 0 auto}
@media (max-width:1023px){
  header .desktop-nav,header .site-nav,header .main-nav,header .nav-links,.tpl-header .tpl-links{display:none!important}
  header .main-nav.is-open,header .nav-links.is-open,.tpl-header .tpl-links.is-open,header .mobile-panel.is-open,header .mobile-nav.is-open,header .mobile-menu.is-open,.nav-panel.is-open,header ul.is-open,.navbar-collapse.is-open{display:flex!important;flex-direction:column;align-items:stretch;height:auto!important;max-height:none!important;visibility:visible;position:relative;z-index:80;width:100%;gap:8px;padding:8px 16px 12px;overflow:visible}
  header .mobile-menu-button,header .menu-toggle,header .mobile-toggle,header .menu-button,header .nav-toggle,.navbar-toggler,[data-nav-button],.pkg-menu-btn{display:inline-flex!important;align-items:center;justify-content:center}
  header .header-search,header .nav-search{flex:1 1 100%;min-width:0;max-width:100%}
  header .header-search input,header .nav-search input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
  .detail-layout,.detail-hero,.split-section,.filter-panel,.search-panel{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .movie-grid,.category-grid,.tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (min-width:1024px){
  header .mobile-menu-button,header .menu-toggle,header .mobile-toggle,header .menu-button,header .nav-toggle,.navbar-toggler,[data-nav-button],.pkg-menu-btn{display:none!important}
  header .mobile-panel,header .mobile-nav,header .mobile-menu,.nav-panel{display:none!important}
}
@supports not (aspect-ratio:16/9){
  .player-shell,.player-stage,.player-box{height:0;padding-top:56.25%;aspect-ratio:auto}
  .player-shell video,.player-stage video,.player-box video{position:absolute;inset:0;height:100%!important}
}

/*pkg22-fit-2*/
@media (max-width:1023px){
  header .header-inner,header .nav-shell,header .site-header__inner,header .site-header-inner,header .nav-wrap,header .topbar-inner,header .container,header .tpl-nav,.navbar .container{
    display:flex!important;flex-wrap:wrap;align-items:center;min-height:0!important;height:auto!important;row-gap:8px
  }
  header .brand,header .site-logo,header .logo,header .tpl-brand,.navbar-brand{flex:1 1 auto;min-width:0;max-width:calc(100% - 56px)}
  .navbar-collapse{display:none!important}
  .navbar-collapse.is-open{display:flex!important;flex-direction:column;width:100%;height:auto!important;position:relative;z-index:80}
  .navbar-toggler{min-width:42px;min-height:42px}
}

/*pkg22-fit-3*/
@media (max-width:1023px){
  header .header-inner,header .nav-shell,header .site-header__inner,header .site-header-inner,header .nav-wrap,header .topbar-inner,header .tpl-nav,.navbar .container{column-gap:8px!important}
  header .brand,header .site-logo,header .logo,header .tpl-brand,.navbar-brand{order:1;flex:1 1 0!important;max-width:none!important;min-width:0}
  header .mobile-menu-button,header .menu-toggle,header .mobile-toggle,header .menu-button,header .nav-toggle,.navbar-toggler,.pkg-menu-btn{order:2;margin-left:auto;flex:0 0 auto}
  header .header-search,header .nav-search{order:3;flex:1 0 100%!important}
  header ul.is-open a,header .mobile-nav.is-open a,header .mobile-panel.is-open a,header .mobile-menu.is-open a,.nav-panel.is-open a,.navbar-collapse.is-open a{display:block;min-height:36px;line-height:36px}
}

/*pkg22-fit-4*/
@media (max-width:1023px){
  header ul.hidden.is-open{position:absolute!important;left:0;right:0;top:100%;width:auto!important;background:#14120f;color:#f6f1e8;z-index:90;padding:12px 16px!important}
  header ul.hidden.is-open a{color:inherit}
}

/*pkg22-layout*/
.movie-card,.poster-link,.category-tile,.rank-row,.page-shell,.auth-page,.page-fallback{min-width:0;max-width:100%;box-sizing:border-box}
.movie-card h3,.movie-card p,.rank-topline a,.rank-topline span{overflow-wrap:anywhere}
.movie-card:hover,.movie-card:hover img,.poster-link img,.hero-poster img{transform:none!important}
.movie-card .tag-row{display:flex;flex-wrap:wrap;gap:8px}
.player-shell{position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;height:0!important;padding-top:56.25%!important;aspect-ratio:auto!important;overflow:hidden!important}
.player-shell video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;background:#000}
.page-shell,.page-fallback{padding-top:96px}
.page-shell>.page-hero,.page-shell>.search-panel,.page-shell>.section-block,.page-shell>section,.page-fallback>.page-hero,.page-fallback>.section{width:min(1180px,calc(100% - 32px));margin-left:auto;margin-right:auto;box-sizing:border-box}
.page-shell .search-panel{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.page-shell .search-input{flex:1 1 220px;min-width:0;width:auto;min-height:48px;border:1px solid rgba(70,76,86,.9);border-radius:14px;background:#141618;color:#fff;padding:0 16px;font-size:16px}
.page-shell .primary-btn{min-height:48px;padding:0 22px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#1890ff,#13c2c2);font-weight:800}
.movie-card .movie-cover{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#ffffff0f}
.movie-card .movie-cover img{width:100%;height:100%;object-fit:cover}
.movie-card .movie-info{padding:14px;min-width:0}
.movie-card .movie-title{margin:0 0 8px;font-size:17px;line-height:1.35;letter-spacing:normal}
.movie-card .movie-line{margin:0 0 12px;color:#a6adbb;font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.movie-card .card-meta{display:flex;flex-wrap:wrap;gap:8px}
.movie-card .card-meta span{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:999px;background:#ffffff12;color:#cbd5e1;font-size:12px}
.movie-card .card-link{display:none}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:96px 16px 32px}
.auth-form{width:min(420px,100%);margin:0;padding:28px;border:1px solid rgba(70,76,86,.65);border-radius:24px;background:#24272ce0;display:grid;gap:12px;box-sizing:border-box}
.auth-form h1{margin:0 0 8px;font-size:28px;letter-spacing:normal;line-height:1.25}
.auth-form__field{display:grid;gap:6px;color:#a6adbb}
.auth-form input{min-height:48px;width:100%;box-sizing:border-box;border:1px solid rgba(70,76,86,.9);border-radius:14px;background:#141618;color:#fff;padding:0 14px;font-size:16px}
.auth-form button,.auth-form__submit{min-height:48px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#1890ff,#13c2c2);font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.auth-form__foot{margin:0;color:#a6adbb}
.rank-fallback-list{display:grid;gap:12px}
.rank-fallback-list .rank-row{text-decoration:none;color:inherit;align-items:center}
.rank-fallback-list .rank-cover{display:block}
.rank-fallback-list .rank-cover img{width:100%;height:100%;object-fit:cover}
input,select,textarea{font-size:16px}
button,a{touch-action:manipulation}
.site-header{padding-top:env(safe-area-inset-top)}
.site-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}
@media (max-width:1023px){
  .detail-sidebar{grid-template-columns:1fr!important}
  .footer-inner{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  .hero{min-height:0!important;padding:86px 0 28px!important}
  .hero-stage{min-height:0!important;height:auto!important}
  .hero-slide{position:relative!important;inset:auto!important;grid-template-columns:1fr!important;align-content:start!important;padding:22px 22px 78px!important}
  .hero-slide:not(.is-active){display:none!important}
  .hero-poster{width:min(42vw,168px)!important;justify-self:start}
  .hero h1,
  .hero [data-hero-h1]{font-size:clamp(28px,8vw,40px)!important}
  .section-heading{display:grid!important;gap:8px}
  .search-panel{display:grid!important}
  .movie-card .tag-row{display:flex!important}
  .page-shell,.page-fallback,.auth-page{padding-top:84px}
}
@media (max-width:640px){
  .movie-grid,.compact-grid,.category-movie-grid,.category-grid,.category-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
}

/*pkg22-compat*/
html{color-scheme:dark}
input,select,textarea{font-size:16px}
button,a{touch-action:manipulation}
.site-header{padding-top:env(safe-area-inset-top)}
.site-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}

/*pkg22-detail*/
.page-hero h1,.page-hero p,.slim-hero h1,

/*pkg22-detail*/
.page-hero [data-hero-h1],.slim-hero [data-hero-h1]{letter-spacing:normal!important}
.slim-hero{min-height:0!important;align-items:center!important;padding:28px 32px!important}
.rank-fallback-list{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;gap:12px}
.rank-fallback-list .rank-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center}
.rank-fallback-list .rank-cover{aspect-ratio:3/4;width:96px}
.rank-topline strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}
.rank-topline span{margin-left:auto;flex:0 0 auto}
.category-tile,.category-tile:hover{transform:none!important}
