.detail-main{display:grid;gap:2rem;grid-template-columns:300px 1fr;margin-bottom:2rem}@media(max-width:768px){.detail-main{gap:1.5rem;grid-template-columns:1fr}}.detail-poster{aspect-ratio:2/3;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);overflow:hidden}@media(max-width:768px){.detail-poster{margin:0 auto;max-width:300px}}.poster-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.detail-title{font-size:2.5rem;line-height:1.2}@media(max-width:768px){.detail-title{font-size:1.75rem}}@media(max-width:480px){.detail-title{font-size:1.5rem}}.detail-blurb{color:#6b7280;font-size:1.125rem;line-height:1.8}.meta-item{display:flex;gap:1rem}.meta-label{color:#1f2937;flex-shrink:0;font-weight:600;width:80px}@media(max-width:480px){.meta-label{font-size:.875rem;width:60px}}.meta-value{color:#6b7280;flex:1}.play-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin-bottom:2rem;padding:1.5rem}.section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}@media(max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.section-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.test-speed-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s;white-space:nowrap}.test-speed-btn .btn-icon{height:18px;stroke:currentColor;width:18px}@media(max-width:480px){.test-speed-btn .btn-text{display:none}}.test-speed-btn:hover{background:rgba(102,126,234,.05);border-color:#667eea;color:#667eea;transform:translateY(-1px)}.test-speed-btn:active{transform:translateY(0)}.test-speed-btn.testing{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;cursor:not-allowed;pointer-events:none}.test-speed-btn.testing .btn-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.title-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:1.5rem;width:4px}.play-sources{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.source-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .25s}.source-btn:hover{border-color:#667eea;color:#667eea}.source-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.episode-list{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.episode-list.hidden{display:none}.episode-list.active{display:grid}@media(max-width:768px){.episode-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:480px){.episode-list{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.episode-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;font-size:.875rem;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .25s}.episode-item:hover{border-color:#667eea;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#667eea;transform:translateY(-2px)}.episode-item.playing{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;font-weight:600}@media(max-width:480px){.episode-item{font-size:.75rem;padding:.5rem}}.content-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin-bottom:2rem;padding:1.5rem}.content-text{color:#6b7280;font-size:1rem;line-height:1.8}.recommend-section{margin-bottom:2rem}.recommend-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(6,1fr)}@media(max-width:1024px){.recommend-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.recommend-grid{gap:.75rem;grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.recommend-grid{grid-template-columns:repeat(2,1fr)}}.recommend-item{transition:transform .25s}.recommend-item:hover{transform:translateY(-4px)}.recommend-link{display:block;text-decoration:none}.recommend-poster{aspect-ratio:2/3;background:#f9fafb;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);margin-bottom:.75rem;overflow:hidden;position:relative}.recommend-poster img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s;width:100%}.recommend-item:hover .recommend-poster img{transform:scale(1.05)}.video-status{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:.75rem;top:.75rem}.recommend-name{color:#1f2937;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .25s;white-space:nowrap}.recommend-item:hover .recommend-name{color:#667eea}.source-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.source-tab{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1.5rem;position:relative;transition:all .25s}.source-tab .speed-indicator{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:500;margin-left:.25rem;padding:.125rem .375rem;transition:all .3s;white-space:nowrap}.source-tab .speed-indicator:not(.speed-success):not(.speed-info):not(.speed-error){background:hsla(220,9%,46%,.1);color:#6b7280}.source-tab.active .speed-indicator:not(.speed-success):not(.speed-info):not(.speed-error){background:hsla(0,0%,100%,.2);color:#fff}.source-tab .speed-indicator.speed-success{background:rgba(16,185,129,.1);color:#10b981}.source-tab .speed-indicator.speed-info{background:rgba(59,130,246,.1);color:#3b82f6}.source-tab .speed-indicator.speed-error{background:rgba(239,68,68,.1);color:#ef4444}.source-tab:hover{border-color:#667eea;color:#667eea}.source-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.source-tab.active .speed-indicator{background:hsla(0,0%,100%,.2);color:#fff}.source-tab.active .speed-indicator.speed-success{background:hsla(0,0%,100%,.25);color:#d1fae5}.source-tab.active .speed-indicator.speed-info{background:hsla(0,0%,100%,.22);color:#bfdbfe}.source-tab.active .speed-indicator.speed-error{background:hsla(0,0%,100%,.2);color:#fee2e2}.episodes-wrapper{border-top:1px solid #ccc;padding-top:10px;position:relative}.episodes-panel{display:block}.episodes-panel.hidden{display:none}.episodes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.episodes-title{color:#1f2937;font-size:1rem;font-weight:600}.episodes-title .episode-count{color:#6b7280;font-size:.875rem;font-weight:400}.sort-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .25s}.sort-btn svg{height:16px;width:16px}.sort-btn:hover{border-color:#667eea;color:#667eea}.episodes-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.episode-link{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;display:flex;font-size:.875rem;justify-content:center;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .25s}.episode-link:hover{border-color:#667eea;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#667eea;transform:translateY(-2px)}.detail-header{display:grid;gap:2rem;grid-template-columns:240px 1fr;margin-bottom:2rem}.detail-poster{position:relative}.detail-poster .poster-image{border-radius:.75rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);width:100%}.detail-poster .status-tag,.detail-poster .type-tag{border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;top:.75rem}.detail-poster .type-tag{background:rgba(102,126,234,.9);left:.75rem}.detail-poster .status-tag{background:rgba(239,68,68,.9);right:.75rem}.detail-info{display:flex;flex-direction:column;gap:1.5rem}.detail-title{color:#1f2937;font-size:2rem;font-weight:700;line-height:1.3}.detail-meta{display:flex;flex-direction:column;gap:1rem}.detail-meta .meta-item{align-items:flex-start;display:flex;font-size:.9375rem;gap:.75rem}.detail-meta .meta-item .label{color:#6b7280;flex-shrink:0;font-weight:600;min-width:4rem}.detail-meta .meta-item .value{color:#1f2937;flex:1}.detail-meta .meta-item .value a{color:#667eea;text-decoration:none;transition:color .25s}.detail-meta .meta-item .value a:hover{color:#764ba2}.detail-meta .meta-item .value.rating{color:#f59e0b;font-weight:600}.detail-meta .meta-row{display:flex;flex-wrap:wrap;gap:2rem}.detail-meta .meta-col{display:flex;gap:.75rem}.detail-meta .meta-col .label{color:#6b7280;font-weight:600}.detail-meta .meta-col .value{color:#1f2937}.detail-meta .meta-col .value a{color:#667eea;text-decoration:none;transition:color .25s}.detail-meta .meta-col .value a:hover{color:#764ba2}.play-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.play-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .25s;width:auto}.play-btn svg{height:18px;width:18px}.play-btn:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-2px)}@media(max-width:768px){.detail-header{gap:1.5rem;grid-template-columns:1fr}.detail-poster{margin:0 auto;max-width:300px}.detail-title{font-size:1.5rem}.episodes-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:480px){.detail-title{font-size:1.25rem}.episodes-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.episode-link{font-size:.8125rem;padding:.5rem}}.recommend-section{padding:2rem 0}.recommend-section .section-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.recommend-section .section-title .title-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:1.5rem;width:4px}.recommend-section .video-item{display:block}.recommend-section .video-item .video-link{color:inherit;display:block;text-decoration:none}.recommend-section .video-item .video-poster{background:#f3f4f6;border-radius:.5rem;margin-bottom:.75rem;overflow:hidden;padding-bottom:150%;position:relative;width:100%}.recommend-section .video-item .video-poster .poster-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.recommend-section .video-item .video-poster .video-category{background:rgba(102,126,234,.9);border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;left:.5rem;padding:.25rem .5rem;position:absolute;top:.5rem}.recommend-section .video-item .video-poster .video-status{background:rgba(239,68,68,.9);border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.recommend-section .video-item .video-poster .video-hover{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s}.recommend-section .video-item .video-poster .video-hover .play-btn{align-items:center;background:hsla(0,0%,100%,.9);border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.recommend-section .video-item .video-poster .video-hover .play-btn svg{color:#667eea;height:24px;width:24px}.recommend-section .video-item:hover .video-poster .video-hover{opacity:1}.recommend-section .video-item .video-details .video-name{color:#1f2937;display:-webkit-box;font-size:.875rem;font-weight:500;-webkit-line-clamp:2;line-height:1.4;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.recommend-section .video-item .video-details .video-actor{color:#9ca3af;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}