.kr-ranking-page{background:#111 url('/assets/kr-archive/blue_bg.png') center 0/2500px 1300px no-repeat;color:#333;font:12px/1.5 Arial,"Microsoft YaHei",sans-serif}.kr-ranking-page .site-shell{background:white}.kr-page-body{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px;padding:24px 25px 35px;background:white;align-items:start}.kr-rank-sidebar{grid-column:1;grid-row:1/3}.kr-rank-sidebar img{display:block;width:100%;height:auto;margin-top:30px}.kr-side-login{border:1px solid #d5d5d5;background:linear-gradient(#fff,#f3f3f3);padding:14px;min-height:165px}.kr-side-login h3{font-size:13px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #ddd}.kr-side-login p{font-size:11px;color:#777}.kr-page-body>.topbar{grid-column:2;grid-row:1;background:white;border:0;border-bottom:1px solid #ccc;box-shadow:none;position:static;height:39px;min-height:0;padding:0;margin:0}.kr-page-body .brand-mark,.kr-page-body .brand-text span{display:none}.kr-page-body .brand-text strong{font-size:21px;color:#252525}.kr-page-body .topbar-meta{color:#aaa;font-size:11px}.kr-page-body .topbar-actions{display:none}.kr-page-body .wrap{grid-column:2;grid-row:2;max-width:none;width:100%;min-width:0;margin:0;padding:12px 0 0}.kr-page-body .mode-tabs{margin:0 0 10px;gap:0;border-bottom:2px solid #333}.kr-page-body .mode-tab{border:1px solid #d9d9d9;border-bottom:0;border-radius:0;background:#f4f4f4;color:#666;height:31px;font:700 11px Arial}.kr-page-body .mode-tab.active{background:#176ec8;color:#fff;border-color:#176ec8}.kr-page-body .section-head{display:flex;align-items:center;flex-wrap:wrap;background:linear-gradient(#fafafa,#f0f0f0);border:1px solid #dedede;padding:8px 10px;margin:0 0 12px}.kr-page-body .section-head h2{font-size:13px;color:#333;margin:0}.kr-page-body .section-tools{display:flex;flex-wrap:wrap;gap:6px}.kr-page-body .select,.kr-page-body .btn,.kr-page-body .search-input{border-radius:0;background:#fff;border:1px solid #d5d5d5;height:28px;font-size:11px;color:#555}.kr-page-body .btn{background:linear-gradient(#20a2db,#076dba);border-color:#076dba;color:#fff}.kr-page-body .search-input{width:190px}.kr-page-body .song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #d2d2d2}.kr-page-body .song-card{border:0;border-bottom:1px solid #e8e8e8;border-radius:0;box-shadow:none;padding:11px 4px;display:grid;grid-template-columns:66px minmax(0,1fr);min-height:95px;background:white}.kr-page-body .song-card:hover{transform:none;background:#f7fbff;box-shadow:none}.kr-page-body .song-cover{width:58px;height:58px;aspect-ratio:auto;object-fit:cover;border:1px solid #ddd}.kr-page-body .song-body{padding:0 4px}.kr-page-body .song-title{color:#2768af;font-size:12px}.kr-page-body .song-artist,.kr-page-body .song-top{font-size:10px;color:#999}.kr-page-body .song-stats{margin-top:4px}.kr-page-body .chip{border-radius:0;background:#f3f3f3;color:#888;font-size:9px;padding:1px 3px}.kr-page-body .detail-head .btn{margin-bottom:10px}.kr-page-body .song-hero{border-radius:0;box-shadow:none;background:#f9f9f9}.kr-page-body .panel{border-radius:0;box-shadow:none}.kr-page-body .rank-table{font-size:11px}.kr-page-body .rank-table thead th{background:#f5f5f5;color:#666}.kr-page-body .rank-table td{border-bottom:1px solid #eee}.kr-ranking-page>.site-shell>.foot{background:#171717;color:#999;margin:0;padding:22px 25px;border:0;font-size:10px}@media(max-width:780px){.kr-page-body{display:block;padding:16px}.kr-rank-sidebar{display:none}.kr-page-body>.topbar{margin-bottom:10px}.kr-page-body .song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.kr-page-body .song-grid{grid-template-columns:1fr}.kr-page-body .section-tools{margin-left:0}.kr-page-body .search-input{width:100%}}
.kr-page-body{grid-template-rows:39px auto}
.kr-list-head{display:grid;grid-template-columns:50px 72px 1fr 250px;background:#f5f5f5;border-top:2px solid #505050;border-bottom:1px solid #ddd;color:#777;font-size:11px;padding:10px 0;text-align:left}.kr-list-head span:first-child{text-align:center}.kr-page-body .song-grid{display:block;counter-reset:kr-rank}.kr-page-body .song-card{counter-increment:kr-rank;display:grid;grid-template-columns:50px 72px 1fr;align-items:center;min-height:76px;padding:8px 0}.kr-page-body .song-card::before{content:counter(kr-rank);grid-column:1;grid-row:1;text-align:center;color:#777;font-size:12px}.kr-page-body .song-cover{grid-column:2;grid-row:1}.kr-page-body .song-body{grid-column:3;grid-row:1;display:grid;grid-template-columns:1fr 250px;align-items:center;gap:3px}.kr-page-body .song-title{grid-column:1;grid-row:1;color:#2768af}.kr-page-body .song-artist{grid-column:1;grid-row:2}.kr-page-body .song-stats{grid-column:2;grid-row:1;margin:0}.kr-page-body .song-top{grid-column:2;grid-row:2;margin:0}.kr-page-body .song-card:nth-child(-n+3)::before{color:#b89a49;font-weight:bold}@media(max-width:780px){.kr-list-head{grid-template-columns:35px 62px 1fr 160px}.kr-page-body .song-card{grid-template-columns:35px 62px 1fr}.kr-page-body .song-body{grid-template-columns:1fr 160px}}@media(max-width:520px){.kr-list-head{grid-template-columns:30px 56px 1fr}.kr-list-head span:last-child{display:none}.kr-page-body .song-card{grid-template-columns:30px 56px 1fr}.kr-page-body .song-body{display:block}.kr-page-body .song-stats,.kr-page-body .song-top{display:none}}

.pop-table-mode .kr-list-head{display:none}
.kr-page-body .pop-diff-tabs{display:flex;justify-content:center;gap:0;border-bottom:2px solid #555;margin:0;padding-top:5px}
.kr-page-body .pop-diff-tabs button{height:37px;min-width:92px;padding:0 15px;border:0;background:transparent;color:#666;font:bold 12px Arial;cursor:pointer}
.kr-page-body .pop-diff-tabs button.active{color:#1564ba;border-bottom:3px solid #1473ce}
.kr-page-body .pop-table-head{display:grid;grid-template-columns:44% repeat(3,minmax(0,1fr));background:#f5f5f5;border-bottom:1px solid #e1e1e1;color:#666;text-align:center;font-size:11px;font-weight:bold}
.kr-page-body .pop-table-head span{padding:10px 5px}
.kr-page-body .pop-overview{display:block;border:0}
.kr-page-body .pop-row{display:grid;grid-template-columns:44% repeat(3,minmax(0,1fr));min-height:65px;border-bottom:1px solid #e9e9e9;align-items:center;cursor:pointer;background:#fff}
.kr-page-body .pop-row:hover{background:#f7fbff}
.kr-page-body .pop-song{display:flex;align-items:center;gap:10px;padding:6px 8px;min-width:0}
.kr-page-body .pop-song img{width:45px;height:45px;object-fit:contain;flex:none}
.kr-page-body .pop-song span{min-width:0}
.kr-page-body .pop-song b{display:block;color:#3370ad;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.kr-page-body .pop-song small{display:block;color:#999;font-size:10px}
.kr-page-body .pop-place{padding:5px 4px;text-align:center;min-width:0;color:#999;font-size:10px}
.kr-page-body .pop-player{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:5px;min-width:0;width:100%;text-align:left}
.kr-page-body .pop-player .player-icon-slot{display:flex;align-items:center;width:44px;height:27px}
.kr-page-body .pop-player img{width:44px;height:27px;object-fit:contain;flex:none}
.kr-page-body .pop-player span{min-width:0}
.kr-page-body .pop-player b{display:block;font-size:10px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kr-page-body .pop-player small{display:block;color:#444;font-size:10px}
.kr-page-body .pop-no-score{color:#bbb}
.kr-page-body .pop-pages{display:flex;justify-content:center;gap:4px;padding:18px 0}
.kr-page-body .pop-pages button{min-width:25px;height:25px;border:1px solid transparent;background:#fff;color:#666;cursor:pointer;font-size:11px}
.kr-page-body .pop-pages button.active{color:#0969bd;font-weight:bold;text-decoration:underline}
.kr-page-body .pop-pages button:disabled{color:#ccc;cursor:default}
@media(max-width:700px){.kr-page-body .pop-song img{width:45px;height:45px}}

.club-table-mode .kr-list-head{display:none}
.club-table-mode .section-head .section-tools{display:none}
.kr-page-body .club-table-head{display:grid;grid-template-columns:48% repeat(3,minmax(0,1fr));background:#f5f5f5;border-top:2px solid #555;border-bottom:1px solid #e1e1e1;color:#666;text-align:center;font-size:11px;font-weight:bold}
.kr-page-body .club-table-head span{padding:10px 5px}
.kr-page-body .club-overview{display:block;border:0}
.kr-page-body .club-archive-row{display:grid;grid-template-columns:48% repeat(3,minmax(0,1fr));min-height:70px;border-bottom:1px solid #e9e9e9;align-items:center;cursor:pointer;background:#fff}
.kr-page-body .club-archive-row:hover{background:#f7fbff}
.kr-page-body .club-set{display:flex;align-items:center;gap:10px;padding:7px 9px;min-width:0}
.kr-page-body .club-set img{width:64px;height:44px;object-fit:contain;flex:none}
.kr-page-body .club-set span{min-width:0}
.kr-page-body .club-set b{display:block;color:#3370ad;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.kr-page-body .club-set small{display:block;color:#999;font-size:10px}
.kr-page-body .club-place{padding:5px 4px;text-align:center;min-width:0;color:#999;font-size:10px}
.kr-page-body .club-player{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:5px;min-width:0;width:100%;text-align:left}
.kr-page-body .club-player .player-icon-slot{display:flex;align-items:center;width:44px;height:27px}
.kr-page-body .club-player img{width:44px;height:27px;object-fit:contain;flex:none}
.kr-page-body .club-player span{min-width:0}
.kr-page-body .club-player b{display:block;font-size:10px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kr-page-body .club-player small{display:block;color:#444;font-size:10px}
.kr-page-body .club-no-score{color:#bbb}
@media(max-width:700px){.kr-page-body .club-set img{width:64px;height:44px}}

/* 国际服 2012 难度标签：四张选中态底图分别是 nm/hd/mx/ex_mode_on.gif；
   原站其余标签使用 all_mode_off.gif 的灰色底。 */
.kr-page-body .pop-diff-tabs{justify-content:flex-start;gap:1px;padding-top:0;border-bottom:2px solid #555;margin:2px 0 0}
.kr-page-body .pop-diff-tabs button{width:108px;min-width:0;height:26px;padding:0;border:1px solid #d6d6d6;border-bottom:0;border-radius:0;background:linear-gradient(#f7f7f7,#e3e3e3);color:#6e6e6e;font:bold 11px/25px Arial,sans-serif;text-shadow:0 1px #fff}
.kr-page-body .pop-diff-tabs button:hover:not(.active){background:linear-gradient(#fff,#ededed);color:#333}
.kr-page-body .pop-diff-tabs button.active{color:#fff;border-bottom:0;text-shadow:0 -1px #0004;box-shadow:inset 0 1px #fff8,inset 0 -2px #0002}
.kr-page-body .pop-diff-tabs button[data-pop-diff="normal"].active{border-color:#e0aa00;background:linear-gradient(#ffe44a,#ffc900 57%,#efad00)}
.kr-page-body .pop-diff-tabs button[data-pop-diff="hard"].active{border-color:#1374bf;background:linear-gradient(#54c5f4,#1b94dd 57%,#0870bb)}
.kr-page-body .pop-diff-tabs button[data-pop-diff="maximum"].active{border-color:#ad2935;background:linear-gradient(#f7797b,#e3424f 57%,#c52b39)}
.kr-page-body .pop-diff-tabs button[data-pop-diff="extra"].active{border-color:#732fa9;background:linear-gradient(#ba7be6,#9046c7 57%,#7130a8)}
@media(max-width:520px){.kr-page-body .pop-diff-tabs button{width:25%;font-size:10px}}

.kr-ranking-page .kr-side-login{background:#202020 url('/assets/kr-archive/login_bg.png') center top/cover no-repeat;color:#fff;border:0;min-height:185px}
.kr-ranking-page .kr-side-login .member-login h2{color:#f5f5f5;font-size:15px;font-weight:900;letter-spacing:.04em;margin:0 0 17px;padding:0;border:0}

.kr-rank-sidebar .member-avatar{display:block;width:40px;height:26px;margin:0;object-fit:contain}
.kr-rank-sidebar .home-crew-panel{margin-top:30px}

.kr-rank-sidebar .home-crew-icon img{width:100%;height:100%;margin:0;object-fit:contain}

.kr-rank-sidebar .member-points img{display:block;width:17px;height:17px;margin:0;object-fit:contain}

@media(max-width:780px){
  .kr-ranking-page .kr-page-body{display:flex;flex-direction:column;gap:14px;padding:14px;min-width:0}
  .kr-page-body>.topbar,.kr-page-body .wrap{width:100%;min-width:0}
  .kr-page-body>.topbar{order:0;margin:0}
  .kr-page-body .wrap{order:1;padding:0}
  .kr-page-body .kr-rank-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;order:2;width:100%;min-width:0}
  .kr-rank-sidebar img,.kr-rank-sidebar .home-crew-panel{margin-top:0}
  .ranking-list-scroll{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .pop-table-mode .ranking-list-scroll .pop-table-head,
  .pop-table-mode .ranking-list-scroll .pop-overview,
  .club-table-mode .ranking-list-scroll .club-table-head,
  .club-table-mode .ranking-list-scroll .club-overview{min-width:720px}
}
@media(max-width:600px){
  .kr-page-body .kr-rank-sidebar{grid-template-columns:minmax(0,1fr)}
  .kr-page-body .section-head{gap:10px}
  .kr-page-body .section-tools{width:100%;margin-left:0}
  .kr-page-body .search-input{flex:1 1 100%;width:100%}
}