.video-play-page[data-v-5f5f2c28]{width:100%;min-height:100vh;background-color:#fff}.video-wrapper[data-v-5f5f2c28]{position:relative;width:100%;aspect-ratio:16/9;background-color:#000;overflow:hidden;cursor:pointer}.video-element[data-v-5f5f2c28]{width:100%;height:100%;object-fit:contain}.controls-bar[data-v-5f5f2c28]{position:absolute;bottom:0;left:0;right:0;padding:.625rem .75rem;display:flex;align-items:center;gap:.625rem;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);color:#fff;font-size:.875rem;box-sizing:border-box}.control-btn[data-v-5f5f2c28]{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.control-btn .icon[data-v-5f5f2c28]{width:1.375rem;height:1.375rem}.play-btn .icon[data-v-5f5f2c28]{width:1.625rem;height:1.625rem}.time-text[data-v-5f5f2c28]{font-size:.8125rem;white-space:nowrap;min-width:5.75rem;text-align:center}.progress-wrap[data-v-5f5f2c28]{flex:1;height:1.25rem;display:flex;align-items:center;cursor:pointer}.progress-bg[data-v-5f5f2c28]{width:100%;height:.25rem;background-color:hsla(0,0%,100%,.3);border-radius:.125rem;position:relative}.progress-fill[data-v-5f5f2c28]{height:100%;background-color:#fff;border-radius:.125rem;position:absolute;left:0;top:0}.progress-dot[data-v-5f5f2c28]{width:.75rem;height:.75rem;background-color:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 .25rem rgba(0,0,0,.3);transition:transform .15s ease}.progress-wrap:active .progress-dot[data-v-5f5f2c28]{transform:translate(-50%,-50%) scale(1.3)}.video-title-wrap[data-v-5f5f2c28]{padding:1.125rem 1.25rem;background-color:#fff;border-bottom:.0625rem solid #f0f0f0}.category-tag[data-v-5f5f2c28]{display:inline-block;padding:.1875rem .625rem;margin-bottom:.625rem;font-size:.8125rem;color:#1677ff;background-color:#e6f4ff;border-radius:.25rem;line-height:1.4}.title-row[data-v-5f5f2c28]{display:flex;align-items:flex-start;gap:.625rem}.main-title[data-v-5f5f2c28]{margin:0;font-size:1.125rem;font-weight:600;color:#1a1a1a;line-height:1.5;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-title.is-expand[data-v-5f5f2c28]{white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word}.sub-title[data-v-5f5f2c28]{margin:.5rem 0 0 0;font-size:.875rem;color:#666;line-height:1.5;word-break:break-all}.expand-btn[data-v-5f5f2c28]{flex-shrink:0;font-size:.875rem;color:#1677ff;cursor:pointer;line-height:1.5}