.comment-panel[data-v-cb1e6cde]{height:100%;background:#fff;display:flex;flex-direction:column}.show-comment[data-v-cb1e6cde]{flex:1;overflow-y:auto;padding:12px}.comment-item[data-v-cb1e6cde]{display:flex;margin-bottom:16px}.comment-auther img[data-v-cb1e6cde]{width:30px;height:30px;border-radius:50%;cursor:pointer}.comment-text-box[data-v-cb1e6cde]{margin-left:10px;flex:1}.nickname[data-v-cb1e6cde]{font-size:13px;color:#888;margin-bottom:4px}.comment-text[data-v-cb1e6cde]{font-size:14px;line-height:1.6}.comment-image[data-v-cb1e6cde]{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.comment-image img[data-v-cb1e6cde]{max-width:120px;border-radius:4px;cursor:pointer}.comment-time[data-v-cb1e6cde]{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.time-span[data-v-cb1e6cde]{font-size:12px;color:#999}.comment-like[data-v-cb1e6cde]{display:flex;align-items:center;gap:4px;cursor:pointer}.comment-like-icon path[data-v-cb1e6cde]{fill:#aaa}.liked .comment-like-icon path[data-v-cb1e6cde]{fill:var(--theme)}.like-num[data-v-cb1e6cde]{font-size:12px;color:#888}.edit-comment[data-v-cb1e6cde]{padding:10px 12px;border-top:1px solid #eee;flex-shrink:0}.comment-input[data-v-cb1e6cde]{background:#efefef;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px;text-align:center}.edit-comment-content[data-v-cb1e6cde]{min-height:120px;background:#efefef;padding:8px 10px;border-radius:6px;outline:none;overflow-y:auto}.edit-comment-content.empty[data-v-cb1e6cde]:before{content:attr(data-placeholder);color:#999}.toolbar[data-v-cb1e6cde]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.uploadtool[data-v-cb1e6cde]{display:flex;gap:8px;align-items:center;position:relative}.preview-zone[data-v-cb1e6cde]{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.preview-zone>div[data-v-cb1e6cde]{position:relative}.preview-zone img[data-v-cb1e6cde]{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}.close-img-icon[data-v-cb1e6cde]{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:var(--theme);fill:#fff;border-radius:50%;cursor:pointer}.submit-div[data-v-cb1e6cde]{padding:5px 14px;border-radius:6px;cursor:pointer;font-size:14px}.send-comment-disable[data-v-cb1e6cde]{background:#eee;color:#aaa;cursor:not-allowed}.send-comment-active[data-v-cb1e6cde]{background:var(--theme);color:#fff}.nomore-tip[data-v-cb1e6cde]{font-size:13px;text-align:center}.video-progress-container[data-v-9ad8fea4]{position:absolute;bottom:70px;left:0;width:100%;padding:0 15px;box-sizing:border-box;z-index:15}.progress-time[data-v-9ad8fea4]{display:flex;justify-content:space-between;font-size:12px;color:#fff;margin-bottom:5px;opacity:.8}.progress-bar[data-v-9ad8fea4]{position:relative;width:100%;height:5px;background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer}.progress-fill[data-v-9ad8fea4]{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:2px;transition:width .1s ease}.progress-handle[data-v-9ad8fea4]{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3);transition:left .1s ease}.progress-bar:hover .progress-fill[data-v-9ad8fea4]{background:#fff}.progress-bar:hover .progress-handle[data-v-9ad8fea4]{width:14px;height:14px;box-shadow:0 0 8px rgba(0,0,0,.5)}@media screen and (min-width:10px) and (max-width:800px){.comment-box[data-v-31473ed4]{display:none!important}body .slider-controls[data-v-31473ed4]{display:none}}.index-video-list[data-v-31473ed4]{position:relative}.video-slider-container[data-v-31473ed4]{position:relative;width:100%;height:100vh;background-color:#000}.video-info[data-v-31473ed4]{position:absolute;left:0;bottom:100px;width:100%;padding:0 10px;box-sizing:border-box;color:#fff}.video-info b[data-v-31473ed4]{font-size:14px}.video-info p[data-v-31473ed4]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.layer-viewport[data-v-31473ed4]{width:100%;height:100%;overflow:hidden;position:relative;touch-action:none}.layer-wrapper[data-v-31473ed4]{position:relative;height:100%}.loading-tip[data-v-31473ed4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;font-size:20px;color:#666}.layer-item[data-v-31473ed4]{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;transition:opacity .5s ease,transform .5s ease,z-index .5s ease;display:flex;align-items:center;justify-content:center;z-index:1}.layer-item.current[data-v-31473ed4]{opacity:1;transform:translateY(0);z-index:2}.layer-item.pre[data-v-31473ed4]{opacity:.8;transform:translateY(-100%);z-index:1}.layer-item.next[data-v-31473ed4]{opacity:.8;transform:translateY(100%);z-index:1}.video-player[data-v-31473ed4],.video-poster[data-v-31473ed4]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-player[data-v-31473ed4]{position:relative}.video-poster[data-v-31473ed4]{position:absolute;z-index:-1}.cover-loading[data-v-31473ed4],.playbtn[data-v-31473ed4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playbtn[data-v-31473ed4]{width:80px;height:80px;z-index:10;cursor:pointer}.animate-box[data-v-31473ed4]{position:absolute;top:50%;left:50%;margin-left:-60px;z-index:100;width:120px;height:120px;text-align:center;color:#fff;font-size:13px}.animate[data-v-31473ed4]{animation:moveUpDown-data-v-31473ed4 1.5s ease-in-out infinite alternate}@keyframes moveUpDown-data-v-31473ed4{0%{transform:translateY(0)}to{transform:translateY(-230px)}}.slider-controls[data-v-31473ed4]{position:absolute;top:15px;right:20px;z-index:99;display:flex;flex-direction:column;gap:15px}.control-btn[data-v-31473ed4]{width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.5);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.control-btn[data-v-31473ed4]:disabled{background:rgba(0,0,0,.3);cursor:not-allowed}.control-btn[data-v-31473ed4]:not(:disabled):hover{background:rgba(0,0,0,.9)}.left-menu-wrapper[data-v-31473ed4]{width:0;height:100%;background:#fff;transition:width .3s ease;overflow:hidden}.left-menu-wrapper.show[data-v-31473ed4]{width:300px}.page-container.move[data-v-31473ed4]{transform:translateX(300px)}.page-slide-enter-active[data-v-31473ed4],.page-slide-leave-active[data-v-31473ed4]{transition:all .3s ease}.layer-content[data-v-31473ed4]{display:flex;flex-direction:row;width:100%;height:100%}.layer-video[data-v-31473ed4]{width:100%;height:100%;position:relative}