.ss .ss-box{border:1px solid #eee;padding:1.5rem 0 1rem}
.night .ss .ss-box{border-color:#444}
.ss .ss-box h2{text-align:center;font-size:1rem;height:1.4rem;line-height:1.4rem;margin:0}
.ss .ss-nums{display:flex;justify-content:center;flex-wrap:wrap;gap:0.7rem;margin:1rem 0;padding:1rem 0}
.ss .ss-nums div{width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:1.2rem;color:#fff;text-align:center;border-radius:100%;font-weight:bold;background-image:linear-gradient(180deg,#FE8A5C 0%,#FF4D4D 100%);box-shadow:0 1px 3px rgba(0,0,0,0.3)}
.ss .ss-nums div.b{background-image:linear-gradient(180deg,#31CAF5 0%,#198CFF 100%)}
.ss .ss-btns{text-align:center}
.ss .ss-btns button{padding:0.4rem 1rem;font-size:0.8rem;border:none;border-radius:6px;cursor:pointer;color:#fff;background-color:#009688;margin:0 0.4rem}
.ss .ss-btns button.ss-reset{background-color:#607D8B}
.night .ss .ss-btns button.ss-reset{background-color:#455a64}
.ss .ss-extra{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:0.9rem}
.ss .ss-extra label{font-size:0.7rem;color:#666}
.night .ss .ss-extra label{color:#aaa}
.ss .ss-extra select{height:1.8rem;line-height:1.8rem;border:1px solid #ddd;border-radius:3px;background-color:#fff;font-size:0.7rem;padding:0 0.3rem;color:#333;outline:none;cursor:pointer}
.night .ss .ss-extra select{background-color:#181a1b;border-color:#444;color:#ddd}
.ss .ss-extra button{height:1.8rem;line-height:1.8rem;padding:0 0.7rem;font-size:0.7rem;border:1px solid #009688;border-radius:3px;background-color:transparent;color:#009688;cursor:pointer}
.ss .ss-extra button:hover{background-color:#009688;color:#fff}
.night .ss .ss-extra button{border-color:#06b672;color:#06b672}
.night .ss .ss-extra button:hover{background-color:#06b672;color:#fff}
.ss .ss-setupbar{border:1px solid #eee;border-top:0;padding:0.5rem}
.night .ss .ss-setupbar{border-color:#444}
.ss .ss-setupbar button{height:1.8rem;line-height:1.8rem;background-color:transparent;border:1px solid #eee;padding:0 0.5rem;cursor:pointer;border-radius:3px;color:#34495e;font-size:0.7rem;margin-right:0.4rem}
.night .ss .ss-setupbar button{border-color:#444;color:#eee}
.ss .ss-setupbar button::before{content:'';width:0.8rem;height:0.8rem;line-height:0.8rem;display:block;margin-right:0.5rem;border-radius:100%;background-image:linear-gradient(180deg,#FE8A5C 0%,#FF4D4D 100%);float:left;margin-top:0.47rem}
.ss .ss-setupbar button.ss-blur::before{background-image:linear-gradient(180deg,#31CAF5 0%,#198CFF 100%)}
.ss .ss-setupbar button.act{background-color:#009688;border-color:#009688;color:#fff}
.night .ss .ss-setupbar button.act{background-color:#06b672;border-color:#06b672}
.ss .ss-setup{display:none;padding:0.25rem;border:1px solid #eee;border-top:0}
.night .ss .ss-setup{border-color:#444}
.ss .ss-grid{display:flex;flex-wrap:wrap}
.ss .ss-grid>div{width:50%;box-sizing:border-box;padding:0.25rem}
.ss .ss-grid>div .layui-form-item{margin-bottom:0.5rem}
.ss .layui-form-label{width:4.4rem;padding:0.45rem 0.5rem;font-size:0.7rem}
.ss .layui-input-block{margin-left:4.9rem}
.ss .layui-input{height:2rem;line-height:2rem;font-size:0.7rem}
.night .ss .layui-input{background-color:#181a1b;border-color:#444;color:#ddd}
.night .ss .layui-form-select .layui-input{background-color:#181a1b;border-color:#444;color:#ddd}
.night .ss .layui-form-select dl{background-color:#232627;border-color:#444}
.night .ss .layui-form-select dl dd{color:#ccc}
.night .ss .layui-form-select dl dd.layui-this{background-color:#06b672;color:#fff}
.night .ss .layui-form-radio{color:#ccc}
.night .ss .layui-form-radio>i{color:#777}
.night .ss .layui-form-radioed>i,.night .ss .layui-form-radio>i:hover{color:#06b672}
.ss .ss-int2 .layui-input{width:calc(50% - 0.25rem);float:left;margin-right:0.25rem}
.ss .ss-int2 .layui-input:last-child{float:right;margin-right:0;width:calc(50% - 0.25rem)}
.ss .ss-sel2 .layui-form-select{width:calc(50% - 0.25rem);float:left;margin-right:0.25rem}
.ss .ss-sel2 .layui-form-select:last-child{float:right;margin-right:0;width:calc(50% - 0.25rem)}
.ss .ss-sel3 .layui-form-select{width:calc(33.333% - 0.18rem);float:left;margin-right:0.2rem}
.ss .ss-sel3 .layui-form-select:last-child{float:right;margin-right:0;width:calc(33.333% - 0.18rem)}
@keyframes ssDrawBall{0%{transform:scale(0) rotate(-180deg);opacity:0}70%{transform:scale(1.1) rotate(10deg)}100%{transform:scale(1) rotate(0deg);opacity:1}}
.ss .ss-anim{animation:0.4s ease-out 0s 1 normal forwards running ssDrawBall}
.ss .ss-res,.ss .ss-fx,.ss .ss-fxb{position:relative;margin-top:0.75rem;font-size:0.7rem;border:1px solid #eee;border-radius:6px;overflow:hidden;display:none}
.night .ss .ss-res,.night .ss .ss-fx,.night .ss .ss-fxb{border-color:#444}
.ss .ss-tits{font-size:0.6rem;text-align:left;border-bottom:1px solid #eee;padding-left:0.5rem;height:2rem;line-height:2rem;background-color:#f6f7fa}
.night .ss .ss-tits{border-bottom-color:#444;background-color:#181a1b}
.ss .ss-reslist{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;padding:0.5rem}
.ss .ss-reslist>div{background-color:#f8f9fa;border-left:4px solid #3498db;padding:0.75rem;border-radius:6px}
.night .ss .ss-reslist>div{background-color:#2a2e30}
.ss .ss-reslist>div>div:nth-child(1){font-weight:600;color:#3498db;margin-bottom:0.75rem;font-size:0.6rem}
.night .ss .ss-reslist>div>div:nth-child(1){color:#5dade2}
.ss .ss-reslist>div>div:nth-child(2){font-size:0.6rem;word-wrap:break-word}
.ss .ss-reslist>div>div:nth-child(2) div{width:1.3rem;height:1.3rem;line-height:1.3rem;display:inline-block;color:#fff;text-align:center;margin-right:0.3rem;border-radius:100%;font-weight:bold;background-image:linear-gradient(180deg,#FE8A5C 0%,#FF4D4D 100%)}
.ss .ss-reslist>div>div:nth-child(2) div.b{background-image:linear-gradient(180deg,#31CAF5 0%,#198CFF 100%)}
.ss .ss-reslist>div>div:nth-child(2) div:last-child{margin-right:0}
.ss .ss-fxlist,.ss .ss-fxblist{padding:0.1rem 0.5rem 0.5rem}
.ss .ss-fxlist>div.ss-hot,.ss .ss-fxblist>div.ss-hot{font-size:0.65rem;color:#FF4D4D;height:1.8rem;line-height:1.8rem;text-align:center;margin:0}
.ss .ss-fxblist>div.ss-hot{color:#198CFF}
.night .ss .ss-fxlist>div.ss-hot{color:#ff8a73}
.night .ss .ss-fxblist>div.ss-hot{color:#5dade2}
.ss .ss-fxlist>div,.ss .ss-fxblist>div{height:1.3rem;line-height:1.3rem;margin:0.4rem 0;overflow:hidden}
.ss .ss-fxlist>div>div:nth-child(1),.ss .ss-fxblist>div>div:nth-child(1){width:1.3rem;height:1.3rem;line-height:1.3rem;display:inline-block;color:#fff;text-align:center;margin-right:0.3rem;border-radius:100%;font-weight:bold;float:left;background-image:linear-gradient(180deg,#FE8A5C 0%,#FF4D4D 100%)}
.ss .ss-fxblist>div>div:nth-child(1){background-image:linear-gradient(180deg,#31CAF5 0%,#198CFF 100%)}
.ss .ss-fxlist>div>div:nth-child(2),.ss .ss-fxblist>div>div:nth-child(2){width:calc(100% - 1.7rem);height:1.3rem;float:right}
.ss .ss-fxlist>div>div:nth-child(2) div{height:1.3rem;border-radius:10px;background-image:linear-gradient(180deg,#FE8A5C 0%,#FF4D4D 100%);color:#fff;text-align:right;padding-right:0.5rem;transition:width .6s ease}
.ss .ss-fxblist>div>div:nth-child(2) div{height:1.3rem;border-radius:10px;background-image:linear-gradient(180deg,#31CAF5 0%,#198CFF 100%);color:#fff;text-align:right;padding-right:0.5rem;transition:width .6s ease}
@media screen and (max-width:900px){
.ss .ss-reslist{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:700px){
.ss .ss-grid>div{width:100%}
}
@media screen and (max-width:580px){
.ss .ss-reslist{grid-template-columns:repeat(1,1fr)}
.ss .layui-form-label{width:4.2rem;padding-left:0.35rem;padding-right:0.35rem;font-size:0.65rem}
.ss .layui-input-block{margin-left:4.6rem}
}
@media screen and (max-width:536px){
.ss .ss-nums{gap:0.4rem}
.ss .ss-nums div{width:1.7rem;height:1.7rem;line-height:1.7rem;font-size:0.85rem}
}
@media screen and (max-width:390px){
.ss .ss-box{padding:1rem 0 0.75rem}
.ss .ss-nums{gap:0.3rem;margin:0.5rem 0;padding:0.5rem 0}
.ss .ss-btns button{padding:0.4rem 1rem;font-size:0.6rem}
.ss .ss-setupbar button{margin-bottom:0.3rem}
}
@media screen and (max-width:320px){
.ss .ss-nums div{width:1.2rem;height:1.2rem;line-height:1.2rem;font-size:0.55rem}
}