.video-detail-page[data-v-0c08ad52]{min-height:100vh;background:#f7f8fa;color:#272b33}.content[data-v-0c08ad52]{width:100%;padding:28px 0 56px;background:radial-gradient(circle at 8% 2%,rgba(241,78,82,.08),transparent 28%),linear-gradient(180deg,#fff,#f7f8fa 320px)}.contentBox[data-v-0c08ad52]{width:1280px;margin:0 auto;box-sizing:border-box}.video-breadcrumb[data-v-0c08ad52]{display:flex;align-items:center;margin-bottom:18px;color:#9a9fa8;font-size:14px}.video-breadcrumb button[data-v-0c08ad52]{padding:0;border:0;background:transparent;color:#656c78;cursor:pointer;font-family:inherit}.video-breadcrumb button[data-v-0c08ad52]:hover{color:#f14e52}.video-breadcrumb span[data-v-0c08ad52]{margin:0 10px}.video-breadcrumb em[data-v-0c08ad52]{overflow:hidden;max-width:520px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.player-section[data-v-0c08ad52],.related-section[data-v-0c08ad52]{border:1px solid #f0e8e9;border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(44,49,60,.07)}.player-section[data-v-0c08ad52]{overflow:hidden;scroll-margin-top:16px}.video-heading[data-v-0c08ad52]{display:flex;min-height:96px;align-items:center;justify-content:space-between;padding:18px 26px;box-sizing:border-box}.video-heading h1[data-v-0c08ad52]{overflow:hidden;margin:0;color:#242832;font-size:25px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.video-heading-main[data-v-0c08ad52]{min-width:0}.video-category[data-v-0c08ad52]{display:inline-flex;height:24px;align-items:center;margin-bottom:9px;padding:0 10px;border-radius:12px;background:#fff0f1;color:#f14e52;font-size:12px;font-weight:600}.video-progress[data-v-0c08ad52]{flex:none;margin-left:28px;padding-left:24px;border-left:1px solid #eee9ea;text-align:right}.video-progress span[data-v-0c08ad52]{display:block;margin-bottom:3px;color:#9da2ab;font-size:12px}.video-progress strong[data-v-0c08ad52]{color:#f14e52;font-size:18px}.video-player[data-v-0c08ad52]{position:relative;overflow:hidden;width:100%;aspect-ratio:1.77777778;background:#111216}.video-player video[data-v-0c08ad52]{display:block;width:100%;height:100%;background:#000;-o-object-fit:contain;object-fit:contain}.video-state[data-v-0c08ad52]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d6d7da}.video-state p[data-v-0c08ad52]{margin:14px 0 0;font-size:14px}.loading-ring[data-v-0c08ad52]{width:34px;height:34px;border:3px solid hsla(0,0%,100%,.2);border-top-color:#f14e52;border-radius:50%;animation:video-loading-0c08ad52 .8s linear infinite}.video-empty-icon[data-v-0c08ad52]{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:2px solid #777b83;border-radius:50%;font-size:18px;font-weight:700}@keyframes video-loading-0c08ad52{to{transform:rotate(1turn)}}.episode-navigation[data-v-0c08ad52]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 24px 24px}.episode-button[data-v-0c08ad52]{min-width:0;padding:14px 16px;border:1px solid #eee7e8;border-radius:10px;background:#fafafa;color:#5f6570;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.episode-button.next[data-v-0c08ad52]{text-align:right}.episode-button[data-v-0c08ad52]:not(:disabled):hover{border-color:#ffb5b8;background:#fff5f5;box-shadow:0 7px 18px rgba(241,78,82,.1);transform:translateY(-2px)}.episode-button[data-v-0c08ad52]:disabled{color:#b8bbc1;cursor:not-allowed;opacity:.68}.episode-button strong[data-v-0c08ad52]{display:block;overflow:hidden;font-size:15px;font-weight:600;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.episode-direction[data-v-0c08ad52]{display:block;margin-bottom:6px;color:#f14e52;font-size:13px;font-weight:600}.episode-button:disabled .episode-direction[data-v-0c08ad52]{color:#b8bbc1}.related-section[data-v-0c08ad52]{margin-top:28px;padding:26px}.related-heading[data-v-0c08ad52]{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.related-heading h2[data-v-0c08ad52]{margin:0 0 5px;color:#282c35;font-size:22px;font-weight:700}.related-heading p[data-v-0c08ad52]{margin:0;color:#969ba5;font-size:13px}.related-heading>span[data-v-0c08ad52]{color:#8f949e;font-size:13px}.related-grid[data-v-0c08ad52]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.related-card[data-v-0c08ad52]{min-width:0;overflow:hidden;padding:0;border:1px solid #eee8e9;border-radius:12px;background:#fff;color:inherit;cursor:pointer;font-family:inherit;text-align:left;box-shadow:0 5px 16px rgba(46,51,62,.05);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.related-card[data-v-0c08ad52]:hover{border-color:#ffb5b8;box-shadow:0 11px 25px rgba(241,78,82,.13);transform:translateY(-4px)}.related-card.active[data-v-0c08ad52]{border-color:#f14e52;box-shadow:0 8px 22px rgba(241,78,82,.16)}.related-cover[data-v-0c08ad52]{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1.77777778;background:linear-gradient(135deg,#fff0f1,#ef9da1)}.related-cover img[data-v-0c08ad52]{position:absolute;inset:0;z-index:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.related-card:hover .related-cover img[data-v-0c08ad52]{transform:scale(1.04)}.cover-placeholder[data-v-0c08ad52]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(241,78,82,.38);font-size:27px;font-weight:800}.cover-shade[data-v-0c08ad52]{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 45%,rgba(19,20,25,.55))}.play-icon[data-v-0c08ad52]{position:absolute;top:50%;left:50%;z-index:3;display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:2px solid hsla(0,0%,100%,.95);border-radius:50%;background:rgba(22,24,30,.3);opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .2s ease,transform .2s ease}.play-icon i[data-v-0c08ad52]{width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff}.related-card.active .play-icon[data-v-0c08ad52],.related-card:hover .play-icon[data-v-0c08ad52]{opacity:1;transform:translate(-50%,-50%) scale(1)}.episode-badge[data-v-0c08ad52],.playing-badge[data-v-0c08ad52]{position:absolute;right:10px;bottom:9px;z-index:4;padding:3px 8px;border-radius:9px;background:rgba(17,18,22,.68);color:#fff;font-size:11px;font-style:normal;line-height:1.2}.playing-badge[data-v-0c08ad52]{background:#f14e52}.related-card-body[data-v-0c08ad52]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px 14px}.related-card-body strong[data-v-0c08ad52]{display:block;overflow:hidden;min-width:0;color:#3b404a;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.related-card-body>span[data-v-0c08ad52]{flex:none;color:#a0a4ac;font-size:11px}.related-card.active .related-card-body>span[data-v-0c08ad52],.related-card.active .related-card-body strong[data-v-0c08ad52]{color:#f14e52}.related-empty[data-v-0c08ad52],.related-loading[data-v-0c08ad52]{display:flex;min-height:160px;align-items:center;justify-content:center;border-radius:10px;background:#fafafa;color:#9da2aa;font-size:14px}@media (max-width:1320px){.contentBox[data-v-0c08ad52]{width:calc(100% - 40px)}}@media (max-width:960px){.related-grid[data-v-0c08ad52]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.content[data-v-0c08ad52]{padding:18px 0 36px}.contentBox[data-v-0c08ad52]{width:calc(100% - 24px)}.video-heading[data-v-0c08ad52]{align-items:flex-start;padding:16px}.video-heading h1[data-v-0c08ad52]{font-size:20px}.video-progress[data-v-0c08ad52]{margin-left:14px;padding-left:14px}.episode-navigation[data-v-0c08ad52]{grid-template-columns:1fr;padding:14px}.episode-button.next[data-v-0c08ad52]{text-align:left}.related-section[data-v-0c08ad52]{padding:18px 14px}.related-grid[data-v-0c08ad52]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related-card-body[data-v-0c08ad52]{display:block}.related-card-body>span[data-v-0c08ad52]{display:block;margin-top:5px}}