.rank-page{min-height:60vh;padding-bottom:48px}.rank-hero{background:radial-gradient(circle at 12% 0,rgba(255,8,104,.22),transparent 42%),radial-gradient(circle at 88% 20%,rgba(255,79,47,.14),transparent 40%),#0a080d;border-bottom:1px solid var(--line);overflow:hidden;padding:56px 0 28px;position:relative}.rank-hero__glow{background:radial-gradient(ellipse at center,rgba(255,11,111,.18),transparent 70%);height:220px;inset:auto -10% -60%;pointer-events:none;position:absolute}.rank-hero__inner{margin:0 auto;max-width:1180px;padding:0 32px;position:relative}.rank-hero__kicker{align-items:center;background:#ff0b6f24;border-radius:999px;color:#ff7ab0;display:inline-flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.rank-hero__title{color:#fff;font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:14px 0 6px}.rank-hero__sub{color:var(--text-muted);font-size:15px;line-height:1.5;margin:0 0 22px;max-width:620px}.rank-tabs{background:#ffffff0a;border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:4px;padding:4px}.rank-tabs__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:999px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:700;padding:9px 20px;transition:.2s ease}.rank-tabs__item:hover{background:#ffffff0f;color:#fff}.rank-tabs__item--active,.rank-tabs__item--active:hover{background:var(--brand-gradient);box-shadow:0 10px 26px #ff0b6f52;color:#fff}.rank-columns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.rank-columns__item{border:1px solid var(--line);border-radius:999px;color:#ffffffb8;font-size:13px;font-weight:600;padding:6px 14px}.rank-columns__item--active{background:#ff0b6f29;border-color:transparent;color:#ff8dbb}.rank-list{margin:0 auto;max-width:1180px;padding:22px 32px 0}.rank-list__items{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.rank-item__link{align-items:center;background:linear-gradient(180deg,#ffffff0b,#ffffff05);border:1px solid hsla(0,0%,100%,.06);border-radius:18px;color:inherit;display:grid;gap:18px;grid-template-columns:56px 96px minmax(0,1fr) auto;padding:14px 20px 14px 14px;position:relative;text-decoration:none;transition:transform .22s ease,border-color .22s ease,background .22s ease}.rank-item__link:hover{background:linear-gradient(180deg,#ff0b6f14,#ffffff05);border-color:#ff0b6f59;transform:translateY(-2px)}.rank-item__link:hover .rank-item__play{opacity:1;transform:scale(1)}.rank-item__no{color:#ffffff57;font-size:30px;font-style:italic;font-variant-numeric:tabular-nums;font-weight:900;line-height:1;text-align:center}.rank-item--1 .rank-item__no,.rank-item--2 .rank-item__no,.rank-item--3 .rank-item__no{-webkit-background-clip:text;background-clip:text;color:transparent;font-size:36px;-webkit-text-fill-color:transparent}.rank-item--1 .rank-item__no{background-image:linear-gradient(#ffeac1 25%,#ffb629 74%)}.rank-item--2 .rank-item__no{background-image:linear-gradient(182deg,#fff 27%,#99adc4 73%)}.rank-item--3 .rank-item__no{background-image:linear-gradient(#fff 25%,#bb8f67 74%)}.rank-item--1 .rank-item__link{background:linear-gradient(180deg,#ffb6291a,#ffffff05);border-color:#ffb62947}.rank-item__poster{aspect-ratio:3/4;background:#1a1520;border-radius:12px;box-shadow:0 12px 30px #00000073;overflow:hidden;position:relative;width:96px}.rank-item__poster img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.rank-item__placeholder{background:var(--brand-gradient);color:#fff;display:grid;font-size:22px;font-weight:800;height:100%;place-items:center;width:100%}.rank-item__play{background:#07060a73;color:#fff;display:grid;inset:0;opacity:0;place-items:center;position:absolute;transform:scale(.8);transition:.22s ease}.rank-item__play svg{background:var(--brand-gradient);border-radius:999px;box-shadow:0 10px 26px #ff0b6f66;padding:8px}.rank-item__body{min-width:0}.rank-item__title{color:#fff;font-size:18px;font-weight:800;line-height:1.25;margin:0 0 6px}.rank-item__meta,.rank-item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item__meta{color:#ffffff9e;font-size:13px;margin-bottom:8px}.rank-item__desc{color:#ffffff80;display:-webkit-box;font-size:13px;line-height:1.5;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.rank-item__hot{align-items:flex-end;border-left:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;gap:4px;min-width:96px;padding-left:12px}.rank-item__hot-value{align-items:center;color:var(--brand-gold);display:inline-flex;font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;gap:6px}.rank-item__hot-value i{height:18px;width:18px}.rank-item__hot-sub{color:#ffffff80;font-size:12px;white-space:nowrap}.rank-empty{color:var(--text-muted);padding:64px 0;text-align:center}.rank-empty i{height:40px;opacity:.6;width:40px}.rank-empty p{margin-top:10px}.rank-skeleton{display:flex;flex-direction:column;gap:12px}.rank-skeleton__row{animation:rank-shimmer 1.4s infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;border-radius:18px;height:156px}@keyframes rank-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rank-more{display:flex;justify-content:center;margin-top:24px}.rank-more__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 34px;transition:.2s ease}.rank-more__btn:hover:not(:disabled){background:var(--brand-gradient);border-color:transparent;box-shadow:0 12px 30px #ff0b6f4d}.rank-more__btn:disabled{cursor:default;opacity:.6}.rank-note{color:#ffffff5c;font-size:12px;margin:22px 0 0;text-align:center}@media(max-width:767px){.rank-hero{padding:26px 0 18px}.rank-hero__inner{padding:0 16px}.rank-hero__title{font-size:28px}.rank-hero__sub{font-size:13px;margin-bottom:16px}.rank-tabs{width:100%}.rank-tabs__item{flex:1;padding:9px 0;text-align:center}.rank-list{padding:14px 12px 0}.rank-list__items{gap:8px}.rank-item__link{border-radius:14px;gap:12px;grid-template-columns:34px 72px minmax(0,1fr);padding:10px 12px 10px 8px}.rank-item__no{font-size:22px}.rank-item--1 .rank-item__no,.rank-item--2 .rank-item__no,.rank-item--3 .rank-item__no{font-size:26px}.rank-item__poster{border-radius:10px;width:72px}.rank-item__title{display:-webkit-box;font-size:15px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rank-item__meta{font-size:12px;margin-bottom:4px}.rank-item__desc{display:none}.rank-item__hot{align-items:center;border-left:0;flex-direction:row;gap:8px;grid-column:3;min-width:0;padding-left:0}.rank-item__hot-value{font-size:15px}.rank-item__hot-value i{height:14px;width:14px}.rank-item__hot-sub{font-size:11px}}