:root{--blue:#075fca;--ink:#30343a;--line:#dedede}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:13px/1.55 Arial,"Microsoft YaHei",sans-serif;background:#111 url("/assets/kr-archive/blue_bg.png") center 0/2500px 1300px no-repeat}a{text-decoration:none;color:inherit}.site-shell{width:min(1040px,100%);margin:0 auto;box-shadow:0 0 40px #0008}.kr-header{height:170px;background:#181818 url("/assets/kr-archive/blue_bg.png") center top/2500px 1300px no-repeat}.kr-nav{height:170px;display:grid;grid-template-columns:repeat(3,1fr) 187px repeat(3,1fr);align-items:start;gap:0;padding:0 16px}.kr-nav>a:not(.kr-logo){min-width:0;padding:56px 8px 0;color:#d6d6d6;text-shadow:0 1px 3px #000;font-size:12px;white-space:nowrap}.kr-nav>a b{display:block;font-size:13px;letter-spacing:.02em}.kr-nav>a small{display:block;font-size:10px;color:#a9a9a9;margin-top:5px}.kr-nav>a:hover b,.kr-nav>a.active b{color:#fff}.kr-logo{height:170px;display:flex;align-items:center;justify-content:center}.kr-logo img{width:187px;height:153px;object-fit:contain}.kr-feature-row{height:216px;display:grid;grid-template-columns:266px minmax(0,1fr) 266px;background:#111;border-top:3px solid #145ddd}.kr-login{padding:17px 25px;background:linear-gradient(#2a2a2a,#171717);color:#fff}.kr-login h2{font-size:14px;margin:0 0 10px}.kr-login p{font-size:11px;color:#c5c5c5;line-height:1.45}.kr-blue-button{display:inline-block;background:linear-gradient(#1976eb,#043cbe);padding:9px 16px;font-weight:bold;color:white}.kr-card-link{display:block;margin-top:13px}.kr-card-link img{display:block;max-width:100%;height:54px;object-fit:contain}.kr-feature{position:relative;overflow:hidden;background:#012f9b}.kr-feature>img{width:100%;height:100%;object-fit:cover}.kr-feature-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#052460a8,#07184344 65%);color:white;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.kr-feature-overlay span{font-size:11px;letter-spacing:.3em}.kr-feature-overlay strong{font-size:27px;text-shadow:0 2px 7px #000}.kr-feature-overlay small{font-size:11px}.kr-shop{background:#111;border:10px solid #292929;padding:12px;color:#ddd;text-align:center}.kr-shop-tag{display:block;text-align:left;color:#48aeff;font-weight:bold;font-size:11px}.kr-shop-cover{height:102px;background:#1d1d1d;margin:6px 0}.kr-shop-cover img{width:100%;height:100%;object-fit:cover}.kr-shop strong{display:block;color:#dfce65}.kr-shop a{font-size:11px;color:#9abfff}.kr-white{background:#fff;display:grid;grid-template-columns:220px minmax(0,1fr) 218px;gap:24px;padding:24px 25px 45px;min-height:550px}.kr-make img{display:block;width:100%;height:auto}.kr-small-panel{padding:15px;border:1px solid #dedede;background:#f6f6f6;font-size:11px}.kr-small-panel h3{font-size:12px;margin:0 0 6px}.kr-block{margin-bottom:22px}.kr-block-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a8a8a8;padding-bottom:6px}.kr-block-heading h2{margin:0;font-size:15px}.kr-block-heading small{display:block;font-size:9px;color:#999;letter-spacing:.12em}.kr-block-heading>a{font-size:10px;color:#aaa}.kr-notices,.kr-board{list-style:none;margin:0;padding:4px 0}.kr-notices li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #eee;padding:7px 2px;font-size:11px}.kr-notices li:before,.kr-board li:before{content:"·";color:#b89c43;margin-right:4px}.kr-notices li span{flex:1}.kr-notices time{color:#aaa}.kr-rank-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:23px}.kr-mini-rank{list-style:none;padding:0;margin:4px 0}.kr-mini-rank li{display:flex;align-items:center;gap:8px;border-bottom:1px solid #eaeaea;padding:7px 0;min-height:38px;font-size:11px}.kr-mini-rank .num{display:grid;place-items:center;width:21px;height:21px;background:#1b68c7;color:white;font-weight:bold;flex:none}.kr-mini-rank .entry{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kr-mini-rank small{display:block;color:#999}.kr-board li{border-bottom:1px solid #eee;padding:7px 0;font-size:11px}.kr-side-link{display:flex;align-items:center;justify-content:space-between;margin:16px 0;padding:18px 14px;background:#1f57a3;color:#fff;font-size:12px;font-weight:bold}.kr-side-link.alt{background:#333}.kr-side-link span{font-size:22px}.kr-footer{background:#151515;color:#9c9c9c;padding:23px 25px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.kr-footer b{color:#ddd}@media(max-width:760px){.kr-header,.kr-nav{height:auto}.kr-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px}.kr-nav>a:not(.kr-logo){padding:8px;font-size:10px}.kr-logo{order:-1;width:100%;height:90px}.kr-logo img{height:90px}.kr-feature-row{height:auto;grid-template-columns:1fr}.kr-login,.kr-shop{display:none}.kr-feature{height:220px}.kr-white{grid-template-columns:1fr;padding:20px}.kr-column-left{display:none}.kr-rank-pair{grid-template-columns:1fr 1fr}.kr-footer{display:block}}
/* 原版网站的常驻七栏菜单：保留英文栏目，子项改为中文。 */
.kr-header{height:252px}
.kr-nav{height:252px;grid-template-columns:repeat(3,minmax(0,1fr)) 187px repeat(3,minmax(0,1fr));padding:0 5px;gap:0}
.kr-nav-group{min-width:0;padding:19px 5px 8px;color:#d1d1d1;text-shadow:0 1px 3px #000}
.kr-nav-title{display:block;color:#e9e9e9;font-size:13px;font-weight:900;line-height:1.2;white-space:nowrap}
.kr-nav-title b{font-size:13px}
.kr-nav-group ul{list-style:none;margin:9px 0 0;padding:0}
.kr-nav-group li{margin:0 0 5px;line-height:1.25;font-size:10.5px}
.kr-nav-group li a{color:#d9d9d9;display:block}
.kr-nav-group li a:hover{color:#fff;text-decoration:underline}
.kr-nav-group li span{color:#a7a7a7;display:block;cursor:default}
.kr-logo{height:252px;align-items:flex-start;padding-top:18px}
.kr-home .kr-nav-group:first-child .kr-nav-title,.kr-ranking-page .kr-nav-group:nth-child(2) .kr-nav-title,.kr-editor-page .kr-nav-group:nth-child(6) .kr-nav-title{color:#fff}
@media(max-width:760px){.kr-header{height:auto}.kr-nav{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}.kr-logo{grid-column:1/-1;grid-row:1;height:100px;order:0;padding:0;justify-content:center}.kr-logo img{height:100px}.kr-nav-group{padding:5px 2px}.kr-nav-title,.kr-nav-title b{font-size:12px}.kr-nav-group li{font-size:10px}}
@media(max-width:420px){.kr-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:761px){.kr-header,.kr-nav{height:220px}.kr-header{background-image:linear-gradient(to bottom,transparent 0 165px,#191919 165px),url("/assets/kr-archive/blue_bg.png")}.kr-logo{height:220px}.kr-nav-title b{font-size:11.5px;letter-spacing:-.2px}}

/* Platinum Crew 账号框；账号和口令由现有服务器校验。 */
.kr-login{background:#202020 url('/assets/kr-archive/login_bg.png') center top/cover no-repeat;padding:16px 20px}
.kr-side-login{background:#202020 url('/assets/kr-archive/login_bg.png') center top/cover no-repeat;color:#fff;border:0;padding:15px;min-height:185px}
.kr-side-login .member-login h2,.kr-login .member-login h2{color:#f5f5f5;font-size:15px;font-weight:900;letter-spacing:.04em;margin:0 0 17px;padding:0;border:0}
.member-login-form{display:flex;align-items:stretch;gap:5px}
.member-login [hidden]{display:none!important}
.member-fields{flex:1;min-width:0;display:grid;gap:5px}
.member-fields label{display:flex;align-items:center;gap:5px;color:#bababa;font-size:10px;font-weight:bold}
.member-fields label span{width:19px;flex:none}
.member-fields input{width:100%;min-width:0;height:23px;border:1px solid #4b4b4b;border-radius:0;background:#f2f2f2;color:#222;padding:2px 5px;font:11px Arial,'Microsoft YaHei',sans-serif}
.member-fields input:focus{outline:2px solid #39a4ed;outline-offset:1px}
.member-submit{flex:none;width:55px;border:1px solid #0762ba;border-radius:0;color:#fff;background:linear-gradient(#28a4e6,#0958b0);font:bold 11px Arial;cursor:pointer}
.member-submit:hover,.member-my-page:hover{filter:brightness(1.15)}
.member-submit:disabled{opacity:.6;cursor:wait}
.member-login-message{color:#ffb3a2!important;font-size:10px!important;margin:7px 0 0!important;line-height:1.3!important}
.member-signed-in p{color:#ddd!important;font-size:11px!important;margin:0 0 9px!important;overflow-wrap:anywhere}
.member-signed-in strong{color:#fff}
.member-my-page,.member-logout{display:inline-block;padding:6px 9px;border:1px solid #1266ba;background:linear-gradient(#28a4e6,#0958b0);color:#fff;font:bold 10px Arial;text-decoration:none}
.member-logout{margin-left:5px;border-color:#555;background:linear-gradient(#595959,#282828);cursor:pointer}
.kr-login .kr-card-link{margin-top:18px}
.kr-side-login+.kr-make img{margin-top:30px}
@media(max-width:760px){.kr-home .kr-login{display:block;min-height:180px}.kr-login .kr-card-link{display:none}}

@media(max-width:760px){
  .kr-nav{gap:8px;padding:10px 8px}
  .kr-nav-group{padding:8px;min-width:0;background:#12223a88}
  .kr-nav-group li{font-size:12px;line-height:1.4}
  .kr-nav-group li a{min-height:28px;display:flex;align-items:center}
  .kr-home .kr-feature-row{min-width:0}
  .kr-home .kr-feature{order:0;min-width:0}
  .kr-home .kr-login{order:1}
  .kr-home .kr-shop{order:2}
  .kr-home .kr-white{min-width:0;gap:18px;padding:18px 14px 32px}
  .kr-home .kr-column-left{display:block;min-width:0}
  .kr-home .kr-footer{display:flex;flex-wrap:wrap;padding:18px 14px}
}

/* 原版已登录会员卡与战队信息位。 */
.member-signed-in{color:#ddd;font-size:11px}
.member-identity{display:flex;align-items:center;gap:8px;min-height:31px}
.member-avatar,.member-avatar-fallback{width:40px;height:26px;flex:none;object-fit:contain;border:1px solid #626262;background-color:#151515}
.member-avatar-fallback{display:grid;place-items:center;color:#d8e6fa;background:linear-gradient(#445878,#172137);font:bold 12px Arial}
.member-identity-text{min-width:0;display:block;line-height:1.2}
.member-identity-text b{display:block;color:#f6f6f6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-identity-text small{display:block;color:#bbb;font-size:10px;margin-top:3px}
.member-progress{height:6px;margin:9px 0 5px;background:#444;border:1px solid #5b5b5b}
.member-progress span{display:block;height:100%;background:linear-gradient(90deg,#94c709,#d0dd3e)}
.member-signed-in .member-points{color:#d7e5ff!important;font-size:11px!important;font-weight:bold;margin:7px 0 0!important}
.member-signed-in .member-card{color:#aaa!important;font-size:10px!important;margin:4px 0 8px!important}
.member-actions{display:flex;align-items:center;gap:10px}
.member-actions a,.member-logout{padding:0;border:0;background:none;color:#bdbdbd;font:11px Arial,'Microsoft YaHei',sans-serif;text-decoration:none}
.member-logout{margin:0;cursor:pointer}
.member-actions a:hover,.member-logout:hover{color:#fff;text-decoration:underline;filter:none}
.home-crew-panel[hidden],#home-crew-guest[hidden]{display:none!important}
.home-crew-panel{border:1px solid #d6d6d6;background:#f8f8f8;min-height:220px;font-size:11px}
.home-crew-header{height:60px;display:flex;align-items:center;gap:10px;padding:10px 13px;background:linear-gradient(115deg,#394c72,#172137);color:#fff}
.home-crew-mark{width:37px;height:37px;display:grid;place-items:center;background:linear-gradient(#87cbe4,#1d5d9a);border:1px solid #cce9f0;box-shadow:2px 2px 5px #0006;font:bold 9px Arial}
.home-crew-header strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-crew-body{padding:15px;color:#656565}
.home-crew-body p{margin:0 0 12px}
.home-crew-body a{color:#2166a4;font-weight:bold}

.home-crew-icon{position:relative;display:block;flex:none;width:44px;height:44px;border:1px solid #b9e1f0;background:linear-gradient(#8bc9e4,#1b5d96);box-shadow:2px 2px 5px #0007}
.home-crew-icon .home-crew-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:bold 9px Arial}
.home-crew-icon img{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:contain}
.home-crew-icon .home-crew-base{z-index:1}
.home-crew-icon .home-crew-front{z-index:2}
.home-crew-points{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:11px;border-bottom:1px dotted #d1d1d1;color:#777;font-size:11px}
.home-crew-points strong{font-size:13px;color:#3d3d3d}

.home-crew-icon [hidden]{display:none!important}

/* 原版 DJ 等级行与经验进度。 */
.member-identity-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 7px}
.member-identity-text b{display:inline;font-size:11px}
.member-identity-text small{display:inline;color:#ddd;font-size:10px;margin:0;white-space:nowrap}
.member-progress{display:flex;align-items:center;gap:4px;height:10px;margin:7px 0 5px;background:none;border:0}
.member-progress-track{flex:1;height:5px;background:#3d3d3d;border:1px solid #545454;min-width:0}
.member-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#75ac1e,#d4de30)}
.member-progress-label{min-width:26px;color:#b9d52a;font:bold 10px Arial;text-align:right}
.kr-card-link[hidden]{display:none!important}

.member-signed-in .member-points{display:flex;align-items:center;gap:3px;color:#d7e5ff!important}
.member-points img{display:block;width:17px;height:17px;flex:none;object-fit:contain}
.member-points-value{color:#dce9ff;font-size:11px}
.member-points span{font-weight:normal;color:#bfc6d0}

.member-register{margin:7px 0 0!important;color:#aaa!important;font-size:10px!important;line-height:1.3!important}
.member-register a{margin-left:4px;color:#b8d8ff;text-decoration:underline}
.member-register a:hover{color:#fff}
.member-forgot-toggle{float:right}
.member-forgot-form{display:grid;gap:7px;color:#ddd;font-size:11px}
.member-forgot-form .member-forgot-help{margin:0 0 2px!important;color:#bbb!important;font-size:10px!important}
.member-forgot-form label{display:grid;gap:3px;color:#ddd;font-weight:bold}
.member-forgot-form input{width:100%;height:25px;border:1px solid #4b4b4b;background:#f2f2f2;color:#222;padding:3px 6px;font:11px Arial,'Microsoft YaHei',sans-serif}
.member-forgot-form input:focus{outline:2px solid #39a4ed;outline-offset:1px}
.member-forgot-actions{display:flex;gap:7px;margin-top:3px}
.member-forgot-actions button,.member-forgot-copy{padding:5px 9px;border:1px solid #1266ba;background:linear-gradient(#28a4e6,#0958b0);color:#fff;font:bold 10px Arial,'Microsoft YaHei',sans-serif;cursor:pointer}
.member-forgot-actions .member-forgot-back{border-color:#555;background:linear-gradient(#595959,#282828)}
.member-forgot-result{display:grid;gap:5px;margin-top:5px;padding:8px;border:1px solid #3d75aa;background:#0e2238;color:#e6f3ff;overflow-wrap:anywhere}
.member-forgot-result code{user-select:all;color:#fff;font-size:11px}
.member-forgot-copy{justify-self:start}
.kr-feature-row:has(.member-forgot-form:not([hidden])){height:auto;min-height:292px}
.kr-login .kr-card-link{margin-top:10px}
.kr-login [hidden]{display:none!important}
.kr-card-guest{display:flex;align-items:center;justify-content:center;height:54px;margin-top:10px;border:1px solid #4577b5;border-top:3px solid #2b61e9;background:linear-gradient(135deg,#a9c4eb,#648aba 55%,#2a4266);color:#fff;font-size:13px;font-weight:bold;text-shadow:0 1px 2px #1b3155}
.kr-login .kr-card-link{aspect-ratio:220/63;overflow:hidden}
.kr-login .kr-card-link img{width:100%;max-width:none;height:auto;transform:translateY(-7.5%)}

.member-fields label span{width:30px}
.member-register-code input{border-color:#4e79a8}
.member-admin-link{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #737e8a66;color:#a9d5ff;font-size:10px;font-weight:bold;line-height:1.4}
.member-admin-link:hover{color:#fff;text-decoration:underline}
.member-admin-link[hidden]{display:none!important}