html.night-mode .dark-img[data-v-d2a7099a]{filter:saturate(85%) brightness(97%);will-change:filter}@media (max-width: 1279px){.content-width[data-v-d2a7099a]{width:360px}}@media (min-width: 1280px){.content-width[data-v-d2a7099a]{width:896px}}@media (min-width: 1366px){.content-width[data-v-d2a7099a]{width:1268px}}@media (min-width: 1920px){.content-width[data-v-d2a7099a]{width:1640px}}.text-ellipsis[data-v-d2a7099a]{text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}.card-list[data-v-d2a7099a]{display:grid}@media (max-width: 511px){.card-list[data-v-d2a7099a]{grid-template-columns:1fr;grid-row-gap:20px}}@media (min-width: 512px){.card-list[data-v-d2a7099a]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px;grid-row-gap:16px}}@media (min-width: 888px){.card-list[data-v-d2a7099a]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.card-list[data-v-d2a7099a]{grid-template-columns:repeat(4,1fr);grid-column-gap:24px;grid-row-gap:24px}}@media (min-width: 1920px){.card-list[data-v-d2a7099a]{grid-template-columns:repeat(5,1fr)}}@media (min-width: 2318px){.card-list[data-v-d2a7099a]{grid-template-columns:repeat(6,1fr)}}@media (max-width: 887px){.layout-padding[data-v-d2a7099a]{padding:0 16px}}@media (min-width: 888px){.layout-padding[data-v-d2a7099a]{padding:0 24px}}@media (min-width: 1280px){.layout-padding[data-v-d2a7099a]{padding:0 32px}}@media (min-width: 1920px){.layout-padding[data-v-d2a7099a]{padding:0 40px}}@media (min-width: 2318px){.layout-padding[data-v-d2a7099a]{padding:0 48px}}.filter-primary[data-v-d2a7099a]{filter:invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg) brightness(103%) contrast(104%)}.filter-text-primary[data-v-d2a7099a]{filter:invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg) brightness(73%) contrast(112%)}.filter-text-secondary[data-v-d2a7099a]{filter:invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%) contrast(91%)}.card-section[data-v-d2a7099a]{width:100%;position:relative}@media (max-width: 888px){.card-section .rank-num[data-v-d2a7099a]{bottom:6px}.card-section .rank-num>svg[data-v-d2a7099a]{height:auto;transform:translate(-12%,15%)}.card-section .rank-num text[data-v-d2a7099a]{font-size:50px!important;transform:skew(-10deg) scaleY(.9);stroke-width:2}}.card-section .card-lucency[data-v-d2a7099a]{position:relative;overflow:hidden;border-radius:4px}.card-section .card-lucency .card-img[data-v-d2a7099a]{transition:transform .2s ease,opacity .2s ease;transform:scale(1)}.card-section .card-lucency .rank-mask[data-v-d2a7099a]{position:absolute;left:0;right:0;bottom:0;width:100%;height:40px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 43.16%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:1;opacity:1;transition:opacity .2s ease}.card-section .card-lucency .rank-num[data-v-d2a7099a]{width:100%;text-align:left;position:absolute;bottom:-2px;left:-10px;pointer-events:none;z-index:2;opacity:1;transition:opacity .2s ease}@media (max-width: 888px){.card-section .card-lucency .rank-num[data-v-d2a7099a]{bottom:8px;left:2px}}.card-section .card-lucency .card-overlay[data-v-d2a7099a]{border-radius:4px;position:absolute;inset:0;opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column}.card-section .card-lucency .card-overlay .card-overlay-top[data-v-d2a7099a]{flex:1;background:linear-gradient(180deg,rgba(34,34,34,0) 0%,rgba(34,34,34,.7) 50%,#222222 100%)}.card-section .card-lucency .card-overlay .card-overlay-bottom[data-v-d2a7099a]{background:#222222;padding:16px}.card-section .card-lucency .card-overlay .card-overlay-bottom .card-overlay-content[data-v-d2a7099a]{color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.card-section .card-lucency .card-overlay .card-overlay-bottom .card-overlay-content .card-types[data-v-d2a7099a]{display:flex;flex-wrap:wrap;overflow:hidden;height:22px;margin-bottom:12px}.card-section .card-lucency .card-overlay .card-overlay-bottom .card-overlay-content .card-types .type[data-v-d2a7099a]{flex-shrink:0;font-size:12px;line-height:16px;padding:3px 6px;margin-inline-end:6px;color:#fff;background-color:rgba(255,255,255,.2);border-radius:4px;max-width:100%;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}.card-section .card-lucency .card-overlay .card-overlay-bottom .card-overlay-content .card-types .type[data-v-d2a7099a]:last-child{margin-inline-end:0}.card-section .card-lucency .card-overlay .card-overlay-bottom .card-overlay-content .card-time[data-v-d2a7099a]{font-size:12px;margin-bottom:12px;opacity:.85}.card-section .card-lucency .card-overlay .card-overlay-bottom .card-overlay-content .card-play[data-v-d2a7099a]{display:flex;align-items:center;justify-content:center;height:40px;background:#06B6F2;border-radius:6px;cursor:pointer;transition:background .3s}.card-section .card-lucency .card-overlay .card-overlay-bottom .card-overlay-content .card-play[data-v-d2a7099a]:hover{background:#05a3d9}.card-section .card-lucency .card-overlay .card-overlay-bottom .card-overlay-content .card-play .card-play-icon[data-v-d2a7099a]{margin-inline-end:8px;color:#fff;width:16px;height:16px;font-size:16px;line-height:16px;overflow:hidden}.card-section .card-lucency .card-overlay .card-overlay-bottom .card-overlay-content .card-play .card-play-text[data-v-d2a7099a]{font-size:14px;font-weight:700}.card-section .card-lucency.enable-hover:hover .card-img[data-v-d2a7099a]{transform:scale(1.1)}.card-section .card-lucency.enable-hover:hover .card-overlay[data-v-d2a7099a]{opacity:1}.card-section .card-lucency.enable-hover:hover .rank-mask[data-v-d2a7099a],.card-section .card-lucency.enable-hover:hover .rank-num[data-v-d2a7099a]{opacity:0}.card-section .card-lucency-indexshow[data-v-d2a7099a]{position:absolute;left:0;right:0;bottom:0;padding:12px;height:40px;background-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 57%,rgba(0,0,0,.5) 99%);transform:scaleY(-1);z-index:3;pointer-events:none}.card-section .card-lucency-indexshow .text[data-v-d2a7099a]{display:block;text-align:end;line-height:1;font-size:12px;font-weight:700;color:#fff;transform:scaleY(-1);text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:pre}.card-section .card-bottom[data-v-d2a7099a]{margin-top:12px}.card-section .card-bottom .card-title[data-v-d2a7099a]{font-size:14px;font-weight:700;line-height:18px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;margin-top:var(--title-distance);text-decoration:none;color:inherit}.card-section .card-bottom .card-time[data-v-d2a7099a]{font-size:12px;margin-top:4px;opacity:.65}