@media (min-width:1280px){
  .page-wrap{margin-left:0}
}

.page-title{margin-bottom:20px}

.page-title h1{font-size:34px;font-weight:700;color:#fff;line-height:1.2}

.page-title p{font-size:14px;color:rgba(255,255,255,.48);margin-top:6px}


/* 榜单 Tab */
.rank-tabs{display:flex;gap:12px;margin-bottom:24px}

.rank-tabs a{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:38px;padding:0 18px;border-radius:999px;font-size:14px;color:#e8e9ed;background:rgba(255,255,255,.08);transition:all .25s;cursor:pointer}

.rank-tabs a:hover{background:rgba(255,255,255,.14)}

.rank-tabs a.active{background:#fb7299;color:#fff;font-weight:700}


/* 面板 */
.rank-board{display:none}

.rank-board.active{display:block}


/* 排行榜主体：左大卡竖排 + 右两列列表 */
.rank-main{display:grid;grid-template-columns:420px minmax(0,1fr);gap:22px;align-items:start}

/* 前3大卡竖排 */
.rank-top3{display:grid;grid-template-columns:420px;gap:14px}

.rank-podium{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:14px;border-radius:18px;background:rgba(255,255,255,.07);position:relative;min-height:252px;transition:background .25s}

.rank-podium:hover{background:rgba(255,255,255,.09)}

.rank-podium img{width:118px;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:12px;align-self:end}

.rank-podium > span{min-width:0;display:block;align-self:end}

.rank-podium i{position:absolute;left:14px;top:10px;font-style:normal;font-size:26px;font-weight:900;color:#fb7299;line-height:39px}

.rank-podium b{display:block;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.rank-podium em{display:block;font-style:normal;font-size:14px;color:rgba(255,255,255,.55);margin-top:3px}

.rank-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}

.rank-chips span{font-size:12px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.09);padding:3px 8px;border-radius:6px;white-space:nowrap}

.rank-podium p{font-size:14px;line-height:20.3px;min-height:60.9px;color:rgba(255,255,255,.58);margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}


/* 4名起两列列表 */
.rank-list-large{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}

.rank-list-large a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;height:48px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.055);transition:background .25s}

.rank-list-large a:hover{background:rgba(255,255,255,.09)}

.rank-list-large i{font-style:normal;font-size:16px;font-weight:900;color:#fb7299;width:42px}

.rank-list-large span{min-width:0;font-size:14px;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.rank-list-large em{font-style:normal;font-size:14px;color:rgba(255,255,255,.45)}
@media (max-width:1400px){.rank-main{grid-template-columns:1fr}.rank-top3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media (max-width:1180px){.rank-top3{grid-template-columns:1fr}.rank-list-large{grid-template-columns:1fr}}
@media (max-width:760px){.top-search{flex:1;width:auto;min-width:0}}