:root{--bg-deep: #0f0720;--text: #f8fafc;--muted: rgba(248, 250, 252, .65);--line: rgba(255, 255, 255, .12);--glass: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .14);--pink: #ec4899;--purple: #a855f7;--danger: #f87171;font-family:ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{margin:0;min-height:100%}body{color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation}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(165deg,#1e1b4b,#312e81 25%,#4c1d95 55%,#0f172a);background-attachment:fixed}.site-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(236,72,153,.25),transparent 50%),radial-gradient(ellipse 60% 40% at 90% 30%,rgba(59,130,246,.2),transparent 45%),radial-gradient(ellipse 50% 30% at 40% 100%,rgba(168,85,247,.15),transparent 50%);z-index:0}.site-root>*{position:relative;z-index:1}.layout-max{width:min(1120px,calc(100% - 32px));margin-left:auto;margin-right:auto}.glass-header{position:sticky;top:0;z-index:50;background:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.15)}.glass-header__row{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 0;padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.glass-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.glass-brand__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--pink),var(--purple))}.glass-brand__text{font-size:18px;font-weight:800;letter-spacing:-.02em;color:#fff}.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:16px;right:16px;top:100%;margin-top:8px;flex-direction:column;align-items:stretch;padding:12px;border-radius:14px;background:#0f172aeb;border:1px solid var(--line);box-shadow:0 20px 50px #00000073;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:#ffffffc7;transition:background .15s ease,color .15s ease}.glass-nav__link:hover{color:#fff;background:#ffffff1a}.glass-nav__link.is-active{color:#fff;background:#ffffff2e}.glass-search{flex:1;min-width:0;max-width:360px}.glass-search input{width:100%;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0003;padding:0 16px;font-size:14px;color:#fff}.glass-search input::-moz-placeholder{color:#ffffff73}.glass-search input::placeholder{color:#ffffff73}.glass-search input:focus{outline:none;border-color:#ec48998c;box-shadow:0 0 0 3px #ec489933}.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:999px;color:#fff;background:linear-gradient(135deg,var(--pink),#9333ea)}.glass-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0f}.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}.hero-jsq{position:relative;padding:clamp(40px,10vw,72px) 16px 48px;text-align:center;overflow:hidden}.hero-jsq__blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 30% 20%,rgba(236,72,153,.35),transparent 40%),radial-gradient(circle at 70% 60%,rgba(99,102,241,.3),transparent 45%)}.hero-jsq__inner{position:relative}.hero-jsq__title{margin:0;font-size:clamp(28px,6vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(120deg,#fce7f3,#e9d5ff,#93c5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-jsq__lead{margin:16px auto 0;max-width:640px;font-size:clamp(15px,2.5vw,18px);line-height:1.65;color:var(--muted)}.hero-jsq__cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.btn-gradient{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ec4899,#9333ea);box-shadow:0 12px 36px #ec489959;transition:transform .15s ease,box-shadow .15s ease}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 16px 44px #ec489973}.btn-glass{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;font-size:16px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.35);background:#ffffff14}.btn-glass:hover{background:#ffffff26}.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-size:22px;font-weight:900;letter-spacing:-.02em;color:#fff}.section-block__more{flex-shrink:0;font-size:14px;font-weight:700;color:#f9a8d4}.section-block__more:hover{color:#fff;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))}}.category-tile{display:flex;flex-direction:column;gap:6px;padding:16px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#ffffff1a,#ffffff08);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.category-tile:hover{transform:translateY(-3px);border-color:#ec489973;box-shadow:0 14px 40px #00000040}.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:16px}@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))}}.card-jsq{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#00000040;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-jsq:hover{transform:scale(1.02);border-color:#ec489959;box-shadow:0 20px 50px #00000059}.card-jsq__thumb{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:#1e1b4b}.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:#fff;background:linear-gradient(135deg,#ec4899,#f97316)}.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:#f9a8d4}.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(1120px,calc(100% - 32px));margin:0 auto}.page-panel{background:#ffffff0f;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.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:#ec489980;color:#fff}.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:#1e1b4b}.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:#fff;background:#ec4899e6}.result-row__main h3{margin:0 0 6px;font-size:16px;font-weight:800;color:#fff}.result-row__main h3 a:hover{color:#f9a8d4}.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:999px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ec4899,#9333ea);cursor:pointer}.search-empty{margin:0;text-align:center;color:var(--muted);padding:24px 8px}.detail-page{padding-bottom:32px}.detail-hero{position:relative;border-radius:16px;overflow:hidden;margin-bottom:16px;border:1px solid var(--line);background:#0f172a}.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:999px;font-size:12px;font-weight:700;color:#fce7f3;background:#ec489940;border:1px solid rgba(236,72,153,.35)}.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:999px;font-size:15px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.3);background:#ffffff0f}.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:#ec48998c;box-shadow:0 0 0 3px #ec489926}.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:#f9a8d4;font-weight:800}.site-footer{margin-top:auto;padding:20px 16px 28px;border-top:1px solid rgba(255,255,255,.08);padding-bottom:max(24px,env(safe-area-inset-bottom))}.site-footer__inner{text-align:center}.site-footer__line{margin:0;font-size:12px;color:#f8fafc66}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0f;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.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))}}