.detail-page{padding:1rem 0}@media(max-width:768px){.detail-page{padding:.5rem 0}}.detail-card{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;margin-bottom:2rem;overflow:hidden}.detail-card .play-btn{align-items:center;background:var(--gradient-primary);border-radius:.75rem;box-shadow:var(--shadow-md);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:20px;width:20px}.detail-card .play-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.detail-header{display:flex;gap:2rem;padding: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:var(--shadow-lg);overflow:hidden;position:relative}.poster-wrapper:hover{box-shadow:var(--shadow-glow);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:var(--gradient-primary);box-shadow:var(--shadow-glow)}.tag.tag-status{background:rgba(0,0,0,.7)}.rating-badge{align-items:center;background:var(--gradient-primary);border-radius:.5rem;box-shadow:var(--shadow-glow);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:var(--gradient-primary);-webkit-background-clip:text;color:var(--text-primary);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-item.blurb-item{flex-direction:column;gap:.5rem}.meta-label{align-items:center;color:var(--text-tertiary);display:inline-flex;flex-shrink:0;font-weight:600;gap:.5rem;min-width:80px}.meta-label .meta-icon{height:16px;stroke:currentColor;width:16px}.meta-value{color:var(--text-secondary);flex:1;word-break:break-word}.meta-value a{color:var(--primary-500);margin-right:.5rem;text-decoration:none;transition:color .3s}.meta-value a:hover{color:var(--secondary-500);text-decoration:underline}.meta-value.blurb-text{color:var(--text-secondary);line-height:1.8}.meta-row{display:flex;gap:2rem}@media(max-width:480px){.meta-row{flex-direction:column;gap:1rem}}.meta-row .meta-col{display:flex;flex:1;gap:.75rem}.actor-list,.director-list{display:flex;flex-wrap:wrap;gap:.5rem}.actor-list a,.director-list a{display:inline-block}.play-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.play-card{background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-title-wrapper{align-items:center;display:flex;gap:.5rem}.card-title-wrapper h2{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.card-title-wrapper .episode-count{color:var(--text-tertiary);font-size:.875rem}.content-card{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}@media(max-width:768px){.content-card{padding:1.5rem}}.content-card .card-header{border-bottom:1px solid var(--border-color-light);margin-bottom:1.5rem;padding-bottom:1rem}.content-card .card-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}@media(max-width:768px){.content-card .card-title{font-size:1.125rem}}.content-card .card-title .title-icon{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid var(--border-color-light);border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.content-card .card-title .title-icon svg{height:20px;stroke:var(--primary-500);width:20px}.content-card .card-title .title-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-card .content-text{color:var(--text-secondary);font-size:.9375rem;line-height:1.8}.recommend-card{background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:1rem;overflow:hidden;padding:1.5rem}.recommend-card h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.recommend-card h2:before{background:var(--gradient-primary);border-radius:2px;content:"";height:20px;width:4px}.card-gradient{background:var(--gradient-primary);height:4px;left:0;position:absolute;right:0;top:0}.recommend-section{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:.75rem;box-shadow:var(--shadow-lg);padding:1.5rem}@media(max-width:768px){.recommend-section{border-radius:0;padding:1rem}}