@media screen and (min-width:10px) and (max-width:800px){body .tab-bar p{display:none}}.tab-bar{width:100%;position:relative;bottom:0;left:0;height:60px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;color:#fff;z-index:10;padding:10px 0}.tab-bar div{flex:1;cursor:pointer;text-align:center;font-weight:700}.tab-bar .item-active{color:var(--theme)}.tab-bar .icon-active{stroke:var(--theme)}.tab-bar p{font-size:12px}.circle{border-radius:50%;height:30px;width:30px;border:3px solid #fff;margin:0 auto;display:flex;justify-content:center;align-items:center}.nav-icon{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;transition:stroke .2s}.controls[data-v-328b96ca]{display:flex;align-items:center;gap:10px;padding:10px;background-color:rgba(0,0,0,.7);color:#fff;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box}.control-btn[data-v-328b96ca]{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:5px;transition:color .2s}.control-btn[data-v-328b96ca]:hover{color:#fff}.progress-container[data-v-328b96ca]{flex-grow:1;height:6px;background-color:hsla(0,0%,100%,.3);border-radius:2px;position:relative;cursor:pointer}.progress-filled[data-v-328b96ca]{height:100%;background-color:#fff;border-radius:4px;transition:width .1s linear}.progress-handle[data-v-328b96ca]{position:absolute;top:50%;width:12px;height:12px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px rgba(0,0,0,.5);transition:all .1s ease}.progress-handle[data-v-328b96ca]:hover{transform:translate(-50%,-50%) scale(1.2)}.time-display[data-v-328b96ca]{font-size:14px;min-width:80px;text-align:center}.full-player-mask[data-v-0dbe3e76]{position:relative;width:100%;background:#000}.data-loading[data-v-0dbe3e76]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px}.video-detail-title[data-v-0dbe3e76]{position:absolute;bottom:20px;left:20px;color:#fff}.video-player[data-v-0dbe3e76]{width:100%;height:100%}.video-player-cover[data-v-0dbe3e76]{width:100%;height:calc(100% - 30px);display:block;cursor:pointer;transition:.5s;position:relative}.main{display:flex;flex-direction:row;width:100%;height:100vh;overflow:hidden}.main h3{color:#fff}.page{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;justify-content:space-between}