.detail-container{width:100%}.breadcrumb-nav{align-items:center;background:hsla(0,0%,100%,.9);border-radius:12px;display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:16px}.breadcrumb-link{color:#6b7280;transition:color .3s}.breadcrumb-link:hover{color:#667eea}.separator{color:#d1d5db}.breadcrumb-current{color:#111827;font-weight:600}.detail-header{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.1);display:flex;gap:32px;margin-bottom:32px;padding:32px}@media(max-width:768px){.detail-header{flex-direction:column;gap:24px;padding:20px}}.detail-poster{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-shrink:0;overflow:hidden;position:relative;width:240px}@media(max-width:768px){.detail-poster{margin:0 auto;max-width:300px;width:100%}}.detail-poster img{aspect-ratio:2/3;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.status-tag,.type-tag{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px;position:absolute}.type-tag{background:rgba(102,126,234,.9);color:#fff;left:12px;top:12px}.status-tag{background:rgba(239,68,68,.9);color:#fff;right:12px;top:12px}.detail-info{flex:1}.detail-title{color:#111827;font-size:32px;font-weight:700;margin-bottom:24px}@media(max-width:768px){.detail-title{font-size:24px}}.detail-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.meta-item{display:flex;font-size:14px}.meta-item .label{color:#6b7280;flex-shrink:0;width:60px}.meta-item .value{color:#111827;flex:1}.meta-col .value a,.meta-item .value a{color:#667eea;transition:color .3s}.meta-col .value a:hover,.meta-item .value a:hover{color:#764ba2;text-decoration:underline}.meta-row{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media(max-width:640px){.meta-row{grid-template-columns:1fr}}.rating{color:#f59e0b;font-weight:600}.play-buttons{display:flex;flex-wrap:wrap;gap:12px}.play-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.play-btn:hover{box-shadow:0 6px 16px rgba(102,126,234,.4);transform:translateY(-2px)}.play-btn svg{height:20px;width:20px}.play-section{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:32px;padding:24px}.source-tabs{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.source-tab{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;padding:8px 16px;position:relative;transition:all .3s}.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{background:#e5e7eb}.source-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);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-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.episodes-title{color:#111827;font-size:16px;font-weight:600}.episode-count{color:#667eea;font-size:14px;font-weight:400;margin-left:8px}.sort-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;transition:all .3s}.sort-btn:hover{background:#e5e7eb;color:#667eea}.sort-btn svg{height:16px;width:16px}.episodes-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media(min-width:640px){.episodes-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1024px){.episodes-grid{grid-template-columns:repeat(8,1fr)}}.episode-link{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;display:block;font-size:13px;padding:10px;text-align:center;transition:all .3s}.episode-link:hover{background:#667eea;border-color:#667eea;color:#fff}.content-section{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);margin-bottom:32px;padding:24px}.section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:16px}@media(max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.section-title{color:#111827;font-size:20px;font-weight:700;margin:0}.test-speed-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;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)}}.content-text{color:#4b5563;font-size:15px;line-height:1.8}.recommend-section{margin-bottom:32px}.recommend-section .section-title{color:#fff;margin-bottom:24px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.video-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.video-grid{gap:20px;grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.video-grid{gap:24px;grid-template-columns:repeat(6,1fr)}}.video-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;overflow:hidden;transition:all .3s}.video-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-4px)}.video-cover{aspect-ratio:2/3;background:#f3f4f6;overflow:hidden;position:relative}.video-cover img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.video-card:hover .video-cover img{transform:scale(1.05)}.video-badge{background:rgba(239,68,68,.9);border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.video-overlay{align-items:center;background:rgba(0,0,0,.3);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.video-card:hover .video-overlay{opacity:1}.play-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));height:48px;width:48px}.video-info{padding:12px}.video-title{color:#111827;display:-webkit-box;font-size:14px;font-weight:600;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}