.dk-tv-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; }.dk-tv-card { display: flex; flex-direction: column; background: rgb(255, 255, 255); border-radius: 18px; overflow: hidden; text-decoration: none; color: var(--ink); border: 1px solid var(--line); box-shadow: rgba(24, 58, 38, 0.35) 0px 10px 26px -18px; transition: transform 0.2s, box-shadow 0.2s; }.dk-tv-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }.dk-tv-thumb { position: relative; display: block; aspect-ratio: 16 / 9; background: linear-gradient(160deg,var(--g-300),var(--g-800)) center/cover no-repeat; }.dk-tv-play { position: absolute; inset: 0px; margin: auto; width: 52px; height: 52px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 24px; transition: transform 0.2s; }.dk-tv-play svg { width: 22px; height: 22px; fill: var(--g-800); margin-left: 3px; }.dk-tv-card:hover .dk-tv-play { transform: scale(1.08); }.dk-tv-dur { position: absolute; bottom: 8px; inset-inline-start: 8px; padding: 2px 8px; border-radius: 6px; background: rgba(0, 0, 0, 0.72); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; }.dk-tv-body { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 16px; }.dk-tv-topic { font-size: 12px; font-weight: 800; color: var(--g-600); }.dk-tv-title { font-size: 15px; font-weight: 800; line-height: 1.8; }.dk-tv-rail .dk-tv-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }@media (max-width: 1020px){.dk-tv-grid, .dk-tv-rail .dk-tv-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}@media (max-width: 520px){.dk-tv-grid, .dk-tv-rail .dk-tv-grid { gap: 12px; }.dk-tv-title { font-size: 14px; }.dk-tv-body { padding: 10px 10px 12px; }.dk-tv-play { width: 42px; height: 42px; }}