.video-detail-page{background-color:#0f0f0f;min-height:100vh}.video-detail-page .video-player-section .desktop-play-button{background:linear-gradient(135deg,#2a8fff,#00d870);box-shadow:0 12px 28px #00b76a3d}.video-detail-page .video-player-section .detail-tag-chip{align-items:center;background:linear-gradient(135deg,#48d5972e,#2a8fff29);border:1px solid rgba(72,213,151,.22);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff0a;color:#f3fbff;display:inline-flex;font-size:14px;font-weight:600;line-height:1;padding:8px 14px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.video-detail-page .video-player-section .detail-tag-chip:hover{background:linear-gradient(135deg,#48d59747,#2a8fff3d);border-color:#48d5976b;box-shadow:0 10px 24px #0000002e,0 0 0 1px #48d59714;transform:translateY(-1px)}.video-detail-page .video-player-section .poster-wrapper{background:#000;border-radius:12px;overflow:hidden}.video-detail-page .video-player-section .poster-wrapper img{transition:transform .3s ease}.video-detail-page .video-player-section .poster-wrapper img:hover{transform:scale(1.02)}.video-detail-page .video-sidebar .mobile-detail-hero{background:linear-gradient(180deg,#171a22fa,#111216fa);border-radius:32px;overflow:hidden;padding:14px 12px 0;position:relative}.video-detail-page .video-sidebar .mobile-detail-hero>:not(.mobile-detail-hero__bg){position:relative;z-index:1}.video-detail-page .video-sidebar .mobile-detail-hero__bg{background-position:top;background-repeat:no-repeat;background-size:cover;filter:blur(28px) saturate(1.15);inset:0;opacity:.62;position:absolute;transform:scale(1.15)}.video-detail-page .video-sidebar .mobile-detail-hero__bg:after{background:linear-gradient(180deg,#0f0f0f29,#0f0f0f8f 42%,#0f0f0feb),radial-gradient(circle at top center,hsla(0,0%,100%,.14),transparent 34%);content:"";inset:0;position:absolute}.video-detail-page .video-sidebar .mobile-summary-card{background:linear-gradient(180deg,#282a32fa,#141418fa);box-shadow:0 20px 48px #00000057}.video-detail-page .video-sidebar .mobile-info-row{align-items:start;display:grid;gap:12px;grid-template-columns:56px minmax(0,1fr)}.video-detail-page .video-sidebar .mobile-info-label{color:#ffffff85;font-size:14px;line-height:1.7}.video-detail-page .video-sidebar .mobile-info-value{color:#fff;font-size:14px;line-height:1.7;word-break:break-word}.video-detail-page .video-sidebar .mobile-summary-text{overflow:hidden;transition:max-height .3s ease}.video-detail-page .video-sidebar .mobile-summary-text.is-collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.video-detail-page .video-sidebar .mobile-hero-tag-chip{align-items:center;background:linear-gradient(135deg,#48d59729,#2a8fff2e);border:1px solid rgba(72,213,151,.22);border-radius:999px;box-shadow:0 8px 18px #00000029;color:#eef7ff;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;line-height:1;min-height:36px;padding:0 14px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.video-detail-page .video-sidebar .mobile-hero-tag-chip:active,.video-detail-page .video-sidebar .mobile-hero-tag-chip:hover{background:linear-gradient(135deg,#48d5973d,#2a8fff3d);border-color:#48d59761;transform:translateY(-1px)}.video-detail-page .video-sidebar .mobile-tag-list{display:flex;flex-wrap:wrap;gap:8px}.video-detail-page .video-sidebar .mobile-tag-chip{align-items:center;background:#ffffff14;border:1px solid rgba(72,213,151,.18);border-radius:999px;color:#eef4ff;display:inline-flex;font-size:13px;line-height:1;padding:7px 10px;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.video-detail-page .video-sidebar .mobile-tag-chip:hover{background:#48d59724;border-color:#48d59757;transform:translateY(-1px)}.video-detail-page .video-sidebar .related-video-item{transition:all .3s ease}.video-detail-page .video-sidebar .related-video-item:hover{transform:translateY(-2px)}.video-detail-page .video-sidebar .mobile-play-button{background:linear-gradient(135deg,#2a8fff,#00d870);box-shadow:0 10px 24px #00b76a47}.video-detail-page .action-button{transition:all .3s ease}.video-detail-page .action-button:hover{transform:scale(1.1)}.video-detail-page .action-button.active{color:#fe2c55}.video-detail-page ::-webkit-scrollbar{height:6px;width:6px}.video-detail-page ::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.video-detail-page ::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.video-detail-page ::-webkit-scrollbar-thumb:hover{background:#ffffff80}
