/* 短剧卡片统一外观:小圆角封面、底部渐变、集数角标置左上、信息区无底色、话题式标签。 选择器带 a 标签提高优先级,覆盖各页面对卡片的局部样式。 */ a.poster-card { border-radius: 6px; background: transparent; overflow: visible; } a.poster-card > .poster-cover { border-radius: 6px; overflow: hidden; background: #1a1a1a; } a.poster-card > .poster-cover::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 36%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); pointer-events: none; z-index: 1; } a.poster-card .poster-cover-img { transition: transform 0.35s ease; } a.poster-card:hover .poster-cover-img { transform: scale(1.04); } a.poster-card .episode-badge { left: 6px; right: auto; top: 6px; bottom: auto; height: 20px; padding: 0 6px; border-radius: 3px; background: rgba(0, 0, 0, 0.55); font-size: 11px; line-height: 20px; z-index: 2; } a.poster-card .episode-badge .text-white-xs { font-size: inherit; line-height: inherit; } a.poster-card .poster-corner-badges { top: 6px; right: 6px; } a.poster-card > .poster-card-body { padding: 8px 2px 2px; background: transparent; gap: 3px; } a.poster-card .poster-card-title { margin: 0; font-weight: 600; } a.poster-card:hover .poster-card-title { color: #ec237f; } a.poster-card .poster-card-subtitle { margin: 0; color: #8c8c8c; } a.poster-card .poster-card-tag { padding: 0; background: transparent; border: 0; color: #9a9a9a; } a.poster-card .poster-card-tag::before { content: "#"; margin-right: 1px; opacity: 0.7; } a.poster-card .poster-card-heat { flex-shrink: 0; white-space: nowrap; } /* 侧栏卡片较窄,标签不加 # 前缀以免被截断 */ .detail-related a.poster-card .poster-card-tag::before { content: none; }