: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}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.movie-card:hover,.btn-primary:hover,.btn-ghost:hover{transform:none!important}}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;background:transparent;color:inherit}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%;display:block;height:auto;-o-object-fit:contain;object-fit:contain;background:#000}button,a,summary{font:inherit;touch-action:manipulation}button{cursor:pointer}input,select,textarea{font:inherit;font-size:max(16px,1rem);max-width:100%}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #9333ea;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-header{position:sticky;top:0;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.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}.poster-wrap img,.player-shell img,.compact-link img,.rank-feature img{width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover}:root{color-scheme:light;--accent: #9333ea;--accent-pink: #ec4899;--header-grad: linear-gradient(to right, #581c87, #1e3a8a, #312e81);--page-grad: linear-gradient(to bottom right, #f9fafb, #eff6ff, #faf5ff);--footer-grad: linear-gradient(to right, #111827, #581c87, #312e81);--container: 80rem;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font);color:#1f2937;background:#f9fafb}body{background:var(--page-grad);background-attachment:fixed}.app-shell{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}.page-blobs{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.page-blob{position:absolute;width:20rem;height:20rem;border-radius:9999px;filter:blur(24px);opacity:.2;mix-blend-mode:multiply;animation:eyunyu-blob 7s infinite}.page-blob-a{top:-10rem;right:-10rem;background:#d8b4fe}.page-blob-b{bottom:-10rem;left:-10rem;background:#fde047;animation-delay:2s}.page-blob-c{top:10rem;left:10rem;background:#f9a8d4;animation-delay:4s}@keyframes eyunyu-blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@media (prefers-reduced-motion: reduce){.page-blob{animation:none}}.site-header,.site-main,.site-footer,.back-top{position:relative;z-index:1}.site-main{flex:1}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:1rem}.site-header{position:sticky;top:0;z-index:50;background:var(--header-grad);box-shadow:0 25px 50px -12px #00000040}.header-bar{display:flex;align-items:center;justify-content:space-between;height:4rem;gap:1rem}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;min-width:0}.brand-mark{width:2.5rem;height:2.5rem;border-radius:.5rem;display:grid;place-items:center;background:linear-gradient(to bottom right,#ec4899,#9333ea);color:#fff;flex:0 0 auto}.brand-text{font-size:1.5rem;font-weight:700;color:#fff;white-space:nowrap}.nav-desktop{display:none;align-items:center;gap:2rem}.nav-desktop a{display:inline-flex;align-items:center;gap:.25rem;color:#d1d5db;text-decoration:none;font-size:.95rem;transition:color .2s,transform .2s}.nav-desktop a:hover,.nav-desktop a.active{color:#fff;transform:scale(1.05)}.nav-ico{width:1rem;height:1rem;opacity:.9}.header-search{display:none;position:relative;width:16rem;margin:0;border:0;background:transparent}.header-search input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:max(16px,.875rem);outline:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.header-search input::-moz-placeholder{color:#d1d5db}.header-search input::placeholder{color:#d1d5db}.header-search input:focus{box-shadow:0 0 0 2px #9333ea;border-color:transparent}.header-search-ico{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#d1d5db;pointer-events:none}.nav-auth{display:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:9999px;background:transparent;color:#d1d5db;text-decoration:none}.nav-auth:hover{color:#fff;transform:scale(1.05)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;background:transparent;color:#d1d5db;font-size:1.25rem}.nav-toggle:hover{color:#fff}.nav-drawer{border-top:1px solid rgba(255,255,255,.2);padding:1rem 0;background:transparent}.nav-drawer-inner{display:flex;flex-direction:column;gap:1rem}.nav-drawer nav{display:flex;flex-direction:column;gap:.5rem}.nav-drawer a,.nav-drawer .nav-text-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;border-radius:.5rem;color:#d1d5db;text-decoration:none;background:transparent;border:0;text-align:left;font:inherit}.nav-drawer a:hover,.nav-drawer a.active{color:#fff;background:#ffffff1a}.nav-drawer-search{position:relative;border:0;background:transparent}.nav-drawer-search input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:max(16px,.875rem)}@media (min-width: 768px){.nav-desktop{display:flex}.header-search{display:block}.nav-auth{display:inline-flex}.nav-toggle{display:none}.nav-drawer{display:none!important}}.eyunyu-main{max-width:var(--container);margin:0 auto;padding:2rem 1rem;position:relative;z-index:10}.eyunyu-row{display:flex;flex-direction:column;gap:2rem}@media (min-width: 1024px){.eyunyu-row{flex-direction:row;align-items:flex-start}}.eyunyu-aside{width:100%;flex-shrink:0}@media (min-width: 1024px){.eyunyu-aside{width:16rem}}.side-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:1.5rem;margin-bottom:0}.side-card h3,.side-card-head h3{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937}.side-nav{display:flex;flex-direction:column;gap:1rem}.side-link{display:block;width:100%;text-align:left;padding:.5rem 1rem;border-radius:.5rem;border:0;font:inherit;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s;background:#f3f4f6;color:#374151}.side-link:hover{background:#e5e7eb}.side-link.is-active{background:linear-gradient(to right,#a855f7,#ec4899);color:#fff;box-shadow:0 10px 15px -3px #a855f759}.side-group{display:flex;flex-direction:column;gap:.5rem}.side-group-links{display:flex;flex-direction:column;gap:.25rem;margin-left:1rem}.side-group-links button,.side-group-links a{display:block;width:100%;text-align:left;padding:.25rem .75rem;border-radius:.375rem;border:0;background:transparent;color:#4b5563;font-size:.875rem;text-decoration:none;cursor:pointer;font-family:inherit}.side-group-links button:hover,.side-group-links a:hover{background:#f3f4f6}.side-group-links button.is-active,.side-group-links a.is-active{background:#f3e8ff;color:#7e22ce}.eyunyu-content{flex:1;min-width:0;max-width:100%}.eyunyu-content,.catalog-hero,.eyunyu-heading,.play-info-card,.page-hero,.detail-panel{overflow-wrap:anywhere;word-break:break-word}.eyunyu-heading{margin-bottom:2rem}.eyunyu-heading h1{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:#1f2937;line-height:1.25}.eyunyu-heading h1 .search-hint{color:#9333ea}.eyunyu-heading p{margin:0;color:#4b5563;line-height:1.6}.eyunyu-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.eyunyu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.eyunyu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.eyunyu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.eyunyu-empty{text-align:center;padding:4rem 1rem;color:#9ca3af}.eyunyu-empty .big{font-size:3.75rem;margin-bottom:1rem}.eyunyu-empty h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#4b5563}.eyunyu-empty p{margin:0;color:#6b7280}.movie-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;transition:all .3s;border:0;cursor:pointer}.movie-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-.5rem)}.movie-card .card-link{display:block;color:inherit;text-decoration:none}.movie-card .poster-wrap{position:relative;overflow:hidden;height:12rem;aspect-ratio:16 / 9;max-height:12rem;background:#111}.movie-card .poster-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;display:block}.movie-card:hover .poster-wrap img{transform:scale(1.1)}.movie-card .poster-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .3s;font-size:0;color:transparent}.movie-card .poster-play:before{content:"";width:3.5rem;height:3.5rem;border-radius:9999px;background:#fff3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5.14v14l11-7-11-7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:55% center;background-size:2rem}.movie-card:hover .poster-play{opacity:1}.movie-card .poster-quality{position:absolute;top:.75rem;left:.75rem;z-index:2;padding:.25rem .5rem;border-radius:9999px;background:linear-gradient(to right,#a855f7,#ec4899);color:#fff;font-size:.75rem;font-weight:600;border:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-card .rank-badge{position:absolute;top:.75rem;left:.75rem;z-index:3;padding:.25rem .5rem;border-radius:9999px;background:linear-gradient(to right,#a855f7,#ec4899);color:#fff;font-size:.75rem;font-weight:700}.movie-card .poster-foot{position:absolute;top:.75rem;right:.75rem;left:auto;bottom:auto;z-index:2;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:9999px;background:#000000b3;color:#fff;font-size:.75rem;width:auto;border:0}.movie-card .poster-foot .clock-ico{width:.75rem;height:.75rem}.movie-card .card-body{padding:.65rem .75rem .7rem;display:flex;flex-direction:column;gap:.3rem;background:#fff}.movie-card h3{margin:0;font-size:1rem;font-weight:700;color:#1f2937;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;transition:color .2s}.movie-card:hover h3{color:#9333ea}.movie-card .card-body>p{margin:0;font-size:.8125rem;color:#4b5563;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.movie-card .mini-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.1rem 0 0}.movie-card .genre-chip{display:inline-flex;align-items:center;max-width:100%;font-size:.75rem;line-height:1.2;padding:.2rem .55rem;border-radius:9999px;border:0;font-weight:700;letter-spacing:.02em;background-color:#9333ea!important;background-image:linear-gradient(90deg,#9333ea,#db2777)!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important;visibility:visible!important}.movie-card .genre-chip:hover{filter:brightness(1.1)}.card-stats{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.35rem;margin-top:.2rem;font-size:.8125rem;color:#4b5563}.card-stats-left{display:flex;align-items:center;gap:.65rem;min-width:0}.card-stats-item{display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap;color:#4b5563}.card-stats-item svg{width:.875rem;height:.875rem;flex-shrink:0}.card-stats-item .star{color:#eab308;fill:currentColor}.card-stats-date{font-size:.75rem;color:#6b7280;white-space:nowrap;flex-shrink:0}.movie-card-horizontal .card-link,.movie-card-list .card-link{display:grid;grid-template-columns:minmax(160px,40%) 1fr}.movie-card-horizontal .poster-wrap,.movie-card-list .poster-wrap,.movie-card-horizontal .poster-wrap img,.movie-card-list .poster-wrap img{height:100%;min-height:8rem}.section{padding:1.5rem 0;background:transparent!important}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.section-head h2{margin:0;font-size:1.25rem;font-weight:700}.grid{display:grid;gap:1.5rem}.grid-4{grid-template-columns:1fr}@media (min-width: 640px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.page-hero{padding:1.5rem 0 .5rem;background:transparent}.page-hero h1{margin:.5rem 0;font-size:1.75rem;font-weight:700;color:#1f2937}.breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;color:#6b7280;font-size:.875rem;max-width:100%;overflow-wrap:anywhere}.breadcrumb a{color:#9333ea;text-decoration:none}.category-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.category-chip{padding:.4rem .85rem;border-radius:9999px;background:#f3f4f6;color:#374151;text-decoration:none;font-size:.875rem;font-weight:600}.category-chip.is-active,.category-chip:hover{background:linear-gradient(to right,#a855f7,#ec4899);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.6rem 1.25rem;border-radius:9999px;font-weight:700;text-decoration:none;border:0;cursor:pointer}.btn-primary{background:linear-gradient(to right,#9333ea,#2563eb)!important;color:#fff!important}.btn-ghost{background:#fff!important;color:#7c3aed!important;border:1px solid #ddd6fe!important}.filter-panel,.catalog-toolbar,.detail-panel,.rank-feature,.x-auth-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;border:0}.site-footer{margin-top:auto;background:var(--footer-grad);color:#fff;border:0;padding:0}.footer-inner{padding:3rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:0}@media (min-width: 768px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.footer-brand .brand-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer-brand h2,.footer-brand .brand-row strong{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.footer-brand p{margin:0 0 1rem;color:#d1d5db;font-size:.875rem;line-height:1.625}.footer-mail{display:inline-flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem;text-decoration:none}.footer-col h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#fff}.footer-col nav,.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.site-footer a{color:#d1d5db;text-decoration:none;font-size:.875rem}.site-footer a:hover{color:#fff;text-decoration:underline}.footer-copy{border-top:1px solid #374151;margin-top:2rem;padding-top:2rem;display:flex;flex-direction:column;gap:1rem;color:#9ca3af;font-size:.875rem}@media (min-width: 768px){.footer-copy{flex-direction:row;justify-content:space-between;align-items:center}}.footer-note{margin-top:1rem;text-align:center;font-size:.75rem;color:#6b7280}.footer-made .heart{color:#ef4444;margin:0 .2rem}.nav-drawer-user{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.action-chip-primary,.action-chip.is-active,.x-auth-submit{background:linear-gradient(to right,#9333ea,#ec4899)!important;color:#fff!important;border:0!important}.back-top{background:linear-gradient(135deg,#9333ea,#ec4899)!important;color:#fff!important;border:0!important;position:fixed;right:1rem;bottom:1.25rem;z-index:40;width:2.75rem;height:2.75rem;border-radius:9999px;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.show{opacity:1;pointer-events:auto}.side-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:0;min-width:0}.side-card-head h3{margin:0;min-width:0}.side-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:2.5rem;padding:0 .9rem;border:0;border-radius:9999px;background:linear-gradient(to right,#9333ea,#ec4899);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer}.side-chips{display:none}@media (min-width: 1024px){.side-toggle,.side-chips{display:none}.side-card-head{margin-bottom:1rem}.side-card .side-nav{display:flex!important}}@media (max-width: 1023px){.side-card .side-nav{display:none;margin-top:.85rem;max-height:min(70vh,28rem);overflow:auto;-webkit-overflow-scrolling:touch}.side-card.is-open .side-nav{display:flex}.side-chips{display:flex;gap:.45rem;margin-top:.85rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.15rem;scrollbar-width:none}.side-chips::-webkit-scrollbar{display:none}.side-chip{flex:0 0 auto;border:0;border-radius:9999px;padding:.45rem .85rem;background:#f3f4f6;color:#374151;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;min-height:2.25rem}.side-chip.is-active{background:linear-gradient(to right,#a855f7,#ec4899);color:#fff}}.catalog-page.eyunyu-main{padding-top:1.5rem}.catalog-hero .breadcrumb{margin-bottom:.75rem}.cat-pick-panel{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.25rem;margin-bottom:1.25rem}.cat-pick-label{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:#1f2937}.cat-pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media (min-width: 640px){.cat-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.cat-pick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}}.cat-pick{display:grid;gap:.2rem;padding:.85rem .65rem;border:0;border-radius:.625rem;background:#f3f4f6;color:#374151;text-align:center;cursor:pointer;min-height:2.75rem;font:inherit;transition:all .2s}.cat-pick strong{font-size:.9rem}.cat-pick span{font-size:.75rem;opacity:.75}.cat-pick:hover{background:#f3e8ff;color:#7e22ce}.cat-pick.is-active{background:linear-gradient(to right,#a855f7,#ec4899);color:#fff;box-shadow:0 10px 15px -3px #a855f759}.catalog-toolbar{display:flex;flex-direction:column;gap:.85rem;background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:1rem 1.15rem;margin-bottom:1.25rem}@media (min-width: 900px){.catalog-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.catalog-count{margin:0;font-weight:700;color:#374151}.catalog-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;min-width:0}@media (min-width: 900px){.catalog-toolbar-actions{width:auto}}.catalog-sort,.catalog-search{flex:1 1 8rem;min-width:0}.catalog-sort select,.catalog-search input{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:.625rem;padding:.65rem .75rem;background:#fff;color:#1f2937;font-size:max(16px,.875rem);min-height:2.75rem}.catalog-sort select:focus,.catalog-search input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea2e}.view-toggle{display:inline-flex;gap:.25rem;padding:.25rem;border-radius:.625rem;background:#f3f4f6;flex:0 0 auto}.view-toggle button{border:0;background:transparent;color:#6b7280;width:2.75rem;height:2.75rem;border-radius:.5rem;cursor:pointer}.view-toggle button.is-active{background:linear-gradient(to right,#9333ea,#ec4899);color:#fff}.catalog-list{display:grid;gap:1rem}.catalog-list .movie-card-horizontal .card-link{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.75rem}.catalog-list .movie-card-horizontal .poster-wrap,.catalog-list .movie-card-horizontal .poster-wrap img{height:5.5rem;width:100%}@media (max-width: 480px){.catalog-toolbar-actions{display:grid;grid-template-columns:1fr auto}.catalog-search{grid-column:1 / -1}}.play-page{padding:1rem 0 3rem;overflow-x:hidden}.play-wrap{max-width:var(--container)}.play-back{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1rem;color:#6b7280;font-weight:600;text-decoration:none}.play-back:hover{color:#9333ea}.play-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.play-col-main,.play-col-side,.play-stage,.play-info-card,.related-rail,.player-shell{max-width:100%;min-width:0}.play-col-main{display:grid;gap:1rem}.player-shell{position:relative;width:100%;border-radius:.75rem;overflow:hidden;background:#111827;box-shadow:0 25px 50px -12px #00000040}.player-shell:before{content:"";display:block;padding-top:56.25%}@supports (aspect-ratio: 1 / 1){.player-shell:before{padding-top:0;aspect-ratio:16 / 9}}.player-shell img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.55)}.player-shell video,.player-shell .movie-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;max-width:none;-o-object-fit:contain;object-fit:contain;background:#000;opacity:0;transition:opacity .25s}.player-shell.is-playing video{opacity:1}.player-shell.is-playing img{opacity:0}.player-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;text-align:center;padding:1.25rem;color:#fff;background:linear-gradient(to top,#111827e0,#581c8759);transition:opacity .25s,visibility .25s}.player-shell.is-playing .player-overlay{opacity:0;visibility:hidden;pointer-events:none}.play-circle{width:4.5rem;height:4.5rem;border-radius:9999px;border:0;background:linear-gradient(135deg,#9333ea,#ec4899);color:#fff;display:grid;place-items:center;margin:0 auto .85rem;font-size:1.5rem;cursor:pointer;box-shadow:0 16px 40px #9333ea66}.play-overlay-title{margin:0 0 .35rem;font-size:clamp(1.15rem,3.5vw,1.75rem);font-weight:800;color:#fff;overflow-wrap:anywhere}.player-unmute{position:absolute;z-index:3;left:50%;bottom:1rem;transform:translate(-50%);border:0;border-radius:9999px;padding:.55rem 1rem;background:#000000bf;color:#fff;font-size:.85rem;cursor:pointer}.play-info-card{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.25rem}.play-title{margin:0 0 .85rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;line-height:1.3;overflow-wrap:anywhere}.play-meta-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1rem;color:#6b7280;font-size:.875rem}.play-cat-badge{background:#f3e8ff;color:#7e22ce;border-radius:9999px;padding:.15rem .65rem;font-size:.75rem;font-weight:700}.play-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1rem}.action-chip{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:.625rem;padding:.65rem .85rem;background:#f3f4f6;color:#374151;font-weight:700;cursor:pointer;min-height:2.75rem;font:inherit}.action-chip:hover{background:#f3e8ff;color:#7e22ce}.play-desc-block{border-top:1px solid #e5e7eb;padding-top:1rem}.play-desc-block h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:800}.play-desc-block p{margin:0 0 .85rem;color:#374151;line-height:1.75}.play-tags{display:flex;flex-wrap:wrap;gap:.5rem}.play-tag{display:inline-flex;padding:.25rem .7rem;border-radius:9999px;background:#f3f4f6;color:#4b5563;font-size:.85rem;text-decoration:none}.play-tag:hover{background:#f3e8ff;color:#7e22ce}.related-rail{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.15rem;position:static}.related-rail h3{margin:0 0 1rem;font-size:1.1rem;font-weight:800}.related-mini-list{display:grid;gap:.85rem}.related-mini{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.65rem;text-decoration:none;color:inherit;min-width:0}.related-mini-thumb{position:relative;width:5.5rem;height:3.44rem;aspect-ratio:16 / 10;border-radius:.5rem;overflow:hidden;background:#e5e7eb}.related-mini-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.related-mini-thumb span{position:absolute;right:.25rem;bottom:.25rem;background:#000000bf;color:#fff;font-size:.65rem;padding:.1rem .3rem;border-radius:.25rem}.related-mini-body{min-width:0;display:grid;gap:.25rem;align-content:start}.related-mini-body strong{font-size:.9rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.related-mini:hover strong{color:#9333ea}.related-mini-body em{font-style:normal;font-size:.75rem;color:#9ca3af}.related-empty{margin:0;color:#9ca3af;text-align:center;padding:1.5rem .5rem}.play-more{margin-top:1.75rem}.play-more h2{margin:0 0 1rem;font-size:1.25rem;font-weight:800}@media (min-width: 1024px){.play-page{padding:1.5rem 0 4rem}.play-grid{grid-template-columns:minmax(0,1fr) 17.5rem;gap:1.25rem}.related-rail{position:sticky;top:5rem}.play-actions{display:flex;flex-wrap:wrap}.play-actions .action-chip{width:auto}}.rank-page .section-tight{padding:0 0 1.5rem}.rank-top{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 900px){.rank-top{grid-template-columns:1.25fr .75fr}}.rank-feature{min-height:16rem;position:relative;border-radius:.75rem;overflow:hidden;background:#111827;box-shadow:0 10px 15px -3px #0000001a}@media (min-width: 640px){.rank-feature{min-height:18rem}}.rank-feature img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rank-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#111827eb,#11182726)}.rank-feature-content{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;color:#fff}@media (min-width: 640px){.rank-feature-content{left:1.5rem;right:1.5rem;bottom:1.5rem}}.rank-feature-content h2{font-size:clamp(1.25rem,3vw,1.85rem);font-weight:900;margin:.5rem 0;color:#fff}.rank-feature-content p{margin:0 0 .85rem;color:#e5e7eb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.tag-row .tag{display:inline-flex;padding:.2rem .55rem;border-radius:9999px;background:#ffffff38;color:#fff;font-size:.75rem;font-weight:700}.detail-tags .tag,.detail-panel .tag{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:9999px;background-color:#9333ea;background-image:linear-gradient(90deg,#9333ea,#db2777);color:#fff;font-size:.75rem;font-weight:700;text-decoration:none;border:0}.detail-tags .tag:hover,.detail-panel .tag:hover{filter:brightness(1.08);color:#fff}.soft-panel{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.15rem}.soft-panel h3{margin:0 0 .85rem;font-size:1.1rem;font-weight:800}.compact-list{display:grid;gap:.75rem}.compact-link{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;gap:.65rem;align-items:center;text-decoration:none;color:inherit}.compact-link img{width:3.5rem;height:4.5rem;-o-object-fit:cover;object-fit:cover;border-radius:.4rem}.compact-link strong{display:block;font-size:.9rem;margin-bottom:.2rem}.compact-link span{font-size:.75rem;color:#6b7280}.compact-link em{font-style:normal;font-weight:800;color:#9333ea;font-size:1.1rem}.rank-list{display:grid;gap:1rem}.filter-panel{display:grid;grid-template-columns:1fr;gap:.75rem;padding:1rem;margin-bottom:1rem}.filter-panel label{display:grid;gap:.35rem;font-size:.85rem;font-weight:700;color:#374151}.filter-panel input,.filter-panel select{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:.625rem;padding:.65rem .75rem;font-size:max(16px,.875rem);min-height:2.75rem}.filter-count{display:flex;align-items:center;color:#6b7280;font-weight:600}@media (min-width: 720px){.filter-panel.filter-compact{grid-template-columns:1fr 10rem auto;align-items:end}}.detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 900px){.detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(16rem,.8fr)}}.detail-panel{background:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.25rem}.detail-panel h2{margin:0 0 .65rem;font-size:1.15rem;font-weight:800}.detail-panel h2+p,.detail-panel p{margin:0 0 1rem;color:#4b5563;line-height:1.7}.info-list{display:grid;gap:.65rem;margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.9rem}.info-row strong{color:#6b7280;font-weight:600}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem}.empty-state{display:none;padding:2rem 1rem;text-align:center;color:#6b7280;background:#fff;border-radius:.75rem}.empty-state.show{display:block}.x-auth-page{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;padding:1.5rem .85rem 2.5rem;min-height:calc(100dvh - 4rem);position:relative;overflow-x:clip}.x-auth-page:before,.x-auth-page:after{content:"";position:absolute;width:12rem;height:12rem;border-radius:9999px;filter:blur(40px);opacity:.35;pointer-events:none;mix-blend-mode:multiply}.x-auth-page:before{top:-3rem;right:-3rem;background:#d8b4fe}.x-auth-page:after{bottom:-3rem;left:-3rem;background:#f9a8d4}.x-auth-card{position:relative;z-index:1;width:100%;max-width:27.5rem;margin:0 auto;padding:1.35rem;border-radius:1rem;background:#fff;box-shadow:0 25px 50px -12px #00000026;box-sizing:border-box}.x-auth-head{text-align:center;margin-bottom:1.25rem}.x-auth-head .brand-mark{margin:0 auto .75rem}.x-auth-head h1{margin:0 0 .4rem;font-size:1.5rem;font-weight:900}.x-auth-head p,.x-auth-lead{margin:0;color:#6b7280;line-height:1.6}.x-auth-form{display:grid;gap:.85rem}.x-auth-field{display:grid;gap:.4rem;color:#374151;font-size:.85rem;font-weight:700}.x-auth-input{display:flex;align-items:center;gap:.55rem;padding:0 .75rem;border:1px solid #d1d5db;border-radius:.75rem;background:#fff}.x-auth-input:focus-within{border-color:transparent;box-shadow:0 0 0 2px #9333ea59}.x-auth-input .auth-ico{color:#9ca3af;flex:0 0 auto}.x-auth-input input{flex:1;min-width:0;border:0;background:transparent;color:#1f2937;padding:.75rem 0;outline:none;font-size:16px}.auth-eye{border:0;background:transparent;color:#9ca3af;padding:.35rem;display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;cursor:pointer}.x-auth-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;color:#4b5563;font-size:.875rem;min-width:0}.x-auth-remember{display:flex;align-items:center;gap:.45rem}.x-auth-remember input{width:1rem;height:1rem;accent-color:#9333ea}.x-auth-submit{display:block;width:100%;margin-top:.25rem;padding:.85rem;border:0;border-radius:.75rem;font-weight:800;text-align:center;text-decoration:none;min-height:2.75rem;cursor:pointer;box-shadow:0 12px 28px #9333ea40}.x-auth-submit:disabled{opacity:.6}.x-auth-ghost{display:block;width:100%;margin-top:.75rem;padding:.8rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#f9fafb;color:#1f2937;font-weight:700;text-align:center;text-decoration:none;min-height:2.75rem;cursor:pointer;font:inherit}.x-auth-ghost:hover{background:#f3e8ff;border-color:#e9d5ff;color:#7e22ce}.x-auth-switch{margin-top:1.15rem;color:#6b7280;text-align:center}.x-auth-switch a{color:#9333ea;font-weight:800}.x-auth-signed{display:grid;gap:.75rem;text-align:center}.x-auth-signed h1{margin:0;font-size:1.5rem;font-weight:900}.x-auth-forgot{color:#9333ea;text-decoration:none;font-weight:600}.x-auth-error{padding:.65rem .75rem;border-radius:.5rem;background:#fef2f2;color:#b91c1c;font-size:.875rem}.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}@media (max-width: 1023px){body{background-attachment:scroll}}@media (max-width: 899px){.nav-desktop{gap:.85rem}.header-search{width:11rem}.brand-text{font-size:1.25rem}.eyunyu-heading h1{font-size:1.5rem}.page-hero{padding:1rem 1rem .25rem}.page-hero .container{padding-inline:0}}@media (min-width: 768px) and (max-width: 1023px){.header-bar{gap:.5rem}.nav-desktop{gap:.65rem}.nav-desktop a span{font-size:.85rem}.header-search{width:10rem}}@media (max-width: 767px){.header-bar{height:3.5rem}.eyunyu-main{padding:1rem .85rem 2rem}.movie-card:hover{transform:none}.cat-pick-panel,.catalog-toolbar,.side-card,.play-info-card,.related-rail,.detail-panel,.soft-panel,.filter-panel{max-width:100%}.play-page .container,.play-wrap{padding-inline:.85rem}}:focus-visible{outline:2px solid #9333ea;outline-offset:2px}