*{padding:0;margin:0;box-sizing:border-box}body{background-color:#0f1115;color:#fff;overflow:hidden}.select{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.select .in{border:solid 1px white;width:200px;padding:20px 0;text-align:center;transition:all .1s;cursor:pointer}.select .in input{display:none}.select .in:hover{background-color:#1e222a}.slide{display:none;position:relative;width:100%;height:100vh}.slide .content{position:absolute;top:50%;width:100%;transition:all .5s ease-in-out;text-align:center}.slide .content .item{padding:50px 20px;color:#8b8d98;transition:all .5s}.slide .content .item .zh{font-size:20px}.slide .content .item .en{font-size:40px;margin-top:5px}.slide .content .item.current{color:#fff}.slide .center-mask{position:absolute;top:50%;left:0;width:100%;height:var(--gap);transform:translateY(-50%);pointer-events:none;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#2b80ff0f,#2b80ff05);box-shadow:inset 0 20px 40px #00000059,inset 0 -20px 40px #00000059;transition:all .5s ease-in-out}.slide .bar{position:fixed;bottom:0;left:0;width:100%;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;gap:20px}.slide .bar button{background-color:#0078d7;color:#fff;height:30px;padding:0 20px;border:none;border-radius:3px;outline:none;cursor:pointer}.slide .bar button:hover{opacity:.9}.slide .bar button.running{background-color:#0076d753}.slide .bar input{flex:1;outline:none}