.detail-wrapper{width:100%;margin:0 auto}.mobile-poster-box{display:block}.poster-cover-box{position:relative;width:100%;padding-top:150%;background:#f5f5f5;border-radius:8px;overflow:hidden}.poster-img-box{position:absolute;top:0;left:0;width:100%;height:100%}.poster-img-box img{width:100%;height:100%;object-fit:cover}.poster-img-box a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#e74c3c;opacity:0;transition:all 0.3s}.poster-cover-box:hover .poster-img-box a{opacity:1}.img-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid #ddd;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.main-poster{display:none}@media (min-width:768px){.mobile-poster-box{display:none}.main-poster{display:block}.poster-cover-box{width:100%;max-width:300px;margin:0 auto}}.detail-info-container{display:flex;flex-direction:column}}.detail-info-container{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.detail-top{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.detail-main-title{font-size:26px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.3}.detail-sub-title{font-size:16px;color:#888;margin:0 0 15px;font-weight:400}.rating-section{display:flex;align-items:center;gap:20px;padding:15px;background:#f9f9f9;border-radius:8px}.heart-rating{display:flex;align-items:center;gap:8px}.heart-icon{display:inline-block;width:28px;height:28px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23e74c3c"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>') no-repeat center;background-size:contain;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.rating-score{font-size:24px;font-weight:700;color:#e74c3c}.rating-label{font-size:14px;color:#666}.vote-section{display:flex;align-items:center;gap:15px}.vote-btn{display:flex;align-items:center;gap:5px;padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;text-decoration:none;transition:all 0.3s;font-size:14px}.vote-btn:hover{border-color:#3498db;color:#3498db}.vote-btn.vote-up:hover{background:#e8f6f3;border-color:#27ae60;color:#27ae60}.vote-btn.vote-down:hover{background:#fee; border-color:#e74c3c;color:#e74c3c}.vote-btn i{font-size:18px}.scroll-wrapper{overflow-x:auto;margin:15px 0}.scroll-inner{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:10px 0}.meta-link{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#f5f5f5;border-radius:15px;color:#666;text-decoration:none;font-size:13px;transition:all 0.3s}.meta-link:hover{background:#e8f6f3;color:#27ae60}.meta-icon{display:flex;align-items:center;gap:4px}.separator{color:#ddd;margin:0 4px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;text-decoration:none;transition:all 0.3s;box-shadow:0 4px 15px rgba(39,174,96,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(39,174,96,0.4)}.btn-large{padding:12px 28px}.btn-disabled{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:#95a5a6;color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:not-allowed}.btn-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;text-decoration:none;transition:all 0.3s}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(52,152,219,0.4)}.btn-fav{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;text-decoration:none;transition:all 0.3s}.btn-fav:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(243,156,18,0.4)}.detail-body{margin-top:20px}.detail-row{display:flex;margin-bottom:15px;flex-wrap:wrap}.detail-label{flex-shrink:0;width:80px;color:#666;font-size:14px;font-weight:500}.detail-value{flex:1;min-width:0;color:#333;font-size:14px;line-height:1.6}.detail-actor{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.score-text{color:#27ae60;font-weight:600;font-size:16px}.detail-plot{line-height:1.8;max-height:200px;overflow:hidden;position:relative}.detail-plot.expanded{max-height:none}.collapse-action{display:inline-block;margin-top:10px;padding:6px 12px;background:#f5f5f5;border-radius:15px;color:#666;text-decoration:none;font-size:13px;transition:all 0.3s}.collapse-action:hover{background:#e8f6f3;color:#27ae60}.detail-bottom{margin-top:25px;padding-top:20px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px}.detail-share button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f5f5f5;border:1px solid #ddd;border-radius:20px;color:#666;font-size:14px;cursor:pointer;transition:all 0.3s}.detail-share button:hover{background:#e8f6f3;border-color:#27ae60;color:#27ae60}.poster-badge-box{position:absolute;top:10px;right:10px;padding:6px 12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:15px;font-size:12px;font-weight:600}.badge-label{display:inline-block}@media (max-width:767px){.detail-wrapper{padding:15px}.detail-main-title{font-size:20px}.rating-section{flex-direction:column;align-items:flex-start}.vote-section{width:100%;justify-content:space-between}.vote-btn{flex:1;justify-content:center}.detail-row{flex-direction:column}.detail-label{margin-bottom:5px}.detail-bottom{flex-direction:column}.detail-bottom a,.detail-bottom button{width:100%}}.lazy-img[data-original]{background:#f5f5f5;min-height:200px;transition:opacity 0.3s}.lazy-img.loaded{opacity:1}.lazy-img.loading{opacity:0.6}@media (min-width:768px){.detail-info-container{display:flex;align-items:flex-start;gap:30px}.main-poster{flex:0 0 auto;width:260px}.detail-top{flex:1}.rating-section{flex-direction:row}.scroll-inner{white-space:normal}}