/* 战况数据页：按 2017 原站实际像素布局还原。 */
#databox,
#databox * { box-sizing:content-box; }
#databox { width:1000px; background:#212121; color:#fff; overflow:hidden; line-height:normal; }
#databox img { max-width:none; display:inline-block; }
#databox .clear { clear:both; }
#databox .menu { height:40px; }
#databox .menu span {
  height:40px; line-height:40px; display:block; float:left; width:333px;
  text-align:center; font-weight:bold; font-size:16px; cursor:pointer;
}
#databox .menu span:hover { background:#292929; }
#databox #index { display:none; }

/* 海选：保留原站的纵向候选列表、右侧晋级者和连线坐标体系。 */
#haixuan { padding:20px 20px 20px 120px; position:relative; min-height:2385px; }
#haixuanline { position:absolute; left:0; top:0; width:1000px; height:2360px; pointer-events:none; }
#haixuan .matchrole { margin-bottom:10px; }
#haixuan .matchrole img { border-radius:50px; width:100px; height:100px; margin-bottom:5px; object-fit:cover; }
#haixuan .matchrole .name { margin-top:-5px; text-align:center; font-size:13px; font-weight:bold; width:100px; line-height:20px; color:#fff; }
#haixuan .matchrole .vote { text-align:center; font-size:13px; width:100px; height:20px; line-height:20px; color:#fff; }

/* 本战：原站每组实际占 500x400，两列排布。 */
#benzhan { position:relative; min-height:1600px; }
#benzhanline { position:absolute; left:0; top:0; width:1000px; height:1600px; pointer-events:none; }
#benzhan .group { padding:20px 50px 0 50px; height:380px; width:400px; float:left; }
#benzhan .group .win { text-align:center; margin-bottom:20px; }
#benzhan .group .title { line-height:20px; margin-bottom:10px; color:#fff; font-size:20px; font-weight:bold; }
#benzhan .group .win img { border-radius:50px; width:100px; height:100px; margin-bottom:10px; object-fit:cover; }
#benzhan .group .win .name { margin-top:-5px; text-align:center; font-size:15px; font-weight:bold; width:400px; line-height:20px; color:#fff; }
#benzhan .group .win .vote { text-align:center; font-size:15px; width:400px; height:20px; line-height:20px; color:#fff; }
#benzhan .matchrole { margin:10px; float:left; }
#benzhan .matchrole img { border-radius:40px; width:80px; height:80px; margin-bottom:5px; object-fit:cover; }
#benzhan .matchrole .name { margin-top:-5px; text-align:center; font-size:13px; font-weight:bold; width:80px; line-height:20px; color:#fff; }
#benzhan .matchrole .vote { text-align:center; font-size:13px; width:80px; height:20px; line-height:20px; color:#fff; }

/* 决赛：完全沿用原站 1000px 固定树状层级。 */
#juesai { position:relative; margin-top:20px; text-align:center; color:#fff; font-size:18px; font-weight:bold; line-height:30px; min-height:980px; }
#juesailine { position:absolute; left:0; top:0; width:1000px; height:900px; pointer-events:none; }
#juesai .juesai1 { margin-bottom:20px; }
#juesai .juesai2 { float:left; width:500px; margin-bottom:20px; }
#juesai .juesai4 { float:left; width:250px; margin-bottom:20px; }
#juesai .juesai8 { float:left; width:125px; margin-bottom:20px; }
#juesai .juesai1 img { border-radius:45px; width:90px; height:90px; object-fit:cover; }
#juesai .juesai2 img { border-radius:40px; width:80px; height:80px; object-fit:cover; }
#juesai .juesai4 img { border-radius:35px; width:70px; height:70px; object-fit:cover; }
#juesai .juesai8 img { border-radius:30px; width:60px; height:60px; object-fit:cover; }

/* 原站脚本也是 1px 像素点连线。定位父容器后可做到和角色节点贴合。 */
#databox .line { position:absolute; z-index:2; width:1px; height:1px; font-size:1px; background:#FFB154; overflow:hidden; }

@media(max-width:1024px){
  main.shell { overflow-x:auto; }
  #databox { min-width:1000px; }
}