.dh-banner[data-v-0734ffbf]{-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;height:420px;margin-top:-68px;position:relative;overflow:hidden}.dh-banner__track[data-v-0734ffbf]{will-change:transform;height:100%;display:flex}.dh-banner__slide[data-v-0734ffbf]{cursor:pointer;flex-shrink:0;width:100%;height:100%;position:relative}.dh-banner__bg[data-v-0734ffbf]{background:#101011;position:absolute;inset:0}.dh-banner__bg-img[data-v-0734ffbf]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.dh-banner__bg picture[data-v-0734ffbf]{width:100%;height:100%;display:block}.dh-banner__gradient-top[data-v-0734ffbf]{background:linear-gradient(#000000b3 0,#0000 22%)}.dh-banner__gradient-bottom[data-v-0734ffbf],.dh-banner__gradient-top[data-v-0734ffbf]{pointer-events:none;position:absolute;inset:0}.dh-banner__gradient-bottom[data-v-0734ffbf]{background:linear-gradient(#0000 83%,#000)}.dh-banner__content[data-v-0734ffbf]{box-sizing:border-box;z-index:1;flex-direction:column;justify-content:center;width:100%;max-width:1460px;margin:0 auto;padding:0 24px 0 135px;display:flex;position:absolute;inset:68px 0 48px}.dh-banner__text[data-v-0734ffbf]{flex-direction:column;max-width:500px;display:flex}.dh-banner__title[data-v-0734ffbf]{color:#fff;-webkit-line-clamp:2;margin:0;font-size:32px;font-weight:700;line-height:40px}.dh-banner__desc[data-v-0734ffbf],.dh-banner__title[data-v-0734ffbf]{word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dh-banner__desc[data-v-0734ffbf]{color:#ffffff80;-webkit-line-clamp:4;margin-top:8px;font-size:14px;font-weight:400;line-height:18px}.dh-banner__play-btn[data-v-0734ffbf]{color:#000;text-align:center;cursor:pointer;background:#fff;border:none;border-radius:100px;align-self:flex-start;margin-top:20px;padding:12px 32px;font-size:16px;font-weight:700;line-height:20px;transition:opacity .2s}.dh-banner__play-btn[data-v-0734ffbf]:hover{opacity:.9}.dh-banner__play-btn[data-v-0734ffbf]:active{opacity:.8}.dh-banner__dots[data-v-0734ffbf]{z-index:2;box-sizing:border-box;align-items:center;max-width:1460px;margin:0 auto;padding:0 24px 0 135px;display:flex;position:absolute;bottom:48px;left:0;right:0}.dh-banner__dots[data-v-0734ffbf]>*+*{margin-left:4px}.dh-banner__dot[data-v-0734ffbf]{cursor:pointer;background:#fff3;border-radius:50%;width:4px;height:4px;transition:all .3s}.dh-banner__dot--active[data-v-0734ffbf]{background:#fff;border-radius:10px;width:12px}@media screen and (width<=744px){.dh-banner[data-v-0734ffbf]{border-radius:0;height:270px;margin-top:0}.dh-banner__gradient-top[data-v-0734ffbf]{background:0 0}.dh-banner__gradient-bottom[data-v-0734ffbf]{background:linear-gradient(#0000 56%,#000)}.dh-banner__content[data-v-0734ffbf]{justify-content:flex-end;max-width:none;padding:0 16px 16px;inset:auto 0 0}.dh-banner__title[data-v-0734ffbf]{font-size:16px;font-weight:700;line-height:18px}.dh-banner__desc[data-v-0734ffbf]{-webkit-line-clamp:2;font-size:12px;line-height:16px}.dh-banner__play-btn[data-v-0734ffbf]{display:none}.dh-banner__text[data-v-0734ffbf]{height:auto}.dh-banner__dots[data-v-0734ffbf]{justify-content:center;padding:0 16px;bottom:0}}.drama-page[data-v-3ebb3909]{flex-direction:column;flex:1;display:flex}.drama-page__section[data-v-3ebb3909]{box-sizing:border-box;width:100%;max-width:1460px;margin:0 auto;padding:0 24px 60px}.drama-page__section--category[data-v-3ebb3909]{flex-direction:column;flex:1;padding-top:24px;display:flex}.drama-page__section-title[data-v-3ebb3909]{color:#fff;margin:0 0 16px;font-size:24px;font-weight:700;line-height:28px}.drama-page__grid[data-v-3ebb3909]{-moz-column-gap:16px;grid-template-columns:repeat(7,1fr);gap:32px 16px;display:grid}.drama-page__category-grid[data-v-3ebb3909]{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.drama-page__rank-header[data-v-3ebb3909]{margin-bottom:24px}.drama-page__rank-title[data-v-3ebb3909]{color:#fff;margin:0;font-size:18px;font-weight:700;line-height:28px;display:none}.drama-page__rank-subtitle[data-v-3ebb3909]{color:#ffffff80;text-align:center;margin:0;font-size:14px;font-weight:400;line-height:18px}.drama-page__rank-list[data-v-3ebb3909]{flex-direction:column;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:24px 0;display:flex}.drama-page__rank-list[data-v-3ebb3909]>*+*{margin-top:10px}.drama-page__rank-list--mobile[data-v-3ebb3909]{display:none}.drama-page__rank-list .dh-rank-card__wrapper[data-v-3ebb3909]{background:linear-gradient(90deg,#fff0 0,#ffffff1a 50%,#fff0);justify-content:center;width:100%;display:flex;position:relative}.drama-page__rank-list .dh-rank-card__wrapper[data-v-3ebb3909]:after,.drama-page__rank-list .dh-rank-card__wrapper[data-v-3ebb3909]:before{content:"";opacity:0;background:linear-gradient(90deg,#fa2a9300 0,#fa2a9366 50%,#fa2a9300);height:1px;transition:opacity .3s;position:absolute;left:0;right:0}.drama-page__rank-list .dh-rank-card__wrapper[data-v-3ebb3909]:before{top:0}.drama-page__rank-list .dh-rank-card__wrapper[data-v-3ebb3909]:after{bottom:0}.drama-page__rank-list .dh-rank-card__wrapper[data-v-3ebb3909]:hover{background:linear-gradient(90deg,#fa2a9300 0,#fa2a9333 50%,#fa2a9300)}.drama-page__rank-list .dh-rank-card__wrapper[data-v-3ebb3909]:hover:after,.drama-page__rank-list .dh-rank-card__wrapper[data-v-3ebb3909]:hover:before{opacity:1}.drama-page__no-more[data-v-3ebb3909]{text-align:center;color:#ffffff4d;padding:24px 0;font-size:13px}@media screen and (width<=1200px){.drama-page__grid[data-v-3ebb3909]{grid-template-columns:repeat(5,1fr)}}@media screen and (width<=960px){.drama-page__grid[data-v-3ebb3909]{grid-template-columns:repeat(4,1fr)}.drama-page__category-grid[data-v-3ebb3909]{grid-template-columns:1fr}}@media screen and (width<=744px){.drama-page__section[data-v-3ebb3909]{padding:16px 16px 32px}.drama-page__section--category[data-v-3ebb3909]{padding:8px 0 32px}.drama-page__section-title[data-v-3ebb3909]{font-size:18px;line-height:28px}.drama-page__grid[data-v-3ebb3909]{-moz-column-gap:8px;grid-template-columns:repeat(2,1fr);gap:12px 8px}.drama-page__category-grid[data-v-3ebb3909]{grid-template-columns:1fr;gap:8px}.drama-page__rank-title[data-v-3ebb3909]{font-size:18px;line-height:28px;display:block}.drama-page__rank-subtitle[data-v-3ebb3909]{text-align:left;margin-top:4px;font-size:12px;line-height:14px}.drama-page__rank-list--pc[data-v-3ebb3909]{display:none}.drama-page__rank-list--mobile[data-v-3ebb3909]{margin-top:16px;padding:0;display:block}.drama-page__rank-list--mobile[data-v-3ebb3909]>*+*{margin-top:8px}}.drama-page--fandom[data-v-3ebb3909]{padding:0}