:root{--bg-deep: #070b10;--text: #e8edf5;--muted: rgba(232, 237, 245, .62);--line: rgba(94, 234, 212, .14);--glass: rgba(15, 23, 42, .55);--glass-strong: rgba(30, 41, 59, .75);--accent: #2dd4bf;--accent-dim: #0d9488;--gold: #fbbf24;--gold-dim: #d97706;--danger: #fb7185;font-family:Noto Sans SC,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.theme-cinema{font-feature-settings:"kern" 1}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{margin:0;min-height:100%;min-height:100dvh}body{color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;letter-spacing:.01em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site-root{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#050709,#0a1018 38%,#0c141c);background-attachment:fixed}.site-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 0% 0%,rgba(45,212,191,.12),transparent 55%),radial-gradient(ellipse 55% 40% at 100% 15%,rgba(20,184,166,.08),transparent 50%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(251,191,36,.06),transparent 55%),linear-gradient(105deg,transparent 40%,rgba(15,118,110,.04) 50%,transparent 60%);z-index:0}.site-root>*{position:relative;z-index:1}.layout-max{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}.glass-header{position:sticky;top:14px;z-index:50;width:min(1180px,calc(100% - 28px));margin:0 auto;border-radius:18px;background:linear-gradient(135deg,#0f172ae0,#080c12eb);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--line);box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a}.glass-header__row{display:flex;align-items:center;gap:14px;min-height:58px;padding:8px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.glass-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.glass-brand__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#041016;background:linear-gradient(145deg,var(--accent),var(--accent-dim));box-shadow:0 0 0 1px #2dd4bf59,0 8px 20px #0d948859}.glass-brand__text{font-family:Outfit,Noto Sans SC,sans-serif;font-size:clamp(11px,2.4vw,16px);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#f1f5f9;max-width:min(11.5em,46vw);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 900px){.glass-brand__text{font-size:15px;max-width:none;-webkit-line-clamp:1;white-space:nowrap}}.glass-nav{display:none;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 767px){.glass-nav.is-open{display:flex;position:absolute;left:12px;right:12px;top:calc(100% + 8px);flex-direction:column;align-items:stretch;padding:12px;border-radius:14px;background:#070b10f5;border:1px solid var(--line);box-shadow:0 24px 48px #0000008c;z-index:60}}@media (min-width: 768px){.glass-nav{display:flex;position:static;margin-top:0;padding:0;background:transparent;border:none;box-shadow:none;flex-direction:row}}.glass-nav__link{padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600;color:#e2e8f0b8;transition:background .15s ease,color .15s ease}.glass-nav__link:hover{color:#f8fafc;background:#2dd4bf1a}.glass-nav__link.is-active{color:#ecfeff;background:#2dd4bf29;box-shadow:inset 0 0 0 1px #2dd4bf38}.glass-search{flex:1;min-width:0;max-width:360px}.glass-search input{width:100%;height:40px;border-radius:12px;border:1px solid rgba(94,234,212,.18);background:#03070ca6;padding:0 16px;font-size:14px;color:#f1f5f9}.glass-search input::-moz-placeholder{color:#94a3b8bf}.glass-search input::placeholder{color:#94a3b8bf}.glass-search input:focus{outline:none;border-color:#2dd4bf73;box-shadow:0 0 0 3px #2dd4bf1f}.glass-header__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.glass-auth,.glass-user{display:flex;align-items:center;gap:8px}.glass-user__name{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:#ffffffd9}.glass-link-btn{font-size:14px;font-weight:600;color:#ffffffbf;padding:6px 10px;border-radius:8px;background:none;border:none}.glass-link-btn:hover{color:#fff}a.glass-link-btn{display:inline-flex}.glass-reg-btn{font-size:13px;font-weight:700;padding:8px 14px;border-radius:12px;color:#041016;background:linear-gradient(135deg,var(--gold),var(--gold-dim));box-shadow:0 4px 14px #d9770647}.glass-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0;border:1px solid rgba(94,234,212,.2);border-radius:12px;background:#03070c80}.glass-burger span{display:block;height:2px;width:18px;margin:0 auto;background:#fff;border-radius:2px}@media (min-width: 768px){.glass-burger{display:none}}.home-main{flex:1;padding-top:8px}.hero-jsq{position:relative;padding:clamp(36px,8vw,64px) 0 40px;overflow:hidden}.hero-jsq__blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background:radial-gradient(circle at 12% 40%,rgba(45,212,191,.2),transparent 42%),radial-gradient(circle at 88% 20%,rgba(251,191,36,.08),transparent 38%)}.hero-jsq__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,280px);gap:clamp(24px,4vw,48px);align-items:center}.hero-jsq__copy{text-align:left;border-left:3px solid var(--accent);padding-left:clamp(16px,3vw,28px)}.hero-jsq__kicker{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2dd4bfd9}.hero-jsq__title{margin:0;font-family:Outfit,Noto Sans SC,sans-serif;font-size:clamp(26px,5vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.12;background:linear-gradient(105deg,#f8fafc,#ccfbf1 42%,#fde68a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-jsq__lead{margin:18px 0 0;max-width:520px;font-size:clamp(14px,2.2vw,17px);line-height:1.7;color:var(--muted)}.hero-jsq__cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.hero-jsq__visual{display:flex;justify-content:flex-end}.hero-jsq__fan{list-style:none;margin:0;padding:0;position:relative;width:100%;max-width:260px;aspect-ratio:4 / 5}.hero-jsq__fan-item{position:absolute;right:0;width:58%;border-radius:14px;overflow:hidden;border:1px solid rgba(94,234,212,.25);box-shadow:0 20px 50px #00000073,0 0 0 1px #ffffff0a inset;transform:rotate(calc(-8deg + var(--fan-i) * 6deg)) translateY(calc(var(--fan-i) * 18px));transform-origin:90% 50%;z-index:calc(3 - var(--fan-i))}.hero-jsq__fan-img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover}.btn-gradient{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:12px;font-size:15px;font-weight:800;color:#041016;background:linear-gradient(135deg,var(--accent),var(--accent-dim));box-shadow:0 10px 32px #0d948859;transition:transform .15s ease,box-shadow .15s ease}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 14px 40px #2dd4bf59}.btn-glass{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:12px;font-size:15px;font-weight:700;color:#ecfeff;border:1px solid rgba(94,234,212,.35);background:#0812168c}.btn-glass:hover{background:#2dd4bf1a;border-color:#2dd4bf80}@media (max-width: 768px){.hero-jsq__inner{grid-template-columns:1fr}.hero-jsq__copy{text-align:center;border-left:none;padding-left:0;padding-top:8px;border-top:3px solid var(--accent)}.hero-jsq__cta{justify-content:center}.hero-jsq__visual{display:none}}.section-block{padding:20px 0 36px}.section-block--tight{padding-top:8px}.section-block__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-block__title{margin:0;font-family:Outfit,Noto Sans SC,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;color:#f8fafc}.section-block__more{flex-shrink:0;font-size:14px;font-weight:700;color:var(--accent)}.section-block__more:hover{color:#99f6e4;text-decoration:underline;text-underline-offset:3px}.section-block__hint{font-size:13px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 640px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense}.category-tile:first-child{grid-column:span 2;grid-row:span 2;flex-direction:row;align-items:center;gap:16px;padding:20px 22px}.category-tile:first-child .category-tile__emoji{font-size:40px}}.category-tile{display:flex;flex-direction:column;gap:6px;padding:16px 14px;border-radius:14px;border:1px solid rgba(94,234,212,.12);background:linear-gradient(160deg,#0f172ae6,#070b108c);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.category-tile:hover{transform:translateY(-3px);border-color:#2dd4bf59;box-shadow:0 16px 40px #00000059}.category-tile__emoji{font-size:26px;line-height:1}.category-tile__name{font-size:16px;font-weight:800;color:#fff}.category-tile__desc{font-size:12px;line-height:1.45;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (min-width: 640px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.video-grid .card-jsq:first-child{grid-column:span 2}.video-grid .card-jsq:first-child .card-jsq__thumb{aspect-ratio:16 / 9}}.card-jsq{border-radius:14px;overflow:hidden;border:1px solid rgba(94,234,212,.1);background:linear-gradient(180deg,#0f172a80,#03070cd9);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-jsq:hover{transform:translateY(-4px);border-color:#2dd4bf4d;box-shadow:0 22px 48px #0006}.card-jsq__thumb{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:#0f172a}.card-jsq__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-jsq__dur{position:absolute;bottom:8px;right:8px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#fff;background:#000000b8}.card-jsq__tag{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:800;color:#041016;background:linear-gradient(135deg,var(--gold),var(--gold-dim))}.card-jsq__body{padding:12px 12px 14px}.card-jsq__body h3{margin:0 0 8px;font-size:14px;font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-jsq__body h3 a:hover{color:#5eead4}.card-jsq__desc{margin:0;font-size:12px;line-height:1.55;color:#f8fafc8c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-jsq__meta{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:10px;font-size:11px;color:#f8fafc73}.inner-page{flex:1;padding:24px 0 48px}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.page-panel{background:linear-gradient(165deg,#0f172a8c,#070b10bf);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-panel--flush{padding:12px 16px 16px}.page-head-panel .section-title h1,.section-title.left-title h1{margin:0;font-size:24px;font-weight:900;color:#fff}.page-head-panel .section-title p,.section-title.left-title p{margin:10px 0 0;color:var(--muted);font-size:14px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.filter-chip{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;color:#fffc;border:1px solid rgba(255,255,255,.15);background:#0003}.filter-chip:hover{border-color:#2dd4bf73;color:#f8fafc}.result-list{list-style:none;margin:0;padding:0}.result-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.result-row:last-child{border-bottom:none}.result-row__poster{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3 / 4;background:#0f172a}.result-row__poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.result-row__badge{position:absolute;top:6px;left:6px;font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;color:#041016;background:#fbbf24f2}.result-row__main h3{margin:0 0 6px;font-size:16px;font-weight:800;color:#fff}.result-row__main h3 a:hover{color:#5eead4}.result-row__desc{margin:0;font-size:13px;line-height:1.6;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-row__meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px;font-size:12px;color:#f8fafc73}.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border:none;border-radius:12px;font-size:14px;font-weight:800;color:#041016;background:linear-gradient(135deg,var(--accent),var(--accent-dim));cursor:pointer;box-shadow:0 6px 20px #0d948840}.search-empty{margin:0;text-align:center;color:var(--muted);padding:24px 8px}.detail-page{padding-bottom:32px}.detail-hero{position:relative;border-radius:14px;overflow:hidden;margin-bottom:16px;border:1px solid var(--line);background:#070b10}.detail-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--detail-poster);background-size:cover;background-position:center;filter:blur(28px) brightness(.45);transform:scale(1.08)}.detail-hero__inner{position:relative;display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:20px;padding:24px;align-items:end;background:linear-gradient(180deg,#0f172a33,#0f172aeb)}.detail-hero__cover{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 16px 48px #00000073}.detail-hero__cover img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover}.detail-hero__body h1{margin:10px 0 12px;font-size:clamp(22px,3.5vw,30px);font-weight:900;color:#fff}.detail-hero__desc{margin:0;font-size:14px;line-height:1.75;color:var(--muted)}.pill-badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:10px;font-size:12px;font-weight:700;color:#ccfbf1;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.28)}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.detail-tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;color:#ffffffd9;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.detail-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:700;color:#ecfeff;border:1px solid rgba(94,234,212,.28);background:#08121673}.ghost-btn:hover{background:#ffffff1f}.detail-facts{margin-bottom:8px}.detail-info-grid{display:grid;gap:12px}.detail-info-grid--wide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-info-grid div{padding:14px;border-radius:12px;background:#00000040;border:1px solid rgba(255,255,255,.08)}.detail-info-grid span{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f8fafc73}.detail-info-grid strong{font-size:14px;font-weight:700;color:#fff}.play-page{padding-bottom:32px}.player-stack{margin-bottom:8px}.player-head-simple{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.player-head-simple h1{margin:8px 0 0;font-size:clamp(20px,3vw,26px);font-weight:900;color:#fff}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:#000;max-height:min(56.25vw,calc(100dvh - 220px));touch-action:manipulation;border:1px solid rgba(255,255,255,.12)}.video-frame--play{-webkit-touch-callout:none}.video-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;background:#000;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports not (aspect-ratio: 16 / 9){.video-frame{height:0;padding-bottom:56.25%}.video-el{position:absolute;left:0;top:0}}.play-info-section{margin-top:18px;padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000040}.play-info-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.play-info-title{margin:0;font-size:17px;font-weight:900;color:#fff}.play-info-desc{margin:12px 0 0;font-size:14px;line-height:1.8;color:var(--muted)}.play-info-grid{margin-top:14px}.auth-page{flex:1;display:grid;place-items:center;padding:40px 16px 56px}.auth-card{width:min(420px,100%);background:#ffffff0f;border:1px solid var(--line);border-radius:16px;padding:28px 26px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card h1{margin:0 0 20px;font-size:24px;font-weight:900;color:#fff}.auth-field{margin-bottom:14px}.auth-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#ffffffb3}.auth-field input{width:100%;height:44px;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:0 12px;font-size:14px;background:#0000004d;color:#fff}.auth-field input:focus{outline:none;border-color:#2dd4bf73;box-shadow:0 0 0 3px #2dd4bf1f}.auth-submit{width:100%;margin-top:6px}.auth-err{margin:0 0 10px;font-size:13px;color:var(--danger)}.auth-switch{margin:18px 0 0;text-align:center;font-size:14px;color:var(--muted)}.auth-switch a{color:var(--accent);font-weight:800}.site-footer{margin-top:auto;padding:20px 16px 28px;border-top:1px solid rgba(94,234,212,.1);padding-bottom:max(24px,env(safe-area-inset-bottom))}.site-footer__inner{text-align:center;display:flex;flex-direction:column;gap:8px}.site-footer__line{margin:0;font-size:12px;color:#f8fafc7a;line-height:1.5}.site-footer__sub{font-size:11px;line-height:1.55;color:#5eead48c;max-width:36em;margin:0 auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0f;border-radius:4px}::-webkit-scrollbar-thumb{background:#2dd4bf40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2dd4bf73}.skip-link{position:absolute;left:-9999px;top:12px;z-index:10000;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:700;color:#041016;background:var(--accent);box-shadow:0 4px 20px #00000059}.skip-link:focus{left:12px;outline:2px solid #fff;outline-offset:2px}.glass-nav__link:focus-visible,.glass-link-btn:focus-visible,.glass-reg-btn:focus-visible,.glass-burger:focus-visible,.primary-btn:focus-visible,.ghost-btn:focus-visible,.btn-gradient:focus-visible,.btn-glass:focus-visible,.category-tile:focus-visible,.card-jsq__thumb:focus-visible,.card-jsq__body h3 a:focus-visible,.auth-field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.section-title.left-title{margin-bottom:8px}@media (max-width: 820px){.detail-hero__inner{grid-template-columns:1fr;align-items:start}.detail-hero__cover{max-width:180px}}@media (max-width: 720px){.result-row{grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto}.result-row__play{grid-column:1 / -1;justify-self:start}.glass-search{display:none}}@media (max-width: 560px){.hero-jsq__cta{flex-direction:column;align-items:stretch}.btn-gradient,.btn-glass{width:100%}.player-head-simple{flex-direction:column;align-items:stretch}.player-head-simple .ghost-btn{width:100%;justify-content:center}.video-frame{max-height:min(56.25vw,calc(100dvh - 160px));max-height:min(56.25vw,calc(100svh - 160px))}main.play-route{padding-bottom:max(24px,env(safe-area-inset-bottom))}}