.vod-summary-box{max-width:700px;margin:30px auto;background-color:#fff;border-radius:16px;padding:35px 30px;box-shadow:0 4px 20px rgb(0 0 0 / .08);border:1px solid #e8e8e8}.vod-header{text-align:center;margin-bottom:30px}.vod-icon{width:200px;height:200px;margin:0 auto 40px;display:block;object-fit:contain}.vod-title{font-size:22px;font-weight:700;color:#333;margin-bottom:8px;line-height:1.5;position:relative;display:inline-block;padding:0 35px}.vod-title::before{content:"＼";position:absolute;left:0;top:0;font-size:28px;color:#89AEDD;font-weight:700;line-height:1}.vod-title::after{content:"／";position:absolute;right:0;top:0;font-size:28px;color:#89AEDD;font-weight:700;line-height:1}.vod-subtitle{font-size:14px;color:#666;font-weight:500;line-height:1.6}.vod-features{background-color:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:30px;border-left:4px solid #89AEDD}.vod-features ul{list-style:none;margin:0;padding:0}.vod-features li{position:relative;padding-left:32px;margin-bottom:14px;font-size:15px;font-weight:600;color:#333;line-height:1.7}.vod-features li:last-child{margin-bottom:0}.vod-features li::before{content:"✓";position:absolute;left:0;top:0;width:24px;height:24px;background-color:#89AEDD;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}.vod-ratings-title{font-size:16px;font-weight:700;color:#333;margin-bottom:20px;text-align:center;padding-bottom:12px;border-bottom:2px solid #89AEDD}.vod-ratings{display:flex;flex-direction:column;gap:20px}.vod-rating-item{display:flex;flex-direction:column;gap:8px}.vod-rating-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#333}.vod-rating-name{display:flex;align-items:center;gap:6px}.vod-rating-score{font-size:18px;font-weight:700;color:#89AEDD;min-width:60px;text-align:right}.vod-rating-bar{height:12px;background-color:#e8e8e8;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px rgb(0 0 0 / .1)}.vod-rating-fill{height:100%;background:linear-gradient(90deg,#89AEDD 0%,#6a92cc 100%);border-radius:10px;transition:width 0.8s ease-out;box-shadow:0 0 8px rgb(137 174 221 / .6);position:relative}.vod-rating-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgb(255 255 255 / .3) 0%,#fff0 50%,rgb(0 0 0 / .1) 100%);border-radius:10px}.vod-total-score{margin-top:30px;padding:12px 20px;background-color:#f8f9fa;border-radius:8px;text-align:center;border:2px solid #89AEDD}.vod-total-score-label{font-size:12px;font-weight:600;color:#666;margin-bottom:4px}.vod-total-score-value{font-size:20px;font-weight:700;color:#89AEDD;line-height:1}.vod-total-score-value span{font-size:14px;font-weight:600;color:#999}@media (max-width:600px){.vod-summary-box{padding:25px 20px;margin:20px auto}.vod-icon{width:150px;height:150px;margin-bottom:30px}.vod-title{font-size:20px;padding:0 30px}.vod-title::before,.vod-title::after{font-size:24px}.vod-subtitle{font-size:13px}.vod-features{padding:20px}.vod-features li{font-size:14px;padding-left:28px}.vod-features li::before{width:22px;height:22px;font-size:13px}.vod-ratings-title{font-size:15px}.vod-rating-label{font-size:13px}.vod-rating-score{font-size:16px;min-width:50px}.vod-rating-bar{height:10px}.vod-total-score{padding:10px 15px}.vod-total-score-label{font-size:11px}.vod-total-score-value{font-size:18px}.vod-total-score-value span{font-size:12px}}