:root{color-scheme:dark;--bg:#0d1012;--panel:#121619;--panel2:#171b1f;--line:#272c31;--text:#eceef1;--muted:#7f8790;--blue:#2864eb;--gold:#e9c757;--radius:16px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.topbar{position:sticky;top:0;z-index:5;background:rgba(13,16,18,.93);backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}.heading{max-width:1500px;margin:auto;padding:26px 34px 19px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}h1{margin:0 0 9px;font-weight:700;letter-spacing:-.03em;font-size:27px}h1 span{font-weight:520}.heading p{margin:0;color:var(--muted);font-size:13px}.search{height:42px;width:min(300px,35vw);display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:12px;border:1px solid var(--line);background:#14181c;color:#a2a8b0}.search span{font-size:22px}.search input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:14px}.search input::placeholder{color:#707780}.search kbd{font:11px inherit;color:#777f89;border:1px solid #33383e;border-radius:5px;padding:3px 5px}.group-tabs{max-width:1500px;margin:auto;padding:0 34px 15px;display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}.group-tabs::-webkit-scrollbar,.category-tabs::-webkit-scrollbar{display:none}.group-tab{white-space:nowrap;background:var(--panel2);border:1px solid #252a30;color:#b0b6be;border-radius:12px;padding:11px 18px;font-size:14px;cursor:pointer}.group-tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.group-tab span{opacity:.7;margin-left:4px}.category-bar{border-bottom:1px solid #202429}.category-tabs{max-width:1500px;margin:auto;padding:14px 34px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.category-tab{flex:none;border:1px solid #292e34;background:#171b20;color:#9da4ad;padding:10px 16px;border-radius:999px;font-size:13px;cursor:pointer;transition:.18s}.category-tab:hover{border-color:#454c55;color:#e8eaed}.category-tab.active{background:#202a40;color:#a9c1ff;border-color:#345ab8}.category-tab span{margin-left:5px;opacity:.63}main{max-width:1500px;margin:0 auto;padding:0 34px 48px}.list-head{padding:19px 0 15px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.list-head h2{font-size:16px;margin:0 0 5px;font-weight:650}.list-head p,.sort-note{font-size:12px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 16px}.card{min-width:0;cursor:pointer;outline:none}.poster-wrap{position:relative;aspect-ratio:2/2.82;border-radius:13px;overflow:hidden;background:#191d21;box-shadow:0 4px 14px #0005;isolation:isolate}.poster-wrap:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0004);pointer-events:none}.poster{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s,filter .35s}.card:hover .poster{transform:scale(1.035);filter:brightness(1.07)}.rank{position:absolute;z-index:1;top:9px;left:9px;min-width:29px;height:29px;padding:0 7px;display:grid;place-items:center;background:#111b;color:var(--gold);border-radius:9px;font-weight:750;font-size:14px;backdrop-filter:blur(8px)}.rating{position:absolute;right:8px;bottom:8px;z-index:1;padding:5px 7px;border-radius:8px;background:#080b0de8;color:#fff;font-weight:700;font-size:14px}.tmdb-link{position:absolute;z-index:2;right:8px;top:8px;padding:4px 8px;border-radius:8px;background:#080b0dc4;color:#9fd0ff;font-size:10px;font-weight:700;letter-spacing:.04em;text-decoration:none;opacity:0;transition:.2s;backdrop-filter:blur(6px)}.card:hover .tmdb-link,.card:focus-visible .tmdb-link{opacity:1}.card-title{font-size:14px;font-weight:600;line-height:1.4;margin:9px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:11px;color:#737b84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.quote{font-size:11px;color:#a0a7af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.empty,.error{padding:65px 20px;text-align:center;color:var(--muted)}.error code{color:#bac8ef}footer{max-width:1500px;margin:auto;padding:19px 34px 28px;display:flex;justify-content:space-between;gap:12px;color:#5f6871;font-size:11px;border-top:1px solid #202429}.skeleton{background:linear-gradient(110deg,#181c20 8%,#242a30 18%,#181c20 33%);background-size:200% 100%;animation:shine 1.3s linear infinite}@keyframes shine{to{background-position-x:-200%}}@media(max-width:1050px){.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 14px}}@media(max-width:760px){.heading{padding:20px 18px 15px;align-items:flex-start}.heading h1{font-size:21px}.heading p{font-size:11px}.search{width:42px;flex:none;padding:0 10px;border-radius:50%;height:42px}.search input,.search kbd{display:none}.search span{margin:auto}.search.expanded{width:100%;border-radius:12px}.search.expanded input{display:block}.search.expanded kbd{display:none}.search.expanded span{margin:0}.group-tabs{padding:0 18px 12px;gap:7px}.group-tab{padding:9px 13px;font-size:12px}.category-tabs{padding:11px 18px;gap:8px}.category-tab{padding:9px 13px;font-size:12px}main{padding:0 18px 34px}.list-head{padding:17px 0 12px}.list-head h2{font-size:14px}.sort-note{font-size:10px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 11px}.poster-wrap{border-radius:9px}.rank{top:6px;left:6px;min-width:25px;height:25px;border-radius:7px;font-size:12px}.rating{right:5px;bottom:5px;font-size:12px;padding:4px 6px}.tmdb-link{opacity:1;right:5px;top:5px;padding:3px 6px;font-size:9px}.tmdb-link{position:absolute;z-index:2;right:8px;top:8px;padding:4px 8px;border-radius:8px;background:#080b0dc4;color:#9fd0ff;font-size:10px;font-weight:700;letter-spacing:.04em;text-decoration:none;opacity:0;transition:.2s;backdrop-filter:blur(6px)}.card:hover .tmdb-link,.card:focus-visible .tmdb-link{opacity:1}.card-title{font-size:12px;margin:7px 0 3px}.card-meta{font-size:10px}.quote{font-size:10px}footer{padding:17px 18px;flex-direction:column;font-size:10px}}@media(min-width:761px) and (max-width:1050px){.heading,main,footer{padding-left:24px;padding-right:24px}.category-tabs{padding-left:24px;padding-right:24px}.group-tabs{padding-left:24px;padding-right:24px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:370px){.heading{padding-left:14px;padding-right:14px}main{padding-left:14px;padding-right:14px}.grid{gap:15px 9px}}