.dh-rank-top[data-v-ab9f7e5c]{justify-content:center;align-items:flex-end;display:flex}.dh-rank-top[data-v-ab9f7e5c]>*+*{margin-left:4%}.dh-rank-top__card[data-v-ab9f7e5c]{cursor:pointer;flex:232;min-width:0;max-width:232px;text-decoration:none;position:relative}.dh-rank-top__card--first[data-v-ab9f7e5c]{flex:256;max-width:256px}.dh-rank-top__badge[data-v-ab9f7e5c]{z-index:2;border:1.5px solid #fff6;border-radius:12px 0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;font-style:italic;font-weight:1000;line-height:28px;display:flex;position:absolute;top:0;left:0}.dh-rank-top__badge--1[data-v-ab9f7e5c]{background:linear-gradient(#fff5b8,#ffb44d);border-color:#fff5b880}.dh-rank-top__badge--2[data-v-ab9f7e5c]{background:linear-gradient(#f1f6ff,#a8a7ae);border-color:#f1f6ff80}.dh-rank-top__badge--3[data-v-ab9f7e5c]{background:linear-gradient(#ffd8ba,#e3725f);border-color:#ffd8ba80}.dh-rank-top__badge-text[data-v-ab9f7e5c]{color:#000;transform:translate(-2px)}.dh-rank-top__cover[data-v-ab9f7e5c]{aspect-ratio:3/4;background:#101011;border-radius:12px;width:100%;position:relative;overflow:hidden}.dh-rank-top__cover-img[data-v-ab9f7e5c]{width:100%;height:100%;transition:transform .3s}.dh-rank-top__card:hover .dh-rank-top__cover-img[data-v-ab9f7e5c]{transform:scale(1.05)}.dh-rank-top__cover-overlay[data-v-ab9f7e5c]{opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:absolute;inset:0}.dh-rank-top__card:hover .dh-rank-top__cover-overlay[data-v-ab9f7e5c]{opacity:1}.dh-rank-top__play-icon[data-v-ab9f7e5c]{opacity:0;pointer-events:none;width:51px;height:57px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dh-rank-top__card:hover .dh-rank-top__play-icon[data-v-ab9f7e5c]{opacity:1}.dh-rank-top__info[data-v-ab9f7e5c]{box-sizing:border-box;flex-direction:column;height:114px;margin-top:12px;display:flex}.dh-rank-top__title[data-v-ab9f7e5c]{color:var(--color-text-white);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:510;line-height:32px;overflow:hidden}.dh-rank-top__desc[data-v-ab9f7e5c]{color:#ffffff80;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:18px;display:-webkit-box;overflow:hidden}.dh-rank-top__hot[data-v-ab9f7e5c]{color:#fb3353;border-radius:8px;align-items:center;width:fit-content;height:20px;margin-top:8px;padding:0 6px;font-size:14px;font-weight:400;line-height:16px;display:inline-flex}.dh-rank-top__hot[data-v-ab9f7e5c]>*+*{margin-left:2px}.dh-rank-top__hot-icon[data-v-ab9f7e5c]{-o-object-fit:contain;object-fit:contain;width:14px;height:14px}@media screen and (width<=744px){.dh-rank-top[data-v-ab9f7e5c]{display:none}}