.drama-card[data-v-ab06bab3]{cursor:pointer;flex-shrink:0;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.drama-card[data-v-ab06bab3],.poster-wrapper[data-v-ab06bab3]{display:block;position:relative}.poster-wrapper[data-v-ab06bab3]{aspect-ratio:3/4;background:linear-gradient(270deg,#141414,#181818);border-radius:8px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:100%}.poster[data-v-ab06bab3]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease;width:100%}.badge[data-v-ab06bab3]{align-items:center;background:#c81e1ee6;border-radius:4px;display:flex;gap:4px;left:8px;padding:3px 8px 3px 4px;position:absolute;top:8px;z-index:5}.badge-icon[data-v-ab06bab3]{align-items:center;background:#e53935;border-radius:3px;display:flex;font-weight:800;height:16px;justify-content:center;width:16px}.badge-icon[data-v-ab06bab3],.badge-text[data-v-ab06bab3]{color:#fff;font-size:10px;line-height:1}.badge-text[data-v-ab06bab3]{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-new[data-v-ab06bab3]{background:#4caf50e6}.badge-new .badge-icon[data-v-ab06bab3]{background:#43a047}.badge-interactive[data-v-ab06bab3]{background:#2196f3e6}.badge-interactive .badge-icon[data-v-ab06bab3]{background:#1e88e5}.hover-overlay[data-v-ab06bab3]{background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.9) 50%,rgba(0,0,0,.6) 80%,transparent);bottom:0;display:flex;flex-direction:column;left:0;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:10}.overlay-desc[data-v-ab06bab3]{color:#fffffff2;display:-webkit-box;font-size:12px;-webkit-line-clamp:4;line-clamp:4;line-height:1.4;margin:0 0 10px;-webkit-box-orient:vertical;overflow:hidden}.overlay-actions[data-v-ab06bab3]{gap:8px}.overlay-actions[data-v-ab06bab3],.play-btn[data-v-ab06bab3]{align-items:center;display:flex}.play-btn[data-v-ab06bab3]{background:#e83a57;border:none;border-radius:20px;color:#fff;cursor:pointer;flex:1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 0;transition:background .2s}.play-btn[data-v-ab06bab3]:hover{background:#d42e4a}.collect-btn[data-v-ab06bab3]{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#ffc107;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .2s;width:34px}.collect-btn[data-v-ab06bab3]:hover{background:#ffffff40}@media(hover:hover)and (pointer:fine){.drama-card:hover .poster-wrapper[data-v-ab06bab3]{box-shadow:0 8px 24px #00000080;transform:scale(1.05)}.drama-card:hover .hover-overlay[data-v-ab06bab3]{opacity:1;pointer-events:auto;transform:translateY(0)}}@media(hover:none)and (pointer:coarse){.drama-card[data-v-ab06bab3]:active{transform:scale(.98)}.hover-overlay[data-v-ab06bab3]{display:none}}.title[data-v-ab06bab3]{color:#fff;display:-webkit-box;font-size:12px;font-weight:500;-webkit-line-clamp:2;line-clamp:2;line-height:1.3;margin:8px 0 0;text-align:center;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.title[data-v-ab06bab3]{font-size:13px}.hover-overlay[data-v-ab06bab3]{padding:14px}.overlay-desc[data-v-ab06bab3]{font-size:12px}}@media(min-width:1280px){.title[data-v-ab06bab3]{font-size:14px;line-height:1.35}}