:root{color-scheme:dark;--bg:#09090b;--panel:#141417;--muted:#9898a3;--text:#f7f7f8;--line:rgba(255,255,255,.09);--accent:#ff4d6d;--accent-2:#ff8a5b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 500px at 15% -10%,rgba(255,77,109,.14),transparent 60%),radial-gradient(700px 420px at 92% 5%,rgba(255,138,91,.10),transparent 65%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit}.hero{padding:72px 24px 26px}.hero-inner,main,footer{max-width:1440px;margin:0 auto}.eyebrow{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.2em;color:var(--muted)}h1{margin:0;max-width:900px;font-size:clamp(44px,8vw,104px);line-height:.9;letter-spacing:-.065em}h1 span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);font-size:16px;margin:22px 0 0}.controls{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:42px}.search{flex:1 1 360px;max-width:520px;height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045);backdrop-filter:blur(14px)}.search span{color:var(--muted);font-size:21px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.search input::placeholder{color:#73737e}.switches{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:5px;padding:5px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.tab,.region{border:0;padding:9px 14px;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700}.tab.active,.region.active{color:var(--text);background:rgba(255,255,255,.10)}main{padding:0 24px 72px}.meta-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}.card{min-width:0;cursor:pointer;outline:none}.card:focus-visible .poster-wrap{box-shadow:0 0 0 2px var(--accent)}.poster-wrap{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.poster{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease,filter .35s ease}.card:hover .poster{transform:scale(1.035);filter:brightness(1.06)}.rating,.new-chip{position:absolute;padding:6px 8px;border-radius:8px;background:rgba(9,9,11,.82);backdrop-filter:blur(10px);font-size:12px;font-weight:800}.rating{right:8px;bottom:8px;min-width:42px;text-align:center}.new-chip{left:8px;top:8px;color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.card-body{padding:10px 2px 2px}.title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;letter-spacing:-.015em}.card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:var(--muted);font-size:12px}.original-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.empty{padding:90px 24px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.empty-icon{font-size:44px}.empty h2{color:var(--text);margin-bottom:8px}footer{padding:0 24px 38px;color:#6f6f78;font-size:12px}
dialog{width:min(920px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;border:1px solid var(--line);border-radius:20px;background:#111114;color:var(--text);box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:auto}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.close{position:sticky;float:right;top:14px;right:14px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(9,9,11,.78);color:#fff;font-size:26px;line-height:1;cursor:pointer}.dialog-grid{display:grid;grid-template-columns:minmax(260px,38%) 1fr;min-height:520px}.detail-poster{width:100%;height:100%;max-height:720px;object-fit:cover;background:var(--panel)}.detail-copy{padding:38px 38px 32px}.detail-copy h2{font-size:clamp(30px,5vw,52px);line-height:1;margin:14px 0 8px;letter-spacing:-.04em}.muted{color:var(--muted)}.detail-copy #detailOverview{font-size:16px;line-height:1.75;color:#ddd}.detail-badges{display:flex;gap:10px;align-items:center;font-weight:800}.new-badge{padding:5px 8px;border-radius:7px;background:linear-gradient(90deg,var(--accent),var(--accent-2));font-size:12px}.detail-lines{margin-top:24px}.detail-lines p{display:grid;grid-template-columns:54px 1fr;gap:12px;margin:10px 0}.detail-lines b{color:var(--muted)}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.detail-actions a{padding:10px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:700;background:rgba(255,255,255,.04)}
@media(max-width:1100px){.grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:850px){.grid{grid-template-columns:repeat(4,1fr)}.controls{align-items:stretch;flex-direction:column}.search{max-width:none;flex-basis:auto}.tabs{align-self:flex-start}.dialog-grid{grid-template-columns:220px 1fr}.detail-copy{padding:28px}}@media(max-width:620px){.hero{padding:48px 16px 20px}main{padding:0 16px 56px}.grid{grid-template-columns:repeat(3,1fr);gap:16px 9px}.poster-wrap{border-radius:9px}.card-meta .original-title{display:none}.meta-row{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}.switches{width:100%}.dialog-grid{display:block}.detail-poster{width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-position:center 18%}.detail-copy{padding:24px 20px 28px}.detail-copy h2{font-size:34px}}@media(max-width:390px){.grid{grid-template-columns:repeat(2,1fr)}}