@media(max-width:768px){.detail-page{padding:1.5rem 0}}.detail-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,201,255,.1);margin-bottom:2rem;overflow:hidden}.detail-header{display:flex;gap:2rem;padding:0 2rem 2rem}@media(max-width:768px){.detail-header{flex-direction:column;gap:1.5rem;padding:1.5rem}}.detail-poster{flex-shrink:0;width:280px}@media(max-width:768px){.detail-poster{margin:0 auto;max-width:300px;width:100%}}.poster-wrapper{aspect-ratio:2/3;border-radius:.75rem;box-shadow:0 8px 16px rgba(0,201,255,.2);overflow:hidden;position:relative}.poster-wrapper:hover{box-shadow:0 12px 24px rgba(0,201,255,.3);transform:translateY(-4px);transition:all .3s}.poster-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.poster-tags{display:flex;flex-direction:column;gap:.5rem;left:.75rem;position:absolute;top:.75rem;z-index:2}.tag{backdrop-filter:blur(10px);border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.tag.tag-type{background:linear-gradient(135deg,#00c9ff,#92fe9d);box-shadow:0 2px 8px rgba(0,201,255,.4)}.tag.tag-status{background:rgba(0,0,0,.7)}.rating-badge{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,201,255,.4);display:flex;flex-direction:column;gap:.25rem;padding:.5rem;position:absolute;right:.75rem;top:.75rem;z-index:2}.rating-badge .rating-icon svg{fill:#fff;height:20px;width:20px}.rating-badge .rating-score{color:#fff;font-size:.875rem;font-weight:700}.detail-info{flex:1;min-width:0}.detail-title{background:linear-gradient(135deg,#00c9ff,#92fe9d);-webkit-background-clip:text;color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1.5rem;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.detail-title{font-size:1.5rem}}.detail-meta{display:flex;flex-direction:column;gap:1rem}.meta-item{display:flex;font-size:.9375rem;gap:.75rem;line-height:1.6}@media(max-width:480px){.meta-item{flex-direction:column;gap:.5rem}}.meta-label{align-items:center;color:#6b7280;display:inline-flex;flex-shrink:0;font-weight:600;gap:.5rem;width:80px}.meta-label .meta-icon{height:16px;stroke:currentColor;width:16px}.meta-value{color:#374151;flex:1;word-break:break-word}.meta-value a{color:#00c9ff;margin-right:.5rem;text-decoration:none;transition:color .3s}.meta-value a:hover{color:#92fe9d;text-decoration:underline}.meta-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-col{display:flex;font-size:.875rem;gap:.5rem}.meta-col .meta-label{width:auto}.blurb-item{flex-direction:column;gap:.5rem}.blurb-text{color:#4b5563;line-height:1.8}.play-buttons{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.detail-card .play-btn{align-items:center;background:linear-gradient(135deg,#00c9ff,#92fe9d);border-radius:2rem;box-shadow:0 4px 12px rgba(0,201,255,.3);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s}.detail-card .play-btn .btn-icon svg{fill:currentColor;height:18px;width:18px}.detail-card .play-btn:hover{box-shadow:0 6px 16px rgba(0,201,255,.4);transform:translateY(-2px)}.content-card,.play-card,.recommend-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,201,255,.1);margin-bottom:2rem;padding:1.5rem}@media(max-width:768px){.content-card,.play-card,.recommend-card{padding:1rem}}.card-header{margin-bottom:1.5rem}.card-title-wrapper{align-items:center;display:flex;gap:1rem;justify-content:space-between}@media(max-width:768px){.card-title-wrapper{align-items:flex-start;flex-direction:column;gap:1rem}}.card-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.card-title .title-icon svg{height:24px;stroke:#00c9ff;width:24px}.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(0,201,255,.05);border-color:#00c9ff;color:#00c9ff;transform:translateY(-1px)}.test-speed-btn:active{transform:translateY(0)}.test-speed-btn.testing{background:linear-gradient(135deg,#00c9ff,#92fe9d);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)}}.source-tabs{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.source-tab{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;position:relative;transition:all .3s}.source-tab .tab-icon svg{height:16px;stroke:currentColor;width:16px}.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(220,9%,46%,.1);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:rgba(0,201,255,.05);border-color:#00c9ff;color:#00c9ff}.source-tab.active{background:linear-gradient(135deg,#00c9ff,#2a3e43);border-color:transparent;box-shadow:0 2px 8px rgba(0,201,255,.3);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{position:relative}.episodes-panel.hidden{display:none}.episodes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.episodes-info,.episodes-title{align-items:center;color:#374151;display:flex;font-weight:600;gap:.5rem}.episodes-info .info-icon,.episodes-info .title-icon,.episodes-title .info-icon,.episodes-title .title-icon{height:18px;stroke:#00c9ff;width:18px}.episode-count{color:#6b7280;font-weight:400}.sort-btn{align-items:center;background:transparent;border:1px solid #e5e7eb;border-radius:.375rem;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.375rem;padding:.375rem .75rem;transition:all .3s}.sort-btn .sort-icon{height:14px;stroke:currentColor;width:14px}.sort-btn:hover{background:rgba(0,201,255,.05);border-color:#00c9ff;color:#00c9ff}.episodes-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}@media(max-width:768px){.episodes-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.episode-link{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;display:flex;font-size:.875rem;justify-content:center;min-width:0;overflow:hidden;padding:.75rem;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all .3s;white-space:nowrap}.episode-link:hover{background:rgba(0,201,255,.05);border-color:#00c9ff;box-shadow:0 2px 8px rgba(0,201,255,.2);color:#00c9ff;transform:translateY(-2px)}.content-text{color:#4b5563;font-size:.9375rem;line-height:1.8}.video-info-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:center;display:flex;font-size:.875rem;gap:.75rem}.info-item .info-icon svg{flex-shrink:0;height:18px;stroke:#00c9ff;width:18px}.info-item .info-label{color:#6b7280;flex-shrink:0;font-weight:600}.info-item .info-value{color:#374151;flex:1}