.rank-subject-list[data-v-031f5171]{height:100%;width:100%}.subject-grid[data-v-031f5171]{display:flex;flex-wrap:wrap}@media (min-width:768px){.subject-grid[data-v-031f5171]{gap:2rem 1rem}}.rank-subject-item[data-v-031f5171]{cursor:pointer;display:flex;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.rank-subject-item[data-v-031f5171]{align-items:stretch;flex-direction:row;overflow:hidden}}.rank-subject-item[data-v-031f5171]{height:5.875rem}@media (min-width:768px){.rank-subject-item[data-v-031f5171]{height:auto;min-height:13.3125rem}}.rank-subject-item .desc-text[data-v-031f5171]:hover,.rank-subject-item .title-text[data-v-031f5171]:hover{text-decoration-line:underline}@media screen and (max-width:767px){.rank-subject-item[data-v-031f5171]{align-items:center;margin-block-start:.75rem}}.subject-cover[data-v-031f5171]{border-radius:.125rem;height:6.25rem;min-width:4.25rem;overflow:hidden;position:relative;width:4.25rem}@media (min-width:768px){.subject-cover[data-v-031f5171]{border-radius:.5rem;height:13.3125rem;width:9.5rem}}.subject-cover[data-v-031f5171]{margin-inline-end:.5rem}@media screen and (min-width:768px){.subject-cover[data-v-031f5171]{margin-inline-end:1rem}}.ranking-corner[data-v-031f5171]{left:0;position:absolute;top:0;z-index:2}.ranking-corner-bg[data-v-031f5171]{align-items:center;border-radius:.125rem;display:flex;justify-content:center}@media (min-width:768px){.ranking-corner-bg[data-v-031f5171]{border-radius:.375rem}}.ranking-corner-bg[data-v-031f5171]{height:1rem;width:1rem}@media (min-width:768px){.ranking-corner-bg[data-v-031f5171]{height:2rem;width:2rem}}.ranking-corner-bg[data-v-031f5171]{padding-bottom:.0625rem;padding-left:.25rem;padding-right:.25rem}@media (min-width:768px){.ranking-corner-bg[data-v-031f5171]{padding:.1875rem .625rem}}.ranking-corner-num[data-v-031f5171]{font-size:.75rem;font-weight:700;line-height:1rem;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}@media (min-width:768px){.ranking-corner-num[data-v-031f5171]{font-size:1.25rem;line-height:1.75rem}}.ranking-corner-num[data-v-031f5171]{line-height:.875rem}@media (min-width:768px){.ranking-corner-num[data-v-031f5171]{line-height:1.5625rem}}.ranking-corner-wrapper-0 .ranking-corner-bg[data-v-031f5171]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#fd3ab4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,58,180,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ff2e62 var(--tw-gradient-to-position)}.ranking-corner-wrapper-1 .ranking-corner-bg[data-v-031f5171]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#ff5140 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,81,64,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f59133 var(--tw-gradient-to-position)}.ranking-corner-wrapper-2 .ranking-corner-bg[data-v-031f5171]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#ff9625 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,150,37,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ffba1f var(--tw-gradient-to-position)}.ranking-corner-0[data-v-031f5171]{--tw-gradient-from:#fd3ab4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,58,180,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ff2e62 var(--tw-gradient-to-position)}.ranking-corner-0[data-v-031f5171],.ranking-corner-1[data-v-031f5171]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.ranking-corner-1[data-v-031f5171]{--tw-gradient-from:#ff5140 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,81,64,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f59133 var(--tw-gradient-to-position)}.ranking-corner-2[data-v-031f5171]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#ff9625 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,150,37,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ffba1f var(--tw-gradient-to-position)}.rank-subject-item:nth-child(n+4) .ranking-corner-bg[data-v-031f5171]{background-color:#0009}.subject-special-tag[data-v-031f5171]{align-items:center;display:flex;justify-content:center;position:absolute;right:.25rem;top:.125rem;z-index:6}@media (min-width:768px){.subject-special-tag[data-v-031f5171]{right:.5rem;top:.5rem;z-index:10}}.subject-special-tag[data-v-031f5171]{background-color:#0009;border-radius:.125rem}@media (min-width:768px){.subject-special-tag[data-v-031f5171]{border-radius:.375rem}}.subject-special-tag[data-v-031f5171]{padding:.15625rem .375rem}@media (min-width:768px){.subject-special-tag[data-v-031f5171]{padding:.21875rem .5rem}}@media screen and (max-width:767px){.subject-special-tag[data-v-031f5171]{flex-shrink:0;gap:.625rem;inset-inline-end:.125rem;--tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}.special-tag-text[data-v-031f5171]{color:#0f172ad9;font-size:.6875rem;font-weight:500}@media (min-width:768px){.special-tag-text[data-v-031f5171]{font-size:.8125rem}}.special-tag-text[data-v-031f5171]{line-height:.8125rem}@media (min-width:768px){.special-tag-text[data-v-031f5171]{line-height:.9375rem}}.cover-hover-mask[data-v-031f5171]{background-color:#0003;display:none;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:3}.cover-hover-mask[data-v-031f5171]:hover{opacity:1}@media (min-width:768px){.cover-hover-mask[data-v-031f5171]{display:block}}.subject-info[data-v-031f5171]{display:flex;flex-direction:column;justify-content:space-between;margin-top:.25rem;position:relative;width:calc(100% - 5rem)}@media (min-width:768px){.subject-info[data-v-031f5171]{margin-top:0;width:calc(100% - 10.5rem)}}.subject-info[data-v-031f5171]{flex-grow:1}.info-main[data-v-031f5171]{display:flex;flex-direction:column}.subject-title[data-v-031f5171]{font-weight:600;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}@media (min-width:768px){.subject-title[data-v-031f5171]{font-weight:500}}.subject-title[data-v-031f5171]{font-size:.875rem;line-height:1rem}@media (min-width:768px){.subject-title[data-v-031f5171]{font-size:1rem;line-height:1.375rem}}@media screen and (min-width:768px){.subject-title[data-v-031f5171]{margin-block-end:.25rem}}.title-text[data-v-031f5171]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.subject-detail[data-v-031f5171]{align-items:center;display:flex;margin-top:.25rem}@media (min-width:768px){.subject-detail[data-v-031f5171]{margin-bottom:.25rem;margin-top:.25rem}}.subject-detail[data-v-031f5171]{font-size:.75rem;line-height:1rem;line-height:.875rem}@media (min-width:768px){.subject-detail[data-v-031f5171]{font-size:.875rem;line-height:1.25rem;line-height:1rem}}.detail-icon[data-v-031f5171],.rate-icon[data-v-031f5171]{height:.75rem;width:.75rem}@media (min-width:768px){.detail-icon[data-v-031f5171],.rate-icon[data-v-031f5171]{height:1rem;width:1rem}}.rate-icon[data-v-031f5171]{margin-right:.25rem}.detail-split[data-v-031f5171]{display:inline-block;flex-shrink:0;height:.0625rem;margin:.25rem .375rem;width:.5rem;--tw-rotate:90deg;background-color:#0f172a26;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.detail-split[data-v-031f5171]{height:.0625rem;margin-left:.5rem;margin-right:.5rem;width:.625rem}}.detail-rate[data-v-031f5171]{align-items:center;display:flex}.rate-value[data-v-031f5171]{--tw-text-opacity:1;color:rgb(204 154 4/var(--tw-text-opacity,1))}.detail-genre[data-v-031f5171],.detail-year[data-v-031f5171]{color:#0f172a99}.detail-genre[data-v-031f5171]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}@media screen and (max-width:767px){.detail-genre[data-v-031f5171]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}}.desc-text[data-v-031f5171]{color:#0f172a8c;display:-webkit-box;font-style:normal;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;font-size:.75rem;line-height:1rem;line-height:.875rem;margin:.5rem 0 .25rem}@media (min-width:768px){.desc-text[data-v-031f5171]{margin:0}}.desc-text[data-v-031f5171]{line-clamp:2;-webkit-line-clamp:2}@media screen and (min-width:768px){.desc-text[data-v-031f5171]{font-family:Roboto;font-size:.875rem;line-clamp:5;-webkit-line-clamp:5;line-height:1.25rem;line-height:1.125rem}}.subject-play-btn[data-v-031f5171]{align-items:center;display:none;justify-content:center;margin-top:1rem}@media (min-width:768px){.subject-play-btn[data-v-031f5171]{display:flex}}.subject-play-btn[data-v-031f5171]{border-radius:.375rem;font-weight:700;padding:.5rem .75rem;--tw-text-opacity:1;background:linear-gradient(120deg,#e63946,#ff6b35);bottom:0;color:rgb(255 255 255/var(--tw-text-opacity,1));cursor:pointer;font-size:.875rem;height:2.25rem;line-height:1.1875rem;min-width:5rem;position:absolute;transition:opacity .15s ease}.subject-play-btn[data-v-031f5171]:hover{opacity:.88}.play-icon[data-v-031f5171]{height:1.25rem;margin-right:.5rem;width:1.25rem}.load-more-container[data-v-031f5171]{margin-top:1.5rem}@media (min-width:768px){.load-more-container[data-v-031f5171]{margin-top:2rem}}.load-more-btn[data-v-031f5171]{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin-left:auto;margin-right:auto;width:100%}@media (min-width:768px){.load-more-btn[data-v-031f5171]{width:26.875rem}}.load-more-btn[data-v-031f5171]{background:#fff;border:.0625rem solid #e2e8f0;box-shadow:0 .0625rem .1875rem #0f172a0a;transition:background .12s ease}.load-more-btn[data-v-031f5171]:hover{background:#f7f8fa}.load-more-icon[data-v-031f5171]{height:1rem;margin-right:.5rem;width:1rem}.load-more-text[data-v-031f5171]{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}@keyframes spin-031f5171{to{transform:rotate(1turn)}}.load-more-spin[data-v-031f5171]{animation:spin-031f5171 1s linear infinite}.empty-container[data-v-031f5171]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:2.5rem;padding:.625rem}@media (min-width:768px){.empty-container[data-v-031f5171]{margin-bottom:15rem;margin-top:12rem}}.empty-icon[data-v-031f5171]{height:5.75rem;margin-block-end:3.75rem;width:7.375rem}.empty-text[data-v-031f5171]{font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;line-height:normal;text-align:center;--tw-text-opacity:1;color:rgb(118 123 133/var(--tw-text-opacity,1))}@media screen and (min-width:951px) and (max-width:1100px){.rank-subject-item[data-v-031f5171]{width:calc(50% - 1rem)}}@media screen and (min-width:1101px) and (max-width:1300px){.rank-subject-item[data-v-031f5171]{min-width:calc(50% - 1rem);width:calc(50% - 1rem)}}@media screen and (min-width:1301px) and (max-width:1600px){.rank-subject-item[data-v-031f5171]{min-width:calc(33.33% - 1rem);width:calc(33.33% - 1rem)}.subject-play-btn[data-v-031f5171]{font-size:.875rem;width:7.5rem}}@media screen and (min-width:1601px){.rank-subject-item[data-v-031f5171]{min-width:calc(25% - 1rem);width:calc(25% - 1rem)}}.container-page[data-v-70510b06]{background:linear-gradient(180deg,#f7f8fc00,#f7f8fc),url(./bg.CEefRPl4.png);background-position:0 0,0 0;background-repeat:no-repeat,no-repeat;background-size:100% 6.25rem,100% 6.25rem;height:100vh;padding-block-start:4rem;position:relative;width:100%}@media screen and (min-width:768px){.container-page[data-v-70510b06]{background:none;height:auto;min-height:100vh;padding-block-start:0}}.header[data-v-70510b06]{height:3.25rem;inset-inline-start:0;position:fixed;top:0;width:100%;z-index:10}.header span[data-v-70510b06]{font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;line-height:normal;text-align:center;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-family:Roboto,sans-serif}.back-icon[data-v-70510b06]{height:1.5rem;inset-inline-start:1rem;position:fixed;top:.75rem;width:1.5rem;z-index:9}.ranking-box .ranking-title[data-v-70510b06]{font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;line-height:1.1875rem;margin:0 .75rem;text-align:center;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.ranking-box .icon-logo[data-v-70510b06]{height:1.875rem;width:1rem}.pc-rank-title[data-v-70510b06]{color:#0f172a;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-top:1.5rem}.subject-list-box[data-v-70510b06]{flex-grow:1;height:100%;overflow-x:hidden;padding:.75rem}@media (min-width:768px){.subject-list-box[data-v-70510b06]{padding:0}}.h5-rank-title[data-v-70510b06]{font-size:.875rem;font-style:normal;font-weight:700;line-height:1rem;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.h5-layout-container[data-v-70510b06]{height:calc(100vh - 3.25rem)}.h5-content-wrapper[data-v-70510b06]{flex:1 1 0%;overflow-y:auto;padding:.75rem}.lb-layout[data-v-70510b06]{display:flex;min-height:100vh}.lb-sidebar[data-v-70510b06]{background:#fff;border-inline-end:.0625rem solid #e2e8f0;flex-direction:column;flex-shrink:0;min-width:13.75rem;position:sticky;top:0;width:13.75rem}.lb-main[data-v-70510b06],.lb-sidebar[data-v-70510b06]{height:100vh;overflow-x:hidden;overflow-y:auto}.lb-main[data-v-70510b06]{flex:1;min-width:0;padding:1.5rem 1.875rem 5rem}@media (max-width:767px){.lb-main[data-v-70510b06]{height:auto;overflow:visible;padding:0 0 5rem}}.lb-content[data-v-70510b06]{width:100%}