body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.item{position:relative;margin:10px;cursor:pointer;width:144px}.item.selected{outline:2px solid #1890ff;outline-offset:5px}.cover{width:100%;padding-top:56.25%;background-color:#1c1e26;background-repeat:no-repeat;background-position:50%;background-size:contain}.duration{position:absolute;top:4px;right:4px;background-color:#00000080;color:#eee}.title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.logo{height:50px;color:#fff;text-align:center;padding:10px;font-size:20px}.header{padding:8px 16px;border:1px solid #efefef;text-align:right}.track,.track .materials{display:flex}.track .materials .material{padding:10px;background:#efefef;border-radius:10px;margin:10px}.player-panel{height:720px;display:flex;width:100%;padding:16px}.player-panel .player{width:50%;flex:1;position:relative;padding:30px}.player-panel .player-container{margin:0 auto;max-width:100%;max-height:100%}.player-panel .player-control{bottom:0;left:0;position:absolute;width:100%;display:flex}.player-panel .player-control .play-btn{font-size:30px;color:#1677ff;margin-right:16px;cursor:pointer;height:33px;line-height:33px}.player-panel .player-control .time{flex:1}.player-panel .config{width:50%;flex:1;outline:1px solid #dedede;margin-left:16px;padding:16px}.cover-container{width:100%;height:600px;overflow-x:hidden;overflow-y:auto}.subtitle-cover{max-height:80px;cursor:pointer}.subtitle-cover img.active{border:3px solid #1677ff}.subtitle-cover img{background:#252b2b;width:100%;object-fit:contain;object-position:center center;height:100%}.subtitle-effect{border:1px solid #dedede;padding:16px;margin-bottom:16px;box-sizing:border-box}.subtitle-effect .title{margin:8px 0}.subtitle-effect .title label{margin-left:8px}.subtitle-cover.effect-cover img{background:transparent;width:100%;object-fit:contain;object-position:center center;height:100%}