:root{--bg-0: #04060f;--bg-1: #070b1a;--bg-2: #0d1224;--bg-3: #131a30;--bg-elev: #1a2240;--glass: rgba(15, 21, 42, .55);--glass-elev: rgba(22, 30, 56, .7);--glass-strong: rgba(26, 34, 64, .85);--text: #f1f5fb;--text-2: #a3aebf;--text-3: #6b7591;--muted: var(--text-2);--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .05);--line-strong: rgba(255, 255, 255, .16);--aurora-cyan: #22d3ee;--aurora-cyan-2: #67e8f9;--aurora-magenta: #ec4899;--aurora-magenta-2: #f472b6;--aurora-violet: #a78bfa;--aurora-violet-2: #c4b5fd;--aurora-amber: #fbbf24;--aurora-mint: #34d399;--primary: var(--aurora-cyan);--primary-2: var(--aurora-cyan-2);--accent: var(--aurora-magenta);--accent-2: var(--aurora-magenta-2);--highlight: var(--aurora-amber);--danger: #f87171;--grad-aurora: linear-gradient(120deg, var(--aurora-cyan) 0%, var(--aurora-violet) 50%, var(--aurora-magenta) 100%);--grad-aurora-soft: linear-gradient(120deg, rgba(34, 211, 238, .18) 0%, rgba(167, 139, 250, .18) 50%, rgba(236, 72, 153, .18) 100%);--grad-aurora-line: linear-gradient(90deg, var(--aurora-cyan), var(--aurora-violet), var(--aurora-magenta));--grad-button: linear-gradient(135deg, var(--aurora-cyan) 0%, var(--aurora-violet) 60%, var(--aurora-magenta) 100%);--glow-cyan: 0 8px 28px rgba(34, 211, 238, .28), 0 2px 6px rgba(34, 211, 238, .18);--glow-magenta: 0 8px 28px rgba(236, 72, 153, .28), 0 2px 6px rgba(236, 72, 153, .18);--glow-violet: 0 8px 28px rgba(167, 139, 250, .28), 0 2px 6px rgba(167, 139, 250, .18);--shadow-card: 0 18px 38px rgba(4, 6, 15, .55), 0 2px 6px rgba(0, 0, 0, .3);--shadow-deep: 0 30px 60px rgba(4, 6, 15, .7);--shadow-soft: 0 6px 18px rgba(0, 0, 0, .35);--font-sans: "DM Sans", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: "Noto Serif SC", "Playfair Display", "Source Han Serif SC", "Songti SC", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-family:var(--font-sans);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%}body{color:var(--text);background:var(--bg-1);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;touch-action:manipulation;overflow-x:hidden;overscroll-behavior-y:none;font-feature-settings:"kern","liga","calt"}a{color:inherit;text-decoration:none;transition:color .18s ease;-webkit-tap-highlight-color:transparent}img,picture,video,canvas,svg{display:block;max-width:100%}img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;-webkit-tap-highlight-color:transparent}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-2) inset;caret-color:var(--text);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6,p,li,a,span,strong,em{overflow-wrap:anywhere;word-break:break-word}img[src=""],img:not([src]){visibility:hidden}.site-root{min-height:100dvh;display:flex;flex-direction:column;background-color:var(--bg-1);background-image:radial-gradient(ellipse 80% 50% at 12% -6%,rgba(34,211,238,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 40% at 92% 8%,rgba(236,72,153,.18) 0%,transparent 55%),radial-gradient(ellipse 90% 60% at 50% 110%,rgba(167,139,250,.2) 0%,transparent 60%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 40%,var(--bg-1) 100%);background-attachment:fixed;position:relative;isolation:isolate}.site-root:before{content:"";position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-2;pointer-events:none;background:radial-gradient(circle 520px at 15% 30%,rgba(34,211,238,.22),transparent 65%),radial-gradient(circle 600px at 88% 65%,rgba(236,72,153,.2),transparent 65%),radial-gradient(circle 480px at 50% 90%,rgba(167,139,250,.18),transparent 65%),radial-gradient(circle 380px at 75% 18%,rgba(52,211,153,.14),transparent 60%);filter:blur(20px);animation:aurora-float 28s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes aurora-float{0%{transform:translateZ(0) scale(1);opacity:.85}33%{transform:translate3d(28px,-22px,0) scale(1.06);opacity:1}66%{transform:translate3d(-24px,18px,0) scale(.96);opacity:.9}to{transform:translate3d(12px,-10px,0) scale(1.02);opacity:.95}}.site-root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;mix-blend-mode:overlay}.site-root>*{position:relative;z-index:1}.layout-max,.container{width:min(1280px,calc(100% - 32px));margin-left:auto;margin-right:auto;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.glass-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#070b1aeb,#070b1a99);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0)}.glass-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--grad-aurora-line);opacity:.65}.glass-header__row{display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 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:12px;flex-shrink:0}.glass-brand__icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:15px;font-weight:900;color:#fff;background:var(--grad-button);border:none;box-shadow:var(--glow-cyan);position:relative;overflow:hidden}.glass-brand__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.3),transparent 50%)}.glass-brand__text{font-family:var(--font-serif);font-size:19px;font-weight:900;letter-spacing:.02em;color:var(--text);line-height:1;white-space:nowrap}.glass-nav{display:none;align-items:center;gap:4px;flex-wrap:wrap;counter-reset:navnum}@media (max-width: 767px){.glass-nav.is-open{display:flex;position:absolute;left:16px;right:16px;top:100%;margin-top:10px;flex-direction:column;align-items:stretch;padding:14px;border-radius:16px;background:var(--glass-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow-deep);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);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{position:relative;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--text-2);transition:color .18s ease,background .18s ease;counter-increment:navnum}.glass-nav__link:before{content:counter(navnum,decimal-leading-zero);font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-3);margin-right:6px;letter-spacing:.05em;transition:color .18s ease}.glass-nav__link:hover{color:var(--text);background:#ffffff0f}.glass-nav__link:hover:before{color:var(--primary)}.glass-nav__link.is-active{color:var(--text);background:linear-gradient(135deg,#22d3ee29,#ec489929);box-shadow:inset 0 0 0 1px #ffffff1a}.glass-nav__link.is-active:before{color:var(--primary)}.glass-search{flex:1 1 260px;min-width:0;max-width:360px;margin-left:auto;position:relative;border-bottom:none}.glass-search input{width:100%;height:42px;border-radius:999px;border:1px solid var(--line);background:#070b1a8c;padding:0 40px 0 16px;font-size:14px;font-weight:500;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.glass-search input::-moz-placeholder{color:var(--text-3)}.glass-search input::placeholder{color:var(--text-3)}.glass-search input:focus{outline:none;border-color:#22d3ee8c;background:#070b1ad9;box-shadow:0 0 0 3px #22d3ee2e}.glass-search:after{content:"⌕";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:16px;pointer-events:none}.glass-header__right{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:4px}.glass-auth,.glass-user{display:flex;align-items:center;gap:10px}.glass-user__name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;color:var(--text);padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a}.glass-link-btn{font-size:14px;font-weight:600;color:var(--text-2);padding:8px 12px;border-radius:999px;background:none;border:1px solid transparent;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.glass-link-btn:hover{color:var(--text);background:#ffffff0f;border-color:var(--line)}a.glass-link-btn{display:inline-flex}.glass-reg-btn{position:relative;font-size:13px;font-weight:800;padding:9px 18px;border-radius:999px;color:#fff;background:var(--grad-button);border:none;letter-spacing:.04em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:var(--glow-magenta)}.glass-reg-btn:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 36px #ec48996b}.glass-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#ffffff0a;cursor:pointer}.glass-burger span{display:block;height:2px;width:20px;margin:0 auto;background:var(--text);border-radius:2px}@media (min-width: 768px){.glass-burger{display:none}}.home-main{flex:1}.hero-jsq{position:relative;padding:clamp(24px,4vw,48px) 16px clamp(28px,4vw,52px);overflow:hidden}.hero-jsq__blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 88% 12%,rgba(34,211,238,.18),transparent 40%),radial-gradient(circle at 6% 88%,rgba(236,72,153,.16),transparent 42%)}.hero-jsq__inner{position:relative;display:grid;grid-template-columns:1fr;gap:32px 56px;align-items:start}@media (min-width: 980px){.hero-jsq__inner{grid-template-columns:minmax(0,1.45fr) minmax(280px,360px);align-items:start}}.hero-jsq__meta{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-2);flex-wrap:wrap}.hero-jsq__meta-issue{color:var(--primary);font-weight:800}.hero-jsq__meta-sep{width:4px;height:4px;background:var(--primary);border-radius:999px;display:inline-block;box-shadow:0 0 8px var(--primary)}.hero-jsq__meta-text{color:var(--text-3)}.hero-jsq__meta-spacer{flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent);min-width:16px}.hero-jsq__meta-live{display:inline-flex;align-items:center;gap:8px;color:var(--accent);white-space:nowrap;font-weight:800}.hero-jsq__meta-live i{width:8px;height:8px;background:var(--accent);border-radius:999px;animation:heroPulse 1.6s ease-in-out infinite;box-shadow:0 0 12px var(--accent)}@keyframes heroPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.5}}.hero-jsq__left{display:flex;flex-direction:column;min-width:0}.hero-jsq__title{margin:0;font-family:var(--font-serif);letter-spacing:-.02em;line-height:1.05;color:var(--text);display:flex;flex-direction:column;gap:6px;background:none}.hero-jsq__title-eyebrow{font-family:var(--font-mono);font-size:clamp(11px,1.1vw,13px);font-weight:700;letter-spacing:.36em;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;margin-bottom:8px}.hero-jsq__title-main{font-size:clamp(36px,5.8vw,68px);font-weight:900;line-height:1.05;display:block;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-jsq__title-main em{font-style:italic;position:relative;margin-left:4px;display:inline-block;word-break:keep-all;white-space:nowrap;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-jsq__title-main em:before{content:"";position:absolute;left:-2px;right:-2px;bottom:6px;height:14px;background:linear-gradient(90deg,#22d3ee29,#ec489929);z-index:-1;transform:skew(-6deg);border-radius:4px}.hero-jsq__lead{margin:22px 0 0;max-width:520px;font-size:clamp(14px,1.4vw,16px);line-height:1.8;color:var(--text-2);font-weight:500;padding-left:14px;border-left:2px solid var(--primary);box-shadow:-2px 0 0 0 var(--primary)}.hero-jsq__cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.hero-jsq__stats{list-style:none;margin:28px 0 0;padding:18px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}@media (min-width: 560px){.hero-jsq__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.hero-jsq__stats li{display:flex;flex-direction:column;gap:4px;position:relative;padding-left:14px}.hero-jsq__stats li:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:var(--primary);box-shadow:0 0 12px var(--primary)}.hero-jsq__stats li:nth-child(2):before{background:var(--aurora-violet);box-shadow:0 0 12px var(--aurora-violet)}.hero-jsq__stats li:nth-child(3):before{background:var(--accent);box-shadow:0 0 12px var(--accent)}.hero-jsq__stats li:nth-child(4):before{background:var(--highlight);box-shadow:0 0 12px var(--highlight)}.hero-jsq__stats strong{font-family:var(--font-serif);font-size:24px;font-weight:900;color:var(--text);line-height:1.1;letter-spacing:-.01em;display:inline-flex;align-items:baseline}.hero-jsq__stats strong i{font-style:normal;font-size:14px;margin-left:3px;color:var(--primary)}.hero-jsq__stats span{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--text-3);text-transform:uppercase}.hero-jsq__pick{position:relative;display:flex;justify-content:center;align-items:flex-start;width:100%}@media (min-width: 980px){.hero-jsq__pick{justify-content:flex-end}}.hero-pick__card{width:100%;max-width:320px;background:var(--glass-elev);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow-deep);position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}.hero-pick__tape{position:absolute;top:-10px;right:16px;z-index:3;padding:6px 14px 7px;font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.24em;color:#0b0d12;background:var(--highlight);border-radius:4px;transform:rotate(3deg);box-shadow:0 6px 18px #fbbf2459}.hero-pick__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:var(--grad-aurora);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;pointer-events:none}.hero-pick__card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #22d3ee33,0 4px 14px #ec489929}.hero-pick__strip{display:flex;justify-content:space-between;align-items:center;height:20px;padding:0 10px;background:linear-gradient(180deg,#000,#0b1126);border-bottom:1px solid var(--line)}.hero-pick__strip span{width:12px;height:8px;background:var(--bg-1);display:block;border-radius:2px}.hero-pick__poster{position:relative;display:block;aspect-ratio:16 / 11;overflow:hidden;background:var(--bg-2);border-bottom:1px solid var(--line)}.hero-pick__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(7,11,26,.85) 100%);pointer-events:none}.hero-pick__poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.hero-pick__card:hover .hero-pick__poster img{transform:scale(1.06)}.hero-pick__rating{position:absolute;top:12px;left:12px;z-index:2;padding:6px 11px;font-size:13px;font-weight:900;color:#0b0d12;background:var(--highlight);border-radius:999px;letter-spacing:.02em;box-shadow:0 4px 14px #fbbf2466}.hero-pick__badge{position:absolute;top:12px;right:12px;z-index:2;padding:6px 11px;font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.14em;color:#fff;background:#070b1ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line-strong);border-radius:999px;text-transform:uppercase}.hero-pick__info{padding:14px 18px 16px;position:relative;background:linear-gradient(180deg,#070b1a00,#070b1a66)}.hero-pick__info:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:var(--grad-aurora-line);opacity:.5}.hero-pick__eyebrow{display:block;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.22em;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;margin:4px 0 8px}.hero-pick__info h3{margin:0 0 8px;font-family:var(--font-serif);font-size:18px;font-weight:900;line-height:1.3;color:var(--text)}.hero-pick__info p{margin:0 0 12px;display:flex;flex-wrap:wrap;gap:4px 12px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.04em}.hero-pick__info p span{position:relative;padding-right:14px}.hero-pick__info p span:not(:last-child):after{content:"·";position:absolute;right:4px;color:var(--primary)}.hero-pick__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--text);padding-bottom:3px;border-bottom:1px solid var(--primary);text-transform:uppercase;transition:color .18s ease,gap .18s ease}.hero-pick__link:hover{color:var(--primary);gap:10px}.btn-gradient{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:999px;font-size:15px;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--grad-button);background-size:200% 100%;background-position:0% 50%;border:none;box-shadow:var(--glow-cyan);transition:background-position .5s ease,transform .18s ease,box-shadow .18s ease,filter .18s ease;position:relative;overflow:hidden}.btn-gradient:after{content:" →";margin-left:6px;transition:transform .2s ease}.btn-gradient:hover{background-position:100% 50%;transform:translateY(-2px);box-shadow:0 16px 40px #ec489966}.btn-gradient:hover:after{transform:translate(3px)}.btn-glass{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--text);border:1px solid var(--line-strong);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .18s ease,border-color .18s ease,transform .18s ease}.btn-glass:hover{background:var(--glass-elev);border-color:#22d3ee80;transform:translateY(-2px)}.section-block{padding:20px 0 32px}.section-block--tight{padding-top:12px}.section-block__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line);position:relative}.section-block__head:after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:1px;background:var(--grad-aurora-line)}.section-block__title{margin:0;font-family:var(--font-serif);font-size:clamp(22px,3vw,30px);font-weight:900;letter-spacing:-.01em;color:var(--text);position:relative;padding-left:14px}.section-block__title:before{content:"";position:absolute;left:0;top:12%;bottom:18%;width:4px;border-radius:2px;background:var(--grad-aurora-line)}.section-block__more{flex-shrink:0;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);padding:6px 14px;border-radius:999px;border:1px solid rgba(34,211,238,.35);background:#22d3ee0f;transition:background .18s ease,border-color .18s ease,color .18s ease}.section-block__more:hover{color:#fff;background:#22d3ee2e;border-color:#22d3ee8c}.section-block__more:after{content:" →";margin-left:4px}.section-block__hint{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--text-3);text-transform:uppercase}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@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{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-radius:16px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;overflow:hidden}.category-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary);box-shadow:0 0 14px var(--primary);opacity:.65}.category-tile:nth-child(4n+2):before{background:var(--aurora-violet);box-shadow:0 0 14px var(--aurora-violet)}.category-tile:nth-child(4n+3):before{background:var(--accent);box-shadow:0 0 14px var(--accent)}.category-tile:nth-child(4n+4):before{background:var(--highlight);box-shadow:0 0 14px var(--highlight)}.category-tile:hover{transform:translateY(-4px);border-color:var(--line-strong);background:var(--glass-elev);box-shadow:0 16px 36px #04060f8c}.category-tile:hover:before{opacity:1}.category-tile__emoji{font-size:28px;line-height:1;margin-top:4px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.category-tile__name{font-family:var(--font-serif);font-size:17px;font-weight:900;color:var(--text)}.category-tile__desc{font-size:12px;line-height:1.55;color:var(--text-3)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@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{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--glass-elev);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-card);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease}.card-jsq:hover{transform:translateY(-6px);border-color:#22d3ee73;box-shadow:0 24px 50px #04060fb3,0 0 0 1px #22d3ee26}.card-jsq__thumb{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-2)}.card-jsq__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(4,6,15,.55) 100%);pointer-events:none}.card-jsq__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.card-jsq:hover .card-jsq__thumb img{transform:scale(1.06)}.card-jsq__dur{position:absolute;bottom:10px;right:10px;padding:4px 8px;border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;color:#fff;background:#04060fb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);z-index:2}.card-jsq__tag{position:absolute;top:10px;left:10px;padding:5px 10px;border-radius:6px;font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:var(--grad-button);box-shadow:0 4px 12px #ec489959;text-transform:uppercase;z-index:2}.card-jsq__body{padding:14px 14px 16px;position:relative}.card-jsq__body h3{margin:0 0 8px;font-family:var(--font-serif);font-size:16px;font-weight:800;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-jsq__body h3 a:hover{color:var(--primary)}.card-jsq__desc{margin:0;font-size:12px;line-height:1.6;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-jsq__meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-3);letter-spacing:.02em}.inner-page{flex:1;padding:20px 0 48px}.page-panel{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.page-panel:before{content:"";position:absolute;top:0;left:0;width:90px;height:2px;background:var(--grad-aurora-line);opacity:.8}.page-panel--flush{padding:6px 22px 12px}.page-head-panel{position:relative}.page-head-panel .section-title:before{content:"频道 · CHANNEL";display:block;margin-bottom:10px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.28em;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent}.page-head-panel .section-title h1,.section-title.left-title h1{margin:0;font-family:var(--font-serif);font-size:clamp(26px,4vw,38px);font-weight:900;letter-spacing:-.01em;color:var(--text);line-height:1.15}.page-head-panel .section-title h1:after,.section-title.left-title h1:after{content:"";display:block;width:64px;height:3px;border-radius:2px;background:var(--grad-aurora-line);margin-top:14px}.page-head-panel .section-title p,.section-title.left-title p{margin:14px 0 0;color:var(--text-2);font-size:14px;line-height:1.7;max-width:720px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.filter-chip{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-2);border:1px solid var(--line);background:var(--glass);transition:background .18s ease,color .18s ease,border-color .18s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.filter-chip:hover{background:linear-gradient(135deg,#22d3ee2e,#ec48992e);color:var(--text);border-color:var(--line-strong)}.filter-chip.is-active{color:#fff;background:var(--grad-button);border-color:transparent;box-shadow:0 6px 18px #22d3ee52}.filter-chip.is-active:hover{filter:brightness(1.08)}.result-list{list-style:none;margin:0;padding:0}.result-row{display:grid;grid-template-columns:108px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);transition:background .18s ease}.result-list>li:last-child .result-row,.result-row:last-child{border-bottom:none}.result-row:hover{background:#ffffff05}.result-row__poster{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3 / 4;background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.result-row__poster:hover{transform:translateY(-2px);box-shadow:0 8px 22px #22d3ee33}.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-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:4px;color:#fff;background:var(--grad-button);box-shadow:0 4px 10px #ec489959}.result-row__main h3{margin:0 0 6px;font-family:var(--font-serif);font-size:17px;font-weight:800;color:var(--text);line-height:1.35}.result-row__main h3 a:hover{color:var(--primary)}.result-row__desc{margin:0;font-size:13px;line-height:1.7;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-row__meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-3)}.result-row__meta>span{position:relative;padding-right:14px}.result-row__meta>span:not(:last-child):after{content:"·";position:absolute;right:4px;color:var(--primary)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border:none;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--grad-button);cursor:pointer;box-shadow:var(--glow-magenta);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 32px #ec48996b}.search-empty{margin:0;text-align:center;color:var(--text-2);padding:40px 8px;font-style:italic}.detail-page{padding-bottom:36px}.detail-hero{position:relative;border-radius:22px;overflow:hidden;margin-bottom:18px;border:1px solid var(--line);background:var(--glass-elev);box-shadow:var(--shadow-deep)}.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(36px) saturate(1.4) brightness(.5);transform:scale(1.15);opacity:.55}.detail-hero__inner{position:relative;display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:28px;padding:30px;align-items:end;background:linear-gradient(180deg,#070b1a33,#070b1ad9)}.detail-hero__cover{border-radius:14px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 22px 50px #0000008c}.detail-hero__cover img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover}.detail-hero__body h1{margin:10px 0 14px;font-family:var(--font-serif);font-size:clamp(24px,3.6vw,38px);font-weight:900;letter-spacing:-.01em;color:var(--text);line-height:1.15}.detail-hero__desc{margin:0;font-size:14px;line-height:1.85;color:var(--text-2);padding-left:14px;border-left:2px solid;-o-border-image:var(--grad-aurora) 1;border-image:var(--grad-aurora) 1}.pill-badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);background:#22d3ee1a;border:1px solid rgba(34,211,238,.35)}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.detail-tags span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text);background:#ffffff0d;border:1px solid var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.detail-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--text);border:1px solid var(--line-strong);background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .18s ease,border-color .18s ease,transform .18s ease;cursor:pointer}.ghost-btn:hover{background:var(--glass-elev);border-color:#22d3ee8c;transform:translateY(-2px)}.detail-facts{margin-bottom:12px}.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:16px 18px 16px 20px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);position:relative;overflow:hidden}.detail-info-grid>div:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:3px;border-radius:0 2px 2px 0;background:var(--grad-aurora)}.detail-info-grid span{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary)}.detail-info-grid strong{font-family:var(--font-serif);font-size:15px;font-weight:800;color:var(--text);line-height:1.45}.play-page{padding-bottom:36px}.player-stack{margin-bottom:12px;background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--line-strong);color:var(--text);box-shadow:var(--shadow-deep)}.player-stack:before{background:var(--grad-aurora-line);opacity:1}.player-head-simple{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.player-head-simple h1{margin:10px 0 0;font-family:var(--font-serif);font-size:clamp(22px,3vw,30px);font-weight:900;color:var(--text);line-height:1.2}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;background:#000;max-height:min(56.25vw,calc(100svh - 220px));touch-action:manipulation;border:1px solid rgba(34,211,238,.25);box-shadow:0 24px 50px #00000080}.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:20px;padding:22px;border-radius:14px;border:1px solid var(--line);background:#ffffff08}.play-info-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.play-info-title{margin:0;font-family:var(--font-serif);font-size:19px;font-weight:900;color:var(--text)}.play-info-desc{margin:14px 0 0;font-size:14px;line-height:1.85;color:var(--text-2)}.play-info-grid{margin-top:16px}.auth-page{flex:1;display:grid;place-items:center;padding:56px 16px 72px}.auth-card{width:min(440px,100%);background:var(--glass-elev);border:1px solid var(--line-strong);border-radius:22px;padding:34px 30px 30px;position:relative;box-shadow:var(--shadow-deep);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.auth-card:before{content:"账户中心 · ACCOUNT";display:block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}.auth-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-aurora-line)}.auth-card h1{margin:0 0 24px;font-family:var(--font-serif);font-size:28px;font-weight:900;color:var(--text)}.auth-card h1:after{content:"";display:block;width:48px;height:3px;border-radius:2px;background:var(--grad-aurora-line);margin-top:12px}.auth-field{margin-bottom:16px}.auth-field label{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.auth-field input{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font-size:14px;background:#070b1a8c;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-field input:focus{outline:none;border-color:#22d3ee8c;background:#070b1ad9;box-shadow:0 0 0 3px #22d3ee2e}.auth-submit{width:100%;margin-top:8px}.auth-err{margin:0 0 12px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700;color:var(--danger);background:#f871711a;border-left:3px solid var(--danger)}.auth-switch{margin:20px 0 0;text-align:center;font-size:13px;color:var(--text-2)}.auth-switch a{background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.site-footer{margin-top:56px;background:linear-gradient(180deg,transparent 0%,var(--bg-0) 30%);color:var(--text-2);padding:0;padding-bottom:max(0px,env(safe-area-inset-bottom));position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad-aurora-line);opacity:.6}.site-footer__inner{text-align:left;padding:48px 0 0}.footer-cols{display:grid;grid-template-columns:1fr;gap:30px 36px;padding-bottom:36px;border-bottom:1px solid var(--line)}@media (min-width: 720px){.footer-cols{grid-template-columns:1.4fr 1fr 1fr}}.footer-col h4{margin:0 0 16px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-brand-line{display:flex;align-items:center;gap:12px;margin:0 0 14px}.footer-brand-line .glass-brand__icon{width:38px;height:38px;border-radius:11px;background:var(--grad-button);box-shadow:var(--glow-cyan);color:#fff}.footer-brand-line strong{font-family:var(--font-serif);font-size:19px;font-weight:900;color:var(--text)}.footer-col p{margin:0;font-size:13px;line-height:1.75;color:var(--text-2)}.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer-col li a{font-size:13px;font-weight:500;color:var(--text-2);transition:color .18s ease,padding-left .18s ease;position:relative;padding-left:0;display:inline-flex;align-items:center}.footer-col li a:before{content:"→";margin-right:6px;color:var(--primary);opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.footer-col li a:hover{color:var(--text)}.footer-col li a:hover:before{opacity:1;transform:translate(0)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0 26px}.site-footer__line{margin:0;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--text-3)}.footer-bottom__meta{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--accent));border:2px solid var(--bg-1);border-radius:999px}::-webkit-scrollbar-thumb:hover{filter:brightness(1.15)}::-moz-selection{background:#22d3ee59;color:#fff}::selection{background:#22d3ee59;color:#fff}.section-title.left-title{margin-bottom:8px}@media (max-width: 820px){.detail-hero__inner{grid-template-columns:1fr;align-items:start;padding:22px}.detail-hero__cover{max-width:180px}}@media (max-width: 720px){.result-row{grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto;gap:12px}.result-row__play{grid-column:1 / -1;justify-self:start}.glass-search{display:none}.section-block__head{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 560px){.hero-jsq{padding-top:24px}.hero-jsq__cta{flex-direction:column;align-items:stretch}.btn-gradient,.btn-glass{width:100%}.hero-jsq__meta{font-size:10px;letter-spacing:.16em}.hero-jsq__meta-spacer{display:none}.hero-pick__card{max-width:300px}.hero-jsq__stats strong{font-size:20px}.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(100svh - 160px))}main.play-route{padding-bottom:max(24px,env(safe-area-inset-bottom))}.glass-header__row{min-height:64px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.site-root:before{animation:none}.hero-jsq__meta-live i{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (min-resolution: 192dpi){img{image-rendering:-webkit-optimize-contrast}}@media (max-height: 480px) and (orientation: landscape){.hero-jsq{padding-top:16px}.hero-jsq__lead{display:none}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{background:#fff!important;color:#000!important}.glass-header,.site-footer,.hero-jsq__pick,.hero-pick__strip,.hero-jsq__blobs,.glass-burger,.glass-search,.filter-row,.section-block__more,.video-frame{display:none!important}a{color:#000!important;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:90%}.page-panel,.card-jsq,.result-row{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}}@media (hover: none){.card-jsq:hover,.category-tile:hover,.hero-pick__card:hover,.result-row__poster:hover,.ghost-btn:hover,.btn-glass:hover,.btn-gradient:hover,.primary-btn:hover,.glass-reg-btn:hover{transform:none}}.notfound-panel{text-align:center;padding:60px 30px}.notfound-code{font-family:var(--font-mono);font-size:clamp(72px,16vw,140px);font-weight:900;line-height:1;letter-spacing:-.04em;background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}.notfound-panel h1{margin:0 0 12px;font-family:var(--font-serif);font-size:clamp(22px,3vw,32px);font-weight:900;color:var(--text)}.notfound-panel p{margin:0 0 24px;color:var(--text-2);font-size:14px;line-height:1.7}.notfound-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.auth-switch__link{background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}