:root{--rt-rank-ink:#202124;--rt-rank-muted:#687083;--rt-rank-line:#e6e8ee;--rt-rank-card:#fff;--rt-rank-soft:#f7f8fa;--rt-rank-link:#178acb;--rt-rank-shadow:0 12px 30px rgba(15,23,42,.05)}
.rt-rank-page{max-width:1680px;margin:0 auto;padding:0 7vw 6rem;color:var(--rt-rank-ink)}
.rt-rank-intro{margin:1.3rem 0 1.7rem}.rt-rank-intro p{max-width:840px;color:var(--rt-rank-muted);line-height:1.8;font-weight:700;margin:0}
.rt-rank-controls{display:grid;grid-template-columns:1fr 1fr 1fr 2.3fr 1fr;gap:.9rem;border:1px solid var(--rt-rank-line);border-radius:28px;background:#fff;padding:1rem;box-shadow:var(--rt-rank-shadow);margin:1.8rem 0}
.rt-rank-field{display:flex;flex-direction:column;gap:.42rem}.rt-rank-field label{font-size:.76rem;font-weight:900;color:var(--rt-rank-muted);letter-spacing:.08em}.rt-rank-field select,.rt-rank-field input{width:100%;height:44px;border:1px solid var(--rt-rank-line);border-radius:999px;background:var(--rt-rank-soft);padding:0 1rem;color:var(--rt-rank-ink);font-weight:800;outline:none}.rt-rank-field select:focus,.rt-rank-field input:focus{border-color:var(--rt-rank-link);box-shadow:0 0 0 4px rgba(23,138,203,.12)}
.rt-rank-searchbox{display:flex;align-items:center;gap:.4rem}.rt-rank-searchbox input{flex:1}.rt-rank-searchbox button{width:44px;height:44px;border-radius:999px;border:1px solid var(--rt-rank-line);background:#fff;color:var(--rt-rank-muted);font-weight:900;cursor:pointer}.rt-rank-searchbox button:hover{color:var(--rt-rank-ink);border-color:#cfd5df}
.rt-rank-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.6rem 0;color:var(--rt-rank-muted)}.rt-rank-status b{font-size:1.15rem;color:var(--rt-rank-ink)}
.rt-rank-list{display:flex;flex-direction:column;gap:.7rem}.rt-rank-row{display:grid;grid-template-columns:58px 104px minmax(0,1fr) minmax(120px,180px) 92px;align-items:center;gap:1rem;border:1px solid var(--rt-rank-line);border-radius:24px;background:#fff;padding:.75rem 1rem;color:var(--rt-rank-ink);text-decoration:none;box-shadow:0 8px 22px rgba(15,23,42,.035)}.rt-rank-row:hover{border-color:#cfd5df}.rt-rank{font-size:1.35rem;font-weight:950;letter-spacing:-.04em;color:var(--rt-rank-muted)}.rt-rank-thumb{width:104px;aspect-ratio:16/9;object-fit:cover;border-radius:16px;background:#eef1f5}.rt-rank-main{min-width:0}.rt-rank-title{font-weight:900;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-rank-meta{font-size:.88rem;color:var(--rt-rank-muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-rank-value{font-weight:950;text-align:right}.rt-rank-kind{font-size:.8rem;color:var(--rt-rank-muted);font-weight:900;text-align:right}.rt-rank-pagination{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center;margin:2rem 0}.rt-rank-pagination button{min-width:42px;height:42px;border:1px solid var(--rt-rank-line);border-radius:999px;background:#fff;font-weight:900;cursor:pointer}.rt-rank-pagination button[aria-current=page]{background:var(--rt-rank-ink);color:#fff}.rt-rank-empty{padding:2rem;border:1px solid var(--rt-rank-line);border-radius:24px;color:var(--rt-rank-muted);background:#fff}
@media(max-width:1100px){.rt-rank-page{padding:0 1.2rem 5rem}.rt-rank-controls{grid-template-columns:1fr 1fr}.rt-rank-field-search{grid-column:1/-1}.rt-rank-row{grid-template-columns:48px 84px minmax(0,1fr);}.rt-rank-value,.rt-rank-kind{text-align:left;grid-column:3}.rt-rank-thumb{width:84px}}
@media(max-width:640px){.rt-rank-controls{grid-template-columns:1fr}.rt-rank-row{grid-template-columns:42px 72px minmax(0,1fr);gap:.7rem;padding:.65rem}.rt-rank-thumb{width:72px}}