:root{color:#f3f4f6;background:#050505;font-family:system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #d62822;--sidebar-width: 190px;--topbar-height: 64px}*{box-sizing:border-box}html{background:#050505;scrollbar-color:#454545 #111}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#050505}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;background:#050505}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;width:var(--sidebar-width);flex-direction:column;padding:12px;overflow-y:auto;background:linear-gradient(90deg,rgba(4,8,12,.78),rgba(4,8,12,.32) 78%,transparent);scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-top{display:flex;align-items:center;justify-content:space-between;min-height:48px}.sidebar-close{display:none;padding:6px;color:#fff;background:transparent}.brand{display:flex;align-items:center;gap:8px;color:#e12c26;white-space:nowrap}.brand strong{font-size:21px;font-style:italic;font-weight:850;letter-spacing:-1px}.brand-mark{position:relative;display:inline-block;width:42px;height:28px;transform:skew(-8deg)}.brand-mark:before{content:"";position:absolute;inset:2px 4px 2px 11px;border:7px solid #e12c26;border-left-width:10px;border-radius:3px 14px 14px 3px;clip-path:polygon(0 0,100% 50%,0 100%)}.brand-mark span{position:absolute;left:0;width:15px;height:2px;background:#e12c26}.brand-mark span:nth-child(1){top:6px}.brand-mark span:nth-child(2){top:13px;left:-5px}.brand-mark span:nth-child(3){top:20px;left:2px}.side-nav{display:flex;flex-direction:column;gap:2px;margin-top:15px}.side-nav a{display:flex;min-height:42px;align-items:center;gap:9px;padding:0 14px 0 52px;margin-left:-12px;border-radius:0 6px 6px 0;color:#ffffffdb;font-size:15px;transition:color .18s ease,background .18s ease}.side-nav a svg{flex:0 0 auto}.side-nav a:hover{color:#fff;background:#ffffff14}.side-nav a.active{color:#fff;font-weight:650;background:#cc2b24}.side-nav small{margin-left:auto;padding:1px 4px;border-radius:3px;color:#222;background:#f7f7f7;font-size:11px}.side-footer{margin-top:auto;padding:20px 14px 0;border-top:1px solid rgba(255,255,255,.14);color:#bbb}.side-footer a{display:block;margin-bottom:7px;font-size:14px}.side-footer p{margin:14px 0 2px;color:#8d8d8d;font-size:12px;white-space:nowrap}.page{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{position:absolute;inset:0 0 auto var(--sidebar-width);z-index:40;display:flex;height:var(--topbar-height);align-items:center;justify-content:center;padding:0 16px}.menu-button,.mobile-logo,.mobile-top-row,.mobile-category-strip{display:none}.search{display:flex;width:min(385px,38vw);height:38px;align-items:center;padding-left:14px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:#d2d7e040;color:#ffffff94;backdrop-filter:blur(7px)}.search svg{display:none}.search input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent;font-size:14px}.search input::placeholder{color:#ffffff6b}.search button{height:24px;padding:0 14px;border-left:1px solid rgba(255,255,255,.24);color:#ffffff9e;background:transparent;font-size:14px}.header-actions{position:absolute;right:16px;display:flex;align-items:center;gap:18px}.history-button{display:flex;flex-direction:column;align-items:center;gap:1px;color:#fff;background:transparent;font-size:11px}.login-button,.download-button{height:38px;border-radius:4px;padding:0 20px;font-weight:700}.login-button{color:#fff;background:#ce2d26}.download-button{color:#ce2d26;background:#f0f0f2}main{min-height:100vh;background:#050505}.hero{position:relative;height:600px;margin-left:calc(-1 * var(--sidebar-width));overflow:hidden;background:#0b0d10}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;animation:hero-in .6s ease-out}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#00000094,#0003 38%,#0000000d 70%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.82) 7%,transparent 36%)}.hero-copy{position:absolute;z-index:2;left:240px;bottom:63px;width:min(520px,48vw)}.hero-copy h1{margin:0 0 20px;color:#fff;font-size:clamp(46px,5.7vw,74px);font-weight:900;line-height:1.05;letter-spacing:-3px;text-shadow:0 3px 16px rgba(0,0,0,.55)}.hero-copy p{max-width:520px;margin:0 0 42px;overflow:hidden;color:#ffffffd1;font-size:16px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 5px #000}.play-button{display:inline-flex;height:42px;align-items:center;gap:11px;padding:0 20px;border-radius:3px;color:#fff;background:#e3322b;font-weight:700}.play-triangle{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid white}.hero-dots{position:absolute;z-index:3;right:28px;bottom:35px;display:flex;gap:6px}.hero-dots button{width:6px;height:6px;padding:0;border-radius:99px;background:#ffffff6b;transition:width .2s ease,background .2s ease}.hero-dots button.active{width:20px;background:#fff}.content{position:relative;z-index:4;padding:19px 15px 80px 10px;background:#050505}.vod-section{margin-bottom:34px}.section-heading{display:flex;height:36px;align-items:center;justify-content:space-between;margin-bottom:8px}.section-heading h2{margin:0;color:#fff;font-size:25px;font-weight:750;letter-spacing:-.5px}.section-heading button{display:inline-flex;align-items:center;gap:4px;color:#fff;background:transparent}.section-heading button span{display:none}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 15px}.poster-card{min-width:0;transition:transform .2s ease}.poster-card:hover{transform:translateY(-4px)}.poster-image-wrap{position:relative;overflow:hidden;aspect-ratio:2 / 2.84;border-radius:7px;background:#1a1a1a}.poster-image-wrap img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.poster-card:hover img{transform:scale(1.035)}.poster-gradient{position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(transparent,#000000c7)}.score{position:absolute;top:7px;right:7px;padding:2px 5px;border-radius:3px;color:#ffd75b;background:#0000009e;font-size:12px;font-weight:800}.remarks{position:absolute;right:7px;bottom:7px;left:7px;overflow:hidden;color:#ffffffe6;font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.poster-card h3{margin:8px 0 0;overflow:hidden;color:#f2f2f2;font-size:16px;font-weight:430;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.hero-skeleton{background:linear-gradient(110deg,#0d1116 15%,#17202a 45%,#0a0b0d 70%)}.skeleton{display:block;border-radius:5px;background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:220% 100%;animation:shimmer 1.4s infinite linear}.skeleton-title{width:260px;height:70px;margin-bottom:22px}.skeleton-line{width:480px;max-width:75vw;height:20px;margin-bottom:38px}.skeleton-button{width:128px;height:42px}.section-title-skeleton{width:135px;height:26px}.poster-skeleton{width:100%;aspect-ratio:2 / 2.84}.poster-name-skeleton{width:70%;height:18px;margin-top:8px}.error-state{display:grid;min-height:260px;place-items:center;align-content:center;gap:12px;color:#b8b8b8;text-align:center}.error-state strong{color:#fff;font-size:22px}.error-state button{padding:9px 18px;border-radius:4px;color:#fff;background:var(--accent)}.scrim{display:none}.benchmark-panel{position:fixed;z-index:100;right:14px;bottom:14px;width:min(420px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(109,255,184,.24);border-radius:10px;color:#eafff4;background:#050e0bf0;box-shadow:0 18px 60px #0000008c;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;backdrop-filter:blur(18px)}.benchmark-panel.is-collapsed{width:min(330px,calc(100vw - 28px))}.benchmark-header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid rgba(109,255,184,.12)}.benchmark-header>div{display:grid;grid-template-columns:12px 1fr;align-items:center;column-gap:5px}.benchmark-header strong{font-size:13px;letter-spacing:-.2px}.benchmark-header small{grid-column:2;margin-top:2px;color:#79a68f;font-size:10px}.benchmark-header button{padding:5px 8px;border:1px solid rgba(109,255,184,.2);border-radius:5px;color:#a7d9bf;background:transparent;font-size:11px}.benchmark-live{width:7px;height:7px;border-radius:50%;background:#56ffa7;box-shadow:0 0 12px #56ffa7}.benchmark-body{padding:11px 12px 12px}.benchmark-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.benchmark-summary span{display:grid;gap:4px;padding:7px;border-radius:6px;background:#ffffff0a}.benchmark-summary small{color:#79a68f;font-size:9px}.benchmark-summary b{font-size:12px}.benchmark-network{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:5px 8px;margin:10px 0;color:#79a68f;font-size:10px}.benchmark-network b{color:#d5f8e4;font-weight:600}.benchmark-api-list{display:grid;max-height:210px;gap:4px;overflow-y:auto}.benchmark-api-list>p{margin:8px 0;color:#79a68f;font-size:11px}.benchmark-api-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:6px 7px;border-left:2px solid rgba(86,255,167,.42);background:#ffffff06}.benchmark-api-row span{overflow:hidden;color:#d5f8e4;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.benchmark-api-row b{color:#56ffa7;font-size:11px}.benchmark-api-row small{color:#668978;font-size:9px}.benchmark-api-row small:last-child{text-align:right}.benchmark-copy{width:100%;margin-top:10px;padding:9px 12px;border-radius:6px;color:#03150d;background:#56ffa7;font-family:inherit;font-size:11px;font-weight:800}.benchmark-hint{margin:7px 0 0;color:#668978;font-size:9px;text-align:center}@keyframes shimmer{to{background-position:-220% 0}}@keyframes hero-in{0%{opacity:.2;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@media(max-width:1199px){:root{--sidebar-width: 0px}.sidebar{width:280px;padding:14px;background:#090a0cfa;box-shadow:18px 0 42px #0006;transform:translate(-105%);transition:transform .25s ease}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:inline-grid;place-items:center}.side-nav a{margin-left:0;padding-left:18px;border-radius:6px}.page{margin-left:0}.topbar{position:absolute;left:0;justify-content:space-between;background:linear-gradient(rgba(0,0,0,.5),transparent)}.menu-button{display:inline-grid;place-items:center;padding:7px;color:#fff;background:transparent}.mobile-logo{display:block}.mobile-logo .brand strong{font-size:18px}.mobile-logo .brand-mark{width:34px;transform:scale(.86) skew(-8deg);transform-origin:right center}.search{width:min(390px,42vw)}.header-actions{position:static;gap:10px}.history-button,.download-button{display:none}.login-button{height:35px;padding:0 16px}.hero{margin-left:0}.hero-copy{left:7vw}.content{padding-inline:20px}.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.scrim{position:fixed;inset:0;z-index:49;display:block;background:#00000080}}@media(max-width:760px){.topbar{position:relative;display:block;height:100px;padding:0;background:#050505}.menu-button,.mobile-logo,.search,.header-actions{display:none}.mobile-top-row{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 17px}.mobile-top-row .brand{gap:7px}.mobile-top-row .brand strong{font-size:21px}.mobile-top-row .brand-mark{width:39px;transform:scale(.9) skew(-8deg);transform-origin:left center}.mobile-top-actions{display:flex;align-items:center;gap:20px}.mobile-top-actions button{display:grid;padding:4px;place-items:center;color:#fff;background:transparent}.mobile-category-strip{display:flex;height:42px;align-items:center;gap:28px;padding:0 27px;overflow-x:auto;color:#ffffffe6;scrollbar-width:none;white-space:nowrap}.mobile-category-strip::-webkit-scrollbar{display:none}.mobile-category-strip a{flex:0 0 auto;font-size:15px;font-weight:650}.mobile-category-strip a.active{font-size:19px}.hero{height:208px;margin-bottom:29px;overflow:visible}.hero-image{object-position:center 24%}.hero-shade{background:linear-gradient(0deg,rgba(5,5,5,.72) 0%,transparent 54%)}.hero-copy{left:17px;right:17px;bottom:18px;width:auto}.hero-copy h1{margin-bottom:10px;font-size:36px;letter-spacing:-2px}.hero-copy p{display:-webkit-box;max-width:310px;margin:0;overflow:hidden;font-size:14px;line-height:1.55;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.play-button{display:none}.hero-dots{right:auto;bottom:-17px;left:50%;transform:translate(-50%)}.hero-dots button{width:20px;height:3px;border-radius:2px}.hero-dots button.active{width:25px;background:var(--accent)}.content{padding:7px 16px 60px}.section-heading{margin-bottom:7px}.section-heading h2{font-size:20px}.section-heading button{gap:1px;color:#a8a8a8;font-size:14px}.section-heading button span{display:inline}.section-heading button svg{width:17px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.poster-card h3{margin-top:6px;font-size:14px}.remarks{display:none}.score{top:auto;right:6px;bottom:5px;padding:0;color:#fff1a0;background:transparent;text-shadow:0 1px 3px #000}.skeleton-title{width:135px;height:42px;margin-bottom:10px}.skeleton-line{width:280px;height:34px;margin-bottom:0}.skeleton-button{display:none}.benchmark-panel{right:8px;bottom:8px;width:calc(100vw - 16px)}.benchmark-panel.is-collapsed{width:calc(100vw - 16px)}.benchmark-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}