@font-face{font-family:'Segment7Standard';src:url('Digital-7Mono-Mono.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
.jifenban{position:relative;height:520px;padding:1rem;border-radius:14px;background:linear-gradient(180deg,#262b33,#14171c);border:2px solid #3c434f;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 0 1px #20242c}
.jifenban input{box-shadow:none;outline:none;border:0;border-radius:0;padding:0;margin:0;max-width:100%;user-select:text}
.jifenban>div.toptitle{height:3.5rem;line-height:3.5rem;text-align:center;border-bottom:1px solid #2c323c;margin-bottom:0.5rem}
.jifenban>div.toptitle input{height:3rem;line-height:3rem;font-size:1.8rem;color:#f4c95d;text-align:center;background-color:transparent;letter-spacing:0.15em;font-weight:bold}
.jifenban>div.tops{height:calc(100% - 7.5rem);position:relative}
.jifenban>div.bot{height:3.5rem;line-height:3.5rem;text-align:center}
.jifenban>div.bot>span{display:inline-block;height:2rem;line-height:1.85rem;padding:0 1.1rem;cursor:pointer;border-radius:6px;font-size:0.8rem;margin:0 0.2rem;color:#dfe3ea;background:linear-gradient(180deg,#3d4553,#272d37);border:1px solid #4a5261;border-bottom-width:3px;transition:filter .15s,background .15s}
.jifenban>div.bot>span:hover{filter:brightness(1.18)}
.jifenban>div.bot>span.act{color:#3a2a10;background:linear-gradient(180deg,#ffc35c,#e8912a);border-color:#ffd28a;border-bottom-width:1px;font-weight:bold}
.jifenban>div.bot>div.jushu,.jifenban>div.bot>div.tuxian{display:inline-block;height:2rem;line-height:1.85rem;padding:0 1.1rem;cursor:pointer;position:relative;border-radius:6px;font-size:0.8rem;margin:0 0.2rem;color:#dfe3ea;background:linear-gradient(180deg,#3d4553,#272d37);border:1px solid #4a5261;border-bottom-width:3px;transition:filter .15s}
.jifenban>div.bot>div.jushu:hover,.jifenban>div.bot>div.tuxian:hover{filter:brightness(1.18)}
.jifenban>div.bot>div.jushu.act,.jifenban>div.bot>div.tuxian.act{color:#3a2a10;background:linear-gradient(180deg,#ffc35c,#e8912a);border-color:#ffd28a;border-bottom-width:1px;font-weight:bold}
.jifenban>div.bot>div.jushu>div.jushumenu,.jifenban>div.bot>div.tuxian>div.tuxumenu{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);z-index:30;background:#272d37;border:1px solid #4a5261;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.5)}
.jifenban>div.bot>div.jushu.open>div.jushumenu,.jifenban>div.bot>div.tuxian.open>div.tuxumenu{display:block}
.jifenban>div.bot>div.jushu>div.jushumenu.up,.jifenban>div.bot>div.tuxian>div.tuxumenu.up{top:auto;bottom:calc(100% + 4px)}
.jifenban>div.bot>div.jushu>div.jushumenu span,.jifenban>div.bot>div.tuxian>div.tuxumenu span{display:block;width:74px;white-space:nowrap;line-height:2.2rem;height:2.2rem;text-align:center;color:#dfe3ea}
.jifenban>div.bot>div.jushu>div.jushumenu span:hover,.jifenban>div.bot>div.tuxian>div.tuxumenu span:hover{background:#ffc35c;color:#3a2a10}
.jifenban>div.tops>div.jidiv{width:50%;height:100%;float:left;text-align:center;padding:0.5rem;display:flex;align-content:center;justify-content:center;align-items:center;box-sizing:border-box}
.jifenban>div.tops>div.jidiv>div{width:calc(50% + 1rem);height:100%;color:#eee;border-radius:10px;overflow:hidden;position:relative;max-height:21rem;background:linear-gradient(180deg,#2d333d,#1d222a);border:2px solid #4a5261;box-shadow:0 6px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}
.jifenban>div.tops>div.jidiv>div input{height:3rem;font-size:1.4rem;font-weight:bold;background:linear-gradient(180deg,#39404d,#2b313c);border:0;text-align:center;color:#fff;width:100%;border-radius:8px 8px 0 0;border-bottom:2px solid #171b21}
.jifenban>div.tops>div.jidiv>div span.jfbscore{position:absolute;left:0.6rem;right:0.6rem;top:3.35rem;bottom:0.6rem;height:auto;width:auto;cursor:pointer;display:block;line-height:1;border-radius:8px;background:radial-gradient(ellipse at center,#0d1013 0%,#05070a 85%);border:2px solid #10141a;box-shadow:inset 0 0 26px rgba(0,0,0,.85),inset 0 3px 8px rgba(0,0,0,.6)}
.jifenban>div.tops>div.jidiv>div span.jfbscore::after{content:"+1";position:absolute;right:0.5rem;bottom:0.35rem;font-size:0.7rem;color:#4d5563;letter-spacing:0.05em}
.jifenban>div.tops>div.jidiv>div span.jfbscore i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;z-index:2;line-height:1;font-weight:bold;color:#f3f5f8;text-shadow:0 0 14px rgba(240,244,250,.45)}
.jifenban>div.tops>div.jidiv>div span.jfbscore s{display:none;font-family:'Segment7Standard';font-style:normal;text-decoration:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;opacity:0.09;line-height:1;color:#9aa4b2}
.jifenban.font-digit,.jifenban.font-digit .toptitle input,.jifenban.font-digit .jidiv input{font-family:'Segment7Standard'}
.jifenban.font-digit .toptitle input{letter-spacing:0.05em}
.jifenban.font-digit span.jfbscore i{color:#ff4038!important;text-shadow:0 0 16px rgba(255,64,56,.8)!important;letter-spacing:0.06em}
.jifenban.font-digit span.jfbscore s{display:block!important}
.jifenban.font-digit .jushudivs span i{color:#ff4038;text-shadow:0 0 10px rgba(255,64,56,.8);letter-spacing:0.06em}
.jifenban.font-digit .jushudivs span s{display:block!important}
.jifenban div.gofendivs{width:1.8rem;height:1.8rem;line-height:1.75rem;text-align:center;font-size:0.85rem;background:linear-gradient(180deg,#4a5261,#333a46);border:1px solid #5a6373;position:absolute;left:0.5rem;bottom:0.5rem;cursor:pointer;border-radius:6px;font-weight:bold;color:#fff;z-index:6;transition:filter .15s}
.jifenban div.gofendivs:hover{filter:brightness(1.25)}
.jushudivs{position:absolute;height:4rem;top:calc(50% - min(10.5rem, 50% - 0.5rem));left:50%;transform:translateX(-50%);display:flex;z-index:18}
.jushudivs>div{min-width:4rem;width:4rem;height:4rem;background:#0b0e12;margin:0 0.4rem;border-radius:8px;text-align:center;position:relative;cursor:pointer;color:#fff;border:2px solid #4a5261;box-shadow:0 4px 10px rgba(0,0,0,.5),inset 0 0 14px rgba(0,0,0,.7)}
.jushudivs div span{display:block;width:100%;height:100%;line-height:1}
.jushudivs div span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;z-index:2;line-height:1;font-weight:bold;font-size:2rem;color:#f3f5f8;text-shadow:0 0 12px rgba(240,244,250,.4)}
.jushudivs div span s{display:none;font-family:'Segment7Standard';font-style:normal;text-decoration:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;opacity:0.1;color:#9aa4b2;line-height:1;font-size:2rem}
.jifenban>div.tops>div.vs{position:absolute;height:4.6rem;width:4.6rem;top:calc(50% + min(10.25rem, 50% - 0.75rem));left:50%;transform:translate(-50%,-100%);line-height:4.4rem;border-radius:50%;text-align:center;z-index:16;font-size:1.5rem;font-weight:900;color:#f4c95d;background:linear-gradient(180deg,#2f3541,#1a1f26);border:2px solid #4a5261;box-shadow:0 6px 16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)}
.jifenban.tuxiandiv .jileft>div,.jifenban.txleft .jileft>div{background:linear-gradient(180deg,#4a2418,#241511)!important;border-color:#FF5722!important;box-shadow:0 0 0 1px #FF5722,0 0 20px rgba(255,87,34,.45),inset 0 1px 0 rgba(255,255,255,.06)!important}
.jifenban.tuxiandiv .jileft>div input,.jifenban.txleft .jileft>div input{background:linear-gradient(180deg,#8a4030,#5a2a1e)!important;border-bottom-color:#2a1610!important}
.jifenban.tuxiandiv .jileft .jfbscore,.jifenban.txleft .jileft .jfbscore{border-color:#3a1c12!important}
.jifenban.tuxiandiv .jileft .jfbscore i,.jifenban.txleft .jileft .jfbscore i{color:#FF5722!important;text-shadow:0 0 18px rgba(255,87,34,.85)!important}
.jifenban.tuxiandiv .jiright>div,.jifenban.txright .jiright>div{background:linear-gradient(180deg,#1a3550,#111d2b)!important;border-color:#2196F3!important;box-shadow:0 0 0 1px #2196F3,0 0 20px rgba(33,150,243,.45),inset 0 1px 0 rgba(255,255,255,.06)!important}
.jifenban.tuxiandiv .jiright>div input,.jifenban.txright .jiright>div input{background:linear-gradient(180deg,#2a5a8a,#1a3a5a)!important;border-bottom-color:#102030!important}
.jifenban.tuxiandiv .jiright .jfbscore,.jifenban.txright .jiright .jfbscore{border-color:#10263a!important}
.jifenban.tuxiandiv .jiright .jfbscore i,.jifenban.txright .jiright .jfbscore i{color:#2196F3!important;text-shadow:0 0 18px rgba(33,150,243,.85)!important}
.jifenban:fullscreen{height:100%;border-radius:0}
.jifenban:-webkit-full-screen{height:100%;border-radius:0}
.jifenban:-moz-full-screen{height:100%;border-radius:0}
.jifenban:-ms-fullscreen{height:100%;border-radius:0}
.jifenban:fullscreen>div.tops>div.vs,.jifenban:-webkit-full-screen>div.tops>div.vs,.jifenban:-moz-full-screen>div.tops>div.vs,.jifenban:-ms-fullscreen>div.tops>div.vs{width:10rem;height:10rem;line-height:9.6rem;font-size:3.2rem;border-width:3px}
@media screen and (max-width:1290px){
.jifenban>div.tops>div.jidiv>div{width:80%}
.jifenban>div.toptitle{height:3rem;line-height:3rem}
.jifenban>div.toptitle input{height:2.6rem;line-height:2.6rem;font-size:1.5rem}
.jifenban>div.tops{height:calc(100% - 7rem)}
.jifenban>div.bot>div.jushu{display:none!important}
.jifenban>div.tops>div.vs{display:none!important}
}
@media screen and (max-width:1000px){
.jifenban>div.tops>div.jidiv>div{width:99%}
.jifenban{padding:0.5rem}
}
@media screen and (max-width:767px){
.jifenban{height:420px}
}
@media screen and (max-width:480px){
.jifenban{height:320px}
.jifenban>div.tops>div.jidiv>div input{height:2rem;font-size:1rem}
.jifenban>div.tops>div.jidiv>div span.jfbscore{top:2.35rem;left:0.4rem;right:0.4rem;bottom:0.4rem}
.jifenban>div.toptitle{height:2rem;line-height:2rem;margin-bottom:0.25rem}
.jifenban>div.toptitle input{height:1.8rem;line-height:1.8rem;font-size:1rem}
.jifenban>div.tops{height:calc(100% - 5.5rem)}
.jifenban>div.bot{height:2.6rem;line-height:2.6rem}
.jifenban>div.bot>span{height:1.5rem;line-height:1.35rem;padding:0 0.5rem;font-size:0.7rem}
.jifenban>div.bot>div.jushu{height:1.5rem;line-height:1.35rem;padding:0 0.5rem;font-size:0.7rem}
.jushudivs>div{min-width:3rem;width:3rem;height:3rem}
.jushudivs div span i,.jushudivs div span s{font-size:1.5rem}
}
@media screen and (max-width:400px){
.jifenban>div.tops>div.jidiv{padding:0.25rem}
.jifenban>div.bot>span{padding:0 0.35rem;margin:0 0.1rem}
}