.home-drama-card-link{display:block;min-width:0;text-decoration:none;color:inherit;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
.home-drama-card-link:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
.pomelo-body .home-page .home-card-rail>[data-card-track]{column-gap:14px;row-gap:26px}
.pomelo-body .home-page .home-card-rail .home-drama-card{flex:0 0 calc((100% - 70px)/6);width:calc((100% - 70px)/6)}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-cover{display:block;border-radius:12px}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-poster{position:relative;overflow:hidden;box-sizing:border-box;height:auto;aspect-ratio:3/4;border:1px solid rgb(255 255 255 / 9%);border-radius:12px}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-copy{padding-top:9px}
.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-copy .drama-card-title{display:block;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:21px;height:21px;font-weight:600;font-family:inherit;letter-spacing:-.01em;color:rgb(255 255 255 / 88%)}
.home-card-badge,.home-card-heat,.home-card-episodes{position:absolute;z-index:1;max-width:calc(100% - 16px);font-size:11px;line-height:18px;white-space:nowrap}
.home-card-badge{left:8px;top:8px;padding:1px 7px;border:1px solid rgb(255 255 255 / 22%);border-radius:4px;background:rgb(0 0 0 / 72%);color:#f4f4f4;font-weight:600}
.home-card-badge[data-badge=new]{border-color:transparent;background:var(--primary);color:#fff}
.home-card-badge[data-badge=updated]{border-color:transparent;background:#e8c66e;color:#201a0d}
.home-card-heat{right:8px;top:8px;display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border:1px solid rgb(255 255 255 / 12%);border-radius:4px;background:rgb(0 0 0 / 76%);color:#f4d47e;font-weight:600;font-variant-numeric:tabular-nums}
.home-card-heat>span{font-size:12px;line-height:16px}
.home-card-episodes{right:8px;bottom:8px;overflow:hidden;text-overflow:ellipsis;padding:1px 5px;border-radius:3px;background:rgb(0 0 0 / 65%);color:rgb(255 255 255 / 90%)}
.home-card-time{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:19px;color:#a5a0a4}
.home-card-time[data-recent=true]{color:#e59cb5}
.home-drama-card-link:is(:hover,:focus-visible) .drama-card-title{color:#fff}
@media(min-width:768px) and (max-width:1023px){.pomelo-body .home-page .home-card-rail>[data-card-track]{column-gap:12px}.pomelo-body .home-page .home-card-rail .home-drama-card{flex-basis:calc((100% - 24px)/3);width:calc((100% - 24px)/3)}}
/* Keep each page's column count and navigation while using the same card rhythm. */
.pomelo-body main:not(.home-page) :is(.drama-grid,.home-recent-grid,.home-popular-grid,.series-recommendations):has(> .pomelo-drama-card,> .p-favorite-item > .pomelo-drama-card,> .topic-recommendation > .pomelo-drama-card){column-gap:14px;row-gap:26px}
@media(min-width:768px) and (max-width:1023px){.pomelo-body main:not(.home-page) :is(.drama-grid,.home-recent-grid,.home-popular-grid,.series-recommendations):has(> .pomelo-drama-card,> .p-favorite-item > .pomelo-drama-card,> .topic-recommendation > .pomelo-drama-card){column-gap:12px}}
@media(max-width:767px){.home-drama-card-link{border-radius:10px}.pomelo-body .home-page .home-card-rail>[data-card-track]{column-gap:10px;row-gap:22px}.pomelo-body .home-page .home-card-rail .home-drama-card{flex-basis:calc((100% - 10px)/2);width:calc((100% - 10px)/2)}.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) :is(.drama-card-cover,.drama-poster){border-radius:10px}.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-copy{padding-top:8px}.pomelo-body main article.drama-card:is(.pomelo-drama-card,.home-drama-card) .drama-card-copy .drama-card-title{font-size:14px;line-height:20px;height:20px;font-weight:600}.home-card-time{margin-top:3px;font-size:12px;line-height:18px}.pomelo-body main:not(.home-page) :is(.drama-grid,.home-recent-grid,.home-popular-grid,.series-recommendations):has(> .pomelo-drama-card,> .p-favorite-item > .pomelo-drama-card,> .topic-recommendation > .pomelo-drama-card){column-gap:10px;row-gap:22px}}
@media(max-width:639px){.home-card-badge,.home-card-heat,.home-card-episodes{font-size:10px;line-height:16px}.home-card-badge{left:6px;top:6px;padding-inline:5px}.home-card-heat{right:6px;top:6px;padding-inline:4px}.home-card-episodes{right:6px;bottom:6px}}