:root{--fs-body: 1rem;--leading-normal: 1.6}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:100%;min-height:-webkit-fill-available;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{-webkit-user-drag:none}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}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;-webkit-tap-highlight-color:transparent;padding:0}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}video{width:100%;max-width:100%;height:auto;display:block}button,a,summary,[role=button]{font:inherit;touch-action:manipulation}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,select,textarea{font:inherit;font-size:max(16px,1rem);max-width:100%;touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}html,body{overflow-x:hidden;overflow-x:clip;width:100%;max-width:100%}.auth-ico,.auth-eye svg{max-width:none;flex-shrink:0}.site-footer{padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.app-shell,.site-main{max-width:100%;overflow-x:hidden;overflow-x:clip}.movie-card img,.mini-link img,.rank-line img{width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--purple: #9333ea;--pink: #db2777;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--bg: #f9fafb;--card: #ffffff;--footer: #111827;--stats: #1f2937;--radius: .5rem;--max: 80rem;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;overflow-x:clip}.app-shell{min-height:100vh;min-height:100dvh;width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.site-main{flex:1 0 auto;width:100%;min-width:0}html.nav-open,body.nav-open{overflow:hidden;touch-action:none;overscroll-behavior:none}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.nav-wrap,.header-inner{max-width:var(--max);margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;width:100%;box-sizing:border-box}@media (min-width: 640px){.nav-wrap,.header-inner{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.nav-wrap,.header-inner{padding-left:2rem;padding-right:2rem}}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.125rem;color:var(--ink);flex-shrink:0;min-width:0}.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{width:2rem;height:2rem;border-radius:9999px;display:grid;place-items:center;color:#fff;background:var(--primary);flex-shrink:0}.brand-mark svg{width:1rem;height:1rem;display:block}.main-nav{display:none;align-items:center;gap:1.25rem;flex:1 1 auto;min-width:0}.main-nav a{color:#374151;font-weight:500;white-space:nowrap;transition:color .15s ease}.main-nav a:hover,.main-nav a.active{color:var(--primary)}.header-search{display:none;position:relative;align-items:center}.header-search input{width:16rem;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:var(--radius);background:#fff;color:var(--ink);outline:none}.header-search input:focus{border-color:transparent;box-shadow:0 0 0 2px var(--primary)}.header-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af;pointer-events:none}.header-auth{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.header-login{color:#374151;font-weight:500;padding:.4rem .6rem}.header-login:hover{color:var(--primary)}.btn-register{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius);background:var(--primary);color:#fff;font-weight:600;border:none;cursor:pointer;transition:background .15s ease}.btn-register:hover{background:var(--primary-dark)}.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:2.25rem;height:2.25rem;padding:.4rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;cursor:pointer}.nav-toggle span{display:block;height:2px;width:100%;background:#374151;border-radius:1px}.mobile-nav{display:none;flex-direction:column;gap:.25rem;padding:0 1rem 1rem;border-top:1px solid var(--line);background:#fff}.mobile-nav.open{display:flex}.mobile-nav a{padding:.75rem .5rem;color:#374151;font-weight:500;border-radius:var(--radius)}.mobile-nav a:hover,.mobile-nav a.active{color:var(--primary);background:#eff6ff}.mobile-nav .header-search{display:flex;width:100%;margin-top:.5rem}.mobile-nav .header-search input{width:100%}.mobile-nav-auth{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}.mobile-nav-auth .header-login{display:inline-flex;align-items:center;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:#374151;font:inherit;font-weight:500;cursor:pointer}.mobile-nav-auth .btn-register{flex:1;text-align:center}@media (min-width: 1024px){.main-nav,.header-search{display:flex}.nav-toggle,.mobile-nav,.mobile-nav.open{display:none}}@media (min-width: 1024px) and (max-width: 1200px){.header-search input{width:11rem}.main-nav{gap:.85rem}.main-nav a{font-size:.9rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.75rem 2rem;border-radius:var(--radius);font-weight:600;border:2px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-ghost{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-ghost:hover{background:#eff6ff}.btn-hero-solid{background:#fff;color:var(--primary);border-color:#fff}.btn-hero-solid:hover{background:#eff6ff}.btn-hero-outline{background:transparent;color:#fff;border-color:#fff}.btn-hero-outline:hover{background:#fff;color:var(--primary)}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.section{max-width:var(--max);margin:0 auto;padding:2rem 1rem;width:100%;box-sizing:border-box}@media (min-width: 640px){.section{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.section{padding-left:2rem;padding-right:2rem}}.home-section{padding-top:4rem;padding-bottom:4rem}.home-section--white{background:#fff}.home-section--muted{background:var(--bg)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.section-head-title{display:flex;align-items:center;gap:.5rem}.section-head-title h2{font-size:1.875rem;font-weight:700;color:var(--ink);margin:0}.section-head-icon{width:1.5rem;height:1.5rem;color:#eab308;flex-shrink:0}.section-more{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary);font-weight:500}.section-more:hover{color:var(--primary-dark)}.hero-banner{background:linear-gradient(to right,#2563eb,#9333ea);color:#fff;padding:4rem 1rem;text-align:center}.hero-banner-inner{max-width:var(--max);margin:0 auto;padding:0 .5rem}.hero-banner h1{font-size:2.25rem;font-weight:700;margin:0 0 1.5rem;line-height:1.15}.hero-banner .hero-lead{font-size:1.25rem;color:#dbeafe;margin:0 0 2rem;line-height:1.5}.hero-banner .hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media (min-width: 640px){.hero-banner .hero-actions{flex-direction:row}}@media (min-width: 768px){.hero-banner h1{font-size:3.75rem}.hero-banner .hero-lead{font-size:1.5rem}}.home-cats{background:#fff;padding:4rem 0}.home-cats-head{text-align:center;margin-bottom:3rem}.home-cats-head h2{font-size:1.875rem;font-weight:700;color:var(--ink);margin:0 0 1rem}.home-cats-head p{color:#4b5563;margin:0}.home-cats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}@media (min-width: 768px){.home-cats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (min-width: 1024px){.home-cats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-cat-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;text-align:center;transition:box-shadow .2s ease}.home-cat-card:hover{box-shadow:var(--shadow-lg)}.home-cat-icon{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:9999px;background:#dbeafe;color:var(--primary);display:grid;place-items:center;font-size:1.5rem;font-weight:700}.home-cat-card h3{font-size:1.125rem;font-weight:700;margin:0 0 .5rem;color:var(--ink)}.home-cat-card p{color:#4b5563;font-size:.875rem;margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.home-cat-count{color:var(--primary);font-size:.875rem;font-weight:500}.home-why{background:linear-gradient(to right,#9333ea,#db2777);color:#fff;padding:4rem 0}.home-why-head{text-align:center;margin-bottom:3rem}.home-why-head h2{font-size:1.875rem;font-weight:700;margin:0 0 1rem}.home-why-head p{font-size:1.25rem;color:#f3e8ff;margin:0}.home-why-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.home-why-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.home-why-grid{grid-template-columns:repeat(4,1fr)}}.home-why-item{text-align:center}.home-why-icon{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:9999px;background:#fff3;display:grid;place-items:center;font-size:1.5rem}.home-why-item h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.home-why-item p{color:#f3e8ff;margin:0;line-height:1.5}.home-stats{background:var(--stats);color:#fff;padding:3rem 0}.home-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;text-align:center}@media (min-width: 768px){.home-stats-grid{grid-template-columns:repeat(4,1fr)}}.home-stats-num{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.home-stats-num.is-blue{color:#60a5fa}.home-stats-num.is-green{color:#4ade80}.home-stats-num.is-yellow{color:#facc15}.home-stats-num.is-red{color:#f87171}.home-stats-label{color:#d1d5db}.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width: 640px){.movie-grid{gap:1rem}}@media (min-width: 768px){.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (min-width: 1024px){.movie-grid{grid-template-columns:repeat(3,1fr)}}.movie-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width: 768px){.movie-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.movie-grid.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.movie-grid.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.movie-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .2s ease}.movie-card:hover{box-shadow:var(--shadow-lg)}.movie-card.list-mode{display:flex;flex-direction:row}.movie-card.list-mode .card-cover{width:14rem;flex-shrink:0}.movie-card.list-mode .card-body{flex:1;min-width:0}.card-cover{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:#111827}@supports not (aspect-ratio: 1){.card-cover{height:0;padding-bottom:56.25%}.card-cover>img{position:absolute;inset:0;width:100%;height:100%}}.card-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.movie-card:hover .card-cover img{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:#0000;display:grid;place-items:center;transition:background .3s ease}.movie-card:hover .card-overlay{background:#0000004d}.card-play{width:3rem;height:3rem;border-radius:9999px;background:#ffffffe6;color:var(--primary);display:grid;place-items:center;opacity:0;transition:opacity .3s ease;font-size:1rem}.movie-card:hover .card-play{opacity:1}.card-quality{position:absolute;top:.5rem;left:.5rem;background:var(--primary);color:#fff;font-size:.75rem;padding:.15rem .5rem;border-radius:.25rem;z-index:1}.card-duration{position:absolute;bottom:.5rem;right:.5rem;background:#000000bf;color:#fff;font-size:.75rem;padding:.15rem .5rem;border-radius:.25rem;z-index:1}.card-body{padding:1rem}.card-title{display:block;font-weight:600;color:var(--ink);margin-bottom:.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color .15s ease}.card-title:hover{color:var(--primary)}.card-teaser{color:#4b5563;font-size:.875rem;margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem;flex-wrap:wrap}.card-meta-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.card-rating{color:#ca8a04;font-weight:500}.card-cat-pill{display:inline-block;background:#dbeafe;color:#1e40af;font-size:.75rem;padding:.15rem .5rem;border-radius:9999px}.crumb-bar{background:#fff;border-bottom:1px solid var(--line)}.crumb-bar-inner{max-width:var(--max);margin:0 auto;padding:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;flex-wrap:wrap}@media (min-width: 640px){.crumb-bar-inner{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.crumb-bar-inner{padding-left:2rem;padding-right:2rem}}.breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.875rem}.breadcrumb a{color:#6b7280}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span[aria-current=page]{color:var(--ink);font-weight:500}.breadcrumb>span[aria-hidden=true]{color:#9ca3af}.catalog-hero{background:#fff;padding:2rem 0}.catalog-hero-inner{max-width:var(--max);margin:0 auto;padding:0 1rem;text-align:center}.catalog-hero h1{font-size:1.875rem;font-weight:700;color:var(--ink);margin:0 0 1rem}.catalog-hero .page-lead{color:#4b5563;max-width:42rem;margin:0 auto 1.5rem;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.catalog-count-pill{display:inline-flex;align-items:center;background:#dbeafe;color:#1e40af;padding:.5rem 1rem;border-radius:9999px;font-weight:500}.catalog-toolbar{background:#fff;border-bottom:1px solid var(--line)}.catalog-toolbar-inner{max-width:var(--max);margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.catalog-toolbar-inner{flex-direction:row;align-items:center;justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.catalog-toolbar-inner{padding-left:2rem;padding-right:2rem}}.catalog-sort{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;font-weight:500}.catalog-sort select{border:1px solid #d1d5db;border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem;background:#fff;outline:none}.catalog-sort select:focus{box-shadow:0 0 0 2px var(--primary)}.view-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151}.view-toggle-btns{display:flex;border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden}.view-toggle-btns button{padding:.5rem .65rem;border:none;background:#fff;color:#4b5563;cursor:pointer}.view-toggle-btns button.active{background:var(--primary);color:#fff}.catalog-list{display:flex;flex-direction:column;gap:1.5rem}.page-hero{background:#fff;border-bottom:1px solid var(--line);padding:2rem 0 1.5rem}.page-hero .section{padding-top:0;padding-bottom:0}.page-hero h1{font-size:1.875rem;font-weight:700;margin:.75rem 0 .5rem}.page-hero p{color:#4b5563;margin:0;line-height:1.6}.page-shell{max-width:var(--max);margin:0 auto;padding:1.5rem 1rem 3rem;width:100%;box-sizing:border-box}@media (min-width: 640px){.page-shell{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.page-shell{padding-left:2rem;padding-right:2rem}}.page-head{margin:1rem 0 1.5rem}.page-head h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.page-lead{color:#4b5563;margin:0;line-height:1.6}.page-panel,.panel,.simple-page{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.simple-page h2{font-size:1.25rem;margin:1.5rem 0 .75rem}.simple-page h2:first-child{margin-top:0}.simple-page p{color:#4b5563;line-height:1.7;margin:0 0 .75rem}.info-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1rem 0}@media (min-width: 640px){.info-grid{grid-template-columns:repeat(2,1fr)}}.info-grid>div{background:var(--bg);border-radius:var(--radius);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.info-grid span{font-size:.75rem;color:var(--muted)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.pill,.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;background:#f3f4f6;color:#4b5563;font-size:.875rem}.pill.light:hover,.tag:hover{background:#dbeafe;color:var(--primary)}.empty-state{display:none;text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state.show{display:block}.empty-state h2{color:var(--ink);margin:0 0 .5rem}.filter-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:1.5rem}.filter-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.input{border:1px solid #d1d5db;border-radius:var(--radius);padding:.5rem .75rem;background:#fff;min-width:0;flex:1 1 12rem;outline:none}.input:focus{box-shadow:0 0 0 2px var(--primary);border-color:transparent}.rank-list{display:flex;flex-direction:column;gap:.75rem}.rank-line{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem;transition:box-shadow .15s ease}.rank-line:hover{box-shadow:var(--shadow-lg)}.rank-no{width:2rem;height:2rem;border-radius:9999px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.875rem;flex-shrink:0}.rank-line img{width:4rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:.25rem;flex-shrink:0}.rank-title{min-width:0;display:flex;flex-direction:column;gap:.15rem}.rank-title strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-title em{font-style:normal;font-size:.75rem;color:var(--muted)}.rank-layout{display:grid;gap:1.5rem}@media (min-width: 1024px){.rank-layout{grid-template-columns:1.4fr 1fr}}.hub-cat-list{display:flex;flex-direction:column;gap:1rem}.hub-cat-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.hub-cat-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.hub-cat-no{width:2.5rem;height:2.5rem;border-radius:9999px;background:#dbeafe;color:var(--primary);display:grid;place-items:center;font-weight:700;flex-shrink:0}.hub-cat-head h2{font-size:1.125rem;margin:0 0 .35rem}.hub-cat-head p{color:#4b5563;margin:0;font-size:.875rem;line-height:1.5}.hub-cat-go{margin-left:auto;padding:.5rem 1rem;font-size:.875rem}.hub-cat-previews{display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 640px){.hub-cat-previews{grid-template-columns:repeat(3,1fr)}}.mini-link{display:flex;gap:.75rem;align-items:center;padding:.5rem;border-radius:var(--radius);transition:background .15s ease}.mini-link:hover{background:#f9fafb}.mini-link img{width:6rem;height:4rem;-o-object-fit:cover;object-fit:cover;border-radius:.25rem;flex-shrink:0}.mini-link span{min-width:0;display:flex;flex-direction:column;gap:.2rem}.mini-link strong{font-size:.875rem;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mini-link span>span{font-size:.75rem;color:var(--muted)}.side-stack{display:flex;flex-direction:column;gap:.35rem}.page-rail-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1rem}.page-rail-card h2{font-size:1.125rem;margin:0 0 1rem}.page-layout{display:grid;gap:1.5rem}@media (min-width: 1024px){.page-layout:not(.page-layout-solo){grid-template-columns:minmax(0,1fr) 18rem}}.play-layout{max-width:var(--max);margin:0 auto;padding:2rem 1rem;width:100%;box-sizing:border-box}@media (min-width: 640px){.play-layout{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.play-layout{padding-left:2rem;padding-right:2rem}}.play-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.play-grid{grid-template-columns:repeat(3,1fr)}.play-main{grid-column:span 2}.play-aside{grid-column:span 1}}.player-card{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;margin-bottom:1.5rem}@supports not (aspect-ratio: 1){.player-card{height:0;padding-bottom:56.25%}.player-card>video,.player-card>.player-cover{position:absolute;inset:0;width:100%;height:100%}}.player-card video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.player-cover{width:100%;height:100%;display:grid;place-items:center;background:#111827;color:#fff;padding:1.5rem;text-align:center}.play-error-box p{color:#d1d5db;margin:.5rem 0 1rem}.player-unmute{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);z-index:2;background:#000000b3;color:#fff;border-color:transparent}.play-info-card,.play-comments-card,.play-related-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.play-info-card h1{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.play-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.875rem;color:#4b5563;margin-bottom:1rem}.play-actions-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.play-action-btns{display:flex;gap:.75rem;flex-wrap:wrap}.play-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--radius);border:none;background:#f3f4f6;color:#4b5563;cursor:pointer;font-weight:500}.play-action-btn:hover{background:#e5e7eb}.play-action-btn.is-liked{background:#fee2e2;color:#ef4444}.play-info-card h3,.play-comments-card h3,.play-related-card h3{font-size:1.125rem;font-weight:600;margin:0 0 .75rem;color:var(--ink)}.play-desc-block{border-top:1px solid var(--line);padding-top:1rem;margin-bottom:1rem}.play-desc-block p{color:#374151;line-height:1.7;margin:0}.play-tags{display:flex;flex-wrap:wrap;gap:.5rem}.play-tags .tag{cursor:default}.play-tags .tag:hover{background:#dbeafe;color:var(--primary)}.comment-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.comment-item{display:flex;gap:.75rem}.comment-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;background:#dbeafe;color:var(--primary);display:grid;place-items:center;font-weight:700;flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-meta strong{font-weight:500}.comment-meta time{font-size:.875rem;color:#6b7280}.comment-body p{margin:0;color:#374151;line-height:1.5;font-size:.9375rem}.comment-form textarea{width:100%;min-height:5rem;border:1px solid #d1d5db;border-radius:var(--radius);padding:.75rem;resize:vertical;margin-bottom:.75rem;outline:none}.comment-form textarea:focus{box-shadow:0 0 0 2px var(--primary);border-color:transparent}.related-list{display:flex;flex-direction:column;gap:1rem}.related-item{display:flex;gap:.75rem;padding:.5rem;border-radius:var(--radius);transition:background .15s ease}.related-item:hover{background:#f9fafb}.related-thumb{position:relative;width:6rem;height:4rem;flex-shrink:0;border-radius:.25rem;overflow:hidden;background:#111827}.related-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-thumb .card-duration{bottom:.25rem;right:.25rem;padding:0 .25rem;font-size:.65rem}.related-item h4{font-size:.875rem;font-weight:500;margin:0 0 .35rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.related-meta{font-size:.75rem;color:#6b7280}.site-footer{background:var(--footer);color:#fff;margin-top:auto;padding:3rem 0 0}.footer-grid{max-width:var(--max);margin:0 auto;padding:0 1rem 2rem;display:grid;grid-template-columns:1fr;gap:2rem;width:100%;box-sizing:border-box}@media (min-width: 768px){.footer-grid{grid-template-columns:repeat(2,1fr);padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.footer-grid{grid-template-columns:repeat(4,1fr);padding-left:2rem;padding-right:2rem}}.footer-brand{color:#fff;margin-bottom:1rem}.footer-brand .brand-mark{background:#60a5fa}.site-footer p{color:#d1d5db;line-height:1.6;margin:0;font-size:.9375rem}.site-footer h3{font-size:1.125rem;font-weight:600;margin:0 0 1rem}.site-footer a{display:block;color:#d1d5db;padding:.25rem 0;transition:color .15s ease}.site-footer a:hover{color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-links a{display:inline;padding:0}.footer-bottom{border-top:1px solid #1f2937;padding:1.5rem 1rem;text-align:center;color:#9ca3af;font-size:.875rem}.x-auth-page{min-height:calc(100vh - 8rem);display:grid;place-items:center;padding:2rem 1rem;background:var(--bg)}.x-auth-card{width:100%;max-width:28rem;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2rem}.x-auth-head{text-align:center;margin-bottom:1.5rem}.x-auth-head .brand-mark{margin:0 auto .75rem}.x-auth-head h1{font-size:1.5rem;margin:0 0 .5rem}.x-auth-head p,.x-auth-lead{color:#6b7280;margin:0;font-size:.9375rem;line-height:1.5}.x-auth-form{display:flex;flex-direction:column;gap:1rem}.x-auth-field{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:500;color:#374151}.x-auth-input{display:flex;align-items:center;gap:.5rem;border:1px solid #d1d5db;border-radius:var(--radius);padding:0 .75rem;background:#fff}.x-auth-input:focus-within{box-shadow:0 0 0 2px var(--primary);border-color:transparent}.x-auth-input input{flex:1;border:none;outline:none;padding:.65rem 0;background:transparent;min-width:0}.auth-ico{color:#9ca3af;flex-shrink:0}.x-auth-toggle{border:none;background:transparent;color:#6b7280;cursor:pointer;padding:.25rem;display:grid;place-items:center}.x-auth-error{background:#fef2f2;color:#ef4444;border-radius:var(--radius);padding:.75rem;font-size:.875rem}.x-auth-remember{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;font-weight:400}.x-auth-submit{display:block;width:100%;text-align:center;padding:.75rem;border-radius:var(--radius);background:var(--primary);color:#fff;font-weight:600;border:none;cursor:pointer}.x-auth-submit:hover{background:var(--primary-dark)}.x-auth-ghost{display:block;width:100%;text-align:center;padding:.65rem;margin-top:.75rem;border-radius:var(--radius);background:transparent;color:var(--primary);border:1px solid var(--line);cursor:pointer;font-weight:500}.x-auth-switch{text-align:center;margin-top:1rem;font-size:.875rem;color:#6b7280}.x-auth-switch a{color:var(--primary);font-weight:600}.x-auth-signed{text-align:center;display:flex;flex-direction:column;gap:.75rem}.x-auth-signed h1{margin:0}.back-top{position:fixed;right:max(1rem,env(safe-area-inset-right,0px));bottom:max(1.25rem,env(safe-area-inset-bottom,0px));z-index:40;width:2.75rem;height:2.75rem;border-radius:var(--radius);border:none;background:var(--primary);color:#fff;font-size:1.125rem;cursor:pointer;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transform:translateY(.5rem);transition:opacity .2s ease,transform .2s ease,background .15s ease}.back-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-top:hover{background:var(--primary-dark)}.search-hint{color:#6b7280;margin-top:1rem}.search-hint a{color:var(--primary)}.section-desc{color:#6b7280;line-height:1.6;margin-top:.5rem}@media (max-width: 1023px){.nav-wrap,.header-inner{gap:.65rem;padding:.65rem .85rem}.brand{font-size:1rem;max-width:calc(100% - 9.5rem)}.brand span{max-width:100%}.header-auth>.header-login{display:none}.btn-register{padding:.4rem .75rem;font-size:.875rem}.mobile-nav{padding:.5rem .85rem 1rem}.hero-banner{padding:2.5rem 1rem}.hero-banner h1{font-size:clamp(1.45rem,6.5vw,2rem);margin-bottom:.85rem}.hero-banner .hero-lead{font-size:.95rem;margin-bottom:1.25rem}.hero-banner .hero-actions{flex-direction:column;align-items:stretch;width:min(100%,20rem);margin-left:auto;margin-right:auto}.hero-banner .hero-actions .btn{width:100%}.home-section,.section{padding-top:2.25rem;padding-bottom:2.25rem}.section-head{margin-bottom:1.1rem;gap:.5rem}.section-head-title h2,.home-cats-head h2{font-size:1.35rem}.home-cat-card{padding:1rem .75rem}.home-cat-icon{width:3rem;height:3rem;font-size:1.15rem;margin-bottom:.65rem}.card-body{padding:.75rem}.card-title{font-size:.9rem}.card-teaser{font-size:.78rem;-webkit-line-clamp:2}.card-meta{font-size:.72rem;gap:.35rem}.catalog-hero{padding:1.25rem 0}.catalog-hero h1{font-size:1.45rem}.catalog-toolbar-inner{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.catalog-sort{flex:1 1 auto;min-width:0}.catalog-sort select{max-width:100%}.play-layout{padding:1rem .75rem 2rem}.play-grid{gap:1rem}.play-info-card,.play-comments-card,.play-related-card{padding:1rem;margin-bottom:1rem}.play-info-card h1{font-size:1.2rem;margin-bottom:.75rem}.play-meta-row{gap:.5rem .85rem;font-size:.8rem}.play-actions-row{flex-direction:column;align-items:stretch;gap:.75rem}.play-action-btns{width:100%}.play-action-btn{flex:1;justify-content:center}.play-actions-row>.card-cat-pill{align-self:flex-start}.player-card{border-radius:.5rem;margin-bottom:1rem}.related-thumb{width:5.25rem;height:3.5rem}.page-shell,.page-layout{padding-left:.75rem;padding-right:.75rem}.page-head h1{font-size:1.35rem}.footer-grid{gap:1.5rem;padding:2rem 1rem 1.5rem}.x-auth-page{padding:4rem .85rem 1.5rem}.movie-card.list-mode{flex-direction:column}.movie-card.list-mode .card-cover{width:100%}.hub-cat-head{flex-direction:column;align-items:stretch;gap:.75rem}.hub-cat-go{margin-left:0;width:100%}.hub-cat-head p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}@media (max-width: 420px){.movie-grid,.movie-grid.grid-4,.home-cats-grid{gap:.55rem}.card-body{padding:.55rem}.card-meta-left span:nth-child(2){display:none}.nav-wrap,.header-inner{padding-left:.65rem;padding-right:.65rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.back-top,.card-cover img,.card-overlay,.card-play{transition:none!important}}