.video-detail-page[data-v-20f3c0dc]{width:100%;min-height:100vh;background:#f5f7fa;padding:1.04167vw 0}.loading-container[data-v-20f3c0dc]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#666}.loading-spinner[data-v-20f3c0dc]{width:2.08333vw;height:2.08333vw;border:.20833vw solid #667eea;border-top-color:transparent;border-radius:50%;animation:spin-20f3c0dc .8s linear infinite;margin-bottom:1.04167vw}@keyframes spin-20f3c0dc{to{transform:rotate(1turn)}}.container[data-v-20f3c0dc]{max-width:62.5vw;margin:0 auto;padding:0 1.04167vw}.main-content[data-v-20f3c0dc]{background:#fff;border-radius:.625vw;overflow:hidden;box-shadow:0 .10417vw .625vw rgba(0,0,0,.08);margin-bottom:2.08333vw}.video-player-container[data-v-20f3c0dc]{width:100%;background:#000;position:relative;padding-top:56.25%}.video-player[data-v-20f3c0dc]{position:absolute;top:0;left:0;width:100%;height:100%;outline:none}.video-info[data-v-20f3c0dc]{padding:1.5625vw}.video-title[data-v-20f3c0dc]{font-size:1.45833vw;font-weight:700;color:#333;margin-bottom:1.04167vw;line-height:1.4}.video-meta[data-v-20f3c0dc]{display:flex;gap:1.04167vw;flex-wrap:wrap;padding-bottom:1.04167vw;border-bottom:1px solid #e0e0e0;margin-bottom:1.04167vw}.meta-item[data-v-20f3c0dc]{display:flex;align-items:center;gap:.26042vw;color:#666;font-size:.72917vw}.meta-item i[data-v-20f3c0dc]{color:#667eea}.video-tags[data-v-20f3c0dc]{display:flex;gap:.52083vw;flex-wrap:wrap;margin-bottom:1.04167vw}.category-tag[data-v-20f3c0dc]{display:inline-flex;align-items:center;gap:.26042vw;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:500}.category-tag[data-v-20f3c0dc],.tag[data-v-20f3c0dc]{padding:.3125vw .83333vw;border-radius:1.04167vw;font-size:.72917vw}.tag[data-v-20f3c0dc]{background:#f0f0f0;color:#666}.video-description[data-v-20f3c0dc]{margin-top:1.5625vw}.section-title[data-v-20f3c0dc]{font-size:1.04167vw;font-weight:700;color:#333;margin-bottom:.78125vw;padding-left:.625vw;border-left:.20833vw solid #667eea}.description-text[data-v-20f3c0dc]{font-size:.78125vw;line-height:1.8;color:#666;white-space:pre-wrap}.related-videos[data-v-20f3c0dc]{margin-bottom:2.08333vw}.related-videos .section-title[data-v-20f3c0dc]{margin-bottom:1.30208vw}.related-grid[data-v-20f3c0dc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(14.58333vw,1fr));gap:1.04167vw}.related-card[data-v-20f3c0dc]{background:#fff;border-radius:.41667vw;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:0 .10417vw .41667vw rgba(0,0,0,.08)}.related-card[data-v-20f3c0dc]:hover{transform:translateY(-.20833vw);box-shadow:0 .3125vw .83333vw rgba(0,0,0,.12)}.related-card:hover .play-icon[data-v-20f3c0dc]{opacity:1}.related-card:hover img[data-v-20f3c0dc]{transform:scale(1.05)}.related-cover[data-v-20f3c0dc]{position:relative;width:100%;height:8.33333vw;overflow:hidden;background:#000}.related-cover img[data-v-20f3c0dc]{width:100%;height:100%;object-fit:cover;transition:transform .3s}.play-icon[data-v-20f3c0dc]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.08333vw;color:#fff;opacity:0;transition:opacity .3s}.duration[data-v-20f3c0dc]{position:absolute;bottom:.41667vw;right:.41667vw;background:rgba(0,0,0,.8);color:#fff;padding:.15625vw .3125vw;border-radius:.15625vw;font-size:.625vw}.related-info[data-v-20f3c0dc]{padding:.625vw}.related-title[data-v-20f3c0dc]{font-size:.72917vw;font-weight:500;color:#333;margin-bottom:.41667vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;min-height:2.08333vw}.related-meta[data-v-20f3c0dc]{display:flex;gap:.78125vw;font-size:.625vw;color:#999}.related-meta span[data-v-20f3c0dc]{display:flex;align-items:center;gap:.20833vw}.related-meta i[data-v-20f3c0dc]{font-size:.67708vw}@media(max-width:768px){.video-title[data-v-20f3c0dc]{font-size:22px}.video-meta[data-v-20f3c0dc]{flex-direction:column;align-items:flex-start;gap:15px}.meta-left[data-v-20f3c0dc]{flex-direction:column;gap:10px}.related-grid[data-v-20f3c0dc]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}}