.series-detail-page{min-height:100vh;background:linear-gradient(135deg,#1d003b,#0d0019 35%,#000);color:#fff;padding-top:70px}.series-detail-loading,.series-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #b854ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-button{background:#b854ff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s}.back-button:hover{background:#a044e6}.series-header{display:flex;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.back-arrow{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px 12px;margin-right:16px;border-radius:8px;transition:background-color .3s}.back-arrow:hover{background:#ffffff1a}.series-title{font-size:24px;font-weight:600;margin:0}.series-info{display:flex;padding:30px 20px;gap:30px}.series-cover img{width:200px;height:280px;-o-object-fit:cover;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #00000080}.series-details{flex:1}.series-details h2{font-size:32px;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,var(--hf-lime, #d1fe17) 0%,var(--hf-lime-hover, #b8e515) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.series-description{font-size:16px;line-height:1.6;color:#fffc;margin-bottom:24px}.series-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.episodes-count{background:#ffffff1a;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.gold-badge{background:linear-gradient(135deg,gold,orange);color:#000;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.likes{font-size:14px;color:#ffffffb3}.episodes-section{padding:0 20px 40px}.episodes-section h3{font-size:24px;font-weight:600;margin-bottom:24px;color:#fff}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.episode-card{background:#ffffff0d;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s;border:1px solid rgba(255,255,255,.1)}.episode-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #b854ff33;border-color:#b854ff4d}.episode-cover{position:relative;width:100%;height:160px;overflow:hidden}.episode-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.episode-card:hover .episode-cover img{transform:scale(1.05)}.episode-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.episode-card:hover .episode-overlay{opacity:1}.play-button{width:50px;height:50px;background:#b854ffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;transform:scale(.8);transition:transform .3s}.episode-card:hover .play-button{transform:scale(1)}.lock-badge{position:absolute;top:8px;right:8px;background:#000000b3;padding:4px 8px;border-radius:12px;font-size:12px}.episode-info{padding:16px}.episode-info h4{font-size:16px;font-weight:600;margin:0 0 8px;color:#fff}.episode-title{font-size:14px;color:#ffffffb3;margin:0 0 12px;line-height:1.4}.episode-meta{display:flex;align-items:center;gap:12px}.duration{font-size:12px;color:#fff9;background:#ffffff1a;padding:2px 8px;border-radius:10px}@media (max-width: 768px){.series-info{flex-direction:column;padding:20px;gap:20px;text-align:center}.series-cover{align-self:center}.series-cover img{width:160px;height:224px}.series-details h2{font-size:24px}.episodes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.series-header{padding:16px}.series-title{font-size:20px}.episodes-section{padding:0 16px 32px}}@media (max-width: 480px){.episodes-grid{grid-template-columns:1fr;gap:12px}.series-cover img{width:140px;height:196px}.series-details h2{font-size:20px}.series-meta{justify-content:center}}.series-seo{max-width:900px;margin:32px auto;padding:0 20px;color:#ccc;line-height:1.6}.series-seo h2{color:#fff;font-size:1.25rem;margin:24px 0 8px}.series-faq dt{color:#fff;font-weight:600;margin-top:12px}.series-faq dd{margin:4px 0 0}.series-runtime{color:#ffffffa6}