.blox{max-width:1400px}.blox{padding-top:22px}.blox .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.blox .empty{margin:8px 0 0}.topextra.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0;mask-image:linear-gradient(90deg,#000 92%,transparent)}.topextra.chips::-webkit-scrollbar{display:none}.topextra .chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px 0 11px;cursor:pointer;background:var(--surface);border:1px solid var(--edge);border-radius:11px;color:#d6dae5;font:700 13.5px var(--sans)}.topextra .chip:first-child{padding:0 14px}.topextra .chip svg{color:var(--dim)}.topextra .chip:hover{border-color:#ffffff40}.topextra .chip.on{background:var(--hot);border-color:var(--hot);color:#fff}.topextra .chip.on svg{color:#ffd9d6}@media(max-width:980px){.topextra .chip{height:34px}.blox{padding-top:16px}}.blox .spot{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:14px;margin:0 0 28px}.blox .big{position:relative;aspect-ratio:21 / 8;min-height:220px;border-radius:18px;overflow:hidden;isolation:isolate;display:grid;align-content:end;padding:20px 22px;border:1px solid var(--edge)}.blox .big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}.blox .big:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b0c1100 45%,#0b0c11e6 92%)}.blox .big:hover img{transform:scale(1.03)}.blox .lbl{position:absolute;top:14px;left:16px;background:#ffcf3f;color:#1a1400;padding:5px 10px;border-radius:6px;font-weight:700}.blox .big .txt{display:flex;align-items:center;justify-content:space-between;gap:12px}.blox .big .txt b{font-size:clamp(22px,2.4vw,32px);font-weight:900;letter-spacing:-.03em;color:#fff}.blox .big .btn{background:var(--hot);color:#fff;font-weight:800;font-size:16px;padding:11px 22px;border-radius:99px}.blox .next{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.blox .nx{position:relative;display:flex;align-items:flex-end;border-radius:14px;overflow:hidden;isolation:isolate;padding:10px 12px;border:1px solid var(--edge);color:#fff;min-height:64px}.blox .nx img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}.blox .nx:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0c11e0,#0b0c1130 70%)}.blox .nx b{font-size:15px;font-weight:800}.blox .nx:hover{border-color:var(--hot)}.blox .nx:hover img{transform:scale(1.05)}.blox .shelf{margin:0 0 26px}.blox .shelf[hidden]{display:none}.blox .sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}.blox .sh h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:-.03em;margin:0}.blox .sh .all{color:var(--dim);font-size:12px;white-space:nowrap}.blox .sh .all:hover{color:var(--hot)}.blox .sh .cnt{font-size:11px;color:var(--dim);font-weight:700;background:var(--surface);border:1px solid var(--edge);border-radius:6px;padding:2px 7px}.blox .rowwrap{position:relative}.blox .row{display:grid;grid-auto-flow:column;grid-auto-columns:200px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 2px}.blox .row::-webkit-scrollbar{display:none}.blox .row>.bt{scroll-snap-align:start}.blox .row>.bt.off{display:none}.blox .row>.nb{display:grid;align-content:start;gap:6px;min-width:0;scroll-snap-align:start}.blox .row>.nb.off{display:none}.blox .row>.nb .st{min-height:19px}.blox .by{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dim);font-size:13px;font-weight:700;text-decoration:none}.blox .by:hover{color:#fff}.blox .bav{width:20px;height:20px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:hsl(var(--h) 55% 45%);color:#fff;font-size:11px;font-weight:900}.blox .shsub{margin:2px 0 0;color:var(--dim);font-size:14px}.blox .arr{position:absolute;top:59px;height:40px;width:40px;border:0;cursor:pointer;z-index:2;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0b0c11d9;box-shadow:0 0 0 1px var(--edge);opacity:0;transition:opacity .15s}.blox .arr.l{left:-14px}.blox .arr.r{right:-14px}.blox .arr:hover{background:var(--hot)}.blox .arr[hidden]{display:none}.blox .rowwrap:hover .arr{opacity:1}.blox .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 14px}.blox .grid>.bt[hidden]{display:none}.blox .bt{display:grid;align-content:start;gap:6px;min-width:0;color:var(--text)}.blox .bt .art{position:relative;display:block;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--edge);transition:border-color .15s,transform .15s,box-shadow .15s}.blox .bt .art img{width:100%;height:100%;object-fit:cover;display:block}.blox .bt:hover .art{border-color:#ffffff59;transform:translateY(-3px);box-shadow:0 14px 28px -14px #000}.blox .bt .spon{position:absolute;top:8px;left:8px;background:#0b0c11e6;color:#ffd76a;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;border:1px solid #ffd76a55}.blox .bt .tag{position:absolute;top:8px;right:8px;background:#fff;color:#0b0c11;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:99px}.blox .bt .rank{position:absolute;top:8px;left:8px;background:#0b0c11d9;color:#fff;font-weight:700;font-size:11px;padding:3px 8px;border-radius:6px;border:1px solid #ffffff26}.blox .bt .rank:empty{display:none}.blox .bt .rank.top{background:var(--hot);border-color:var(--hot)}.blox .bt .pc{display:none;position:absolute;bottom:8px;left:8px;background:#0b0c11d9;color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:5px}.blox .bt.pcon .pc{display:block}.blox .bt.pcon .art img{filter:grayscale(.6) brightness(.7)}.blox .bt .nm{font-size:15px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blox .bt .st{display:flex;gap:12px;min-height:16px;font-size:13px;font-weight:700;color:var(--dim);margin-top:-2px}.blox .bt .st i{font-style:normal}.blox .bt .st [hidden]{display:none}.blox .bt .st.by{font-weight:600}@media(max-width:900px){.blox .spot{grid-template-columns:minmax(0,1fr)}.blox .big{aspect-ratio:16 / 9;min-height:0}.blox .next{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}.blox .nx{aspect-ratio:16 / 10;min-height:0;padding:8px}.blox .nx b{font-size:12.5px;line-height:1.15}}@media(max-width:640px){.blox .row{grid-auto-columns:150px;gap:10px}.blox .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.blox .arr{display:none}.blox .bt .nm{font-size:14px}}