.container-page[data-v-96ab22a1]{background:radial-gradient(circle at 12% 0,hsla(40,84%,69%,.12),transparent 28%),radial-gradient(circle at 92% 8%,rgba(142,168,255,.08),transparent 26%),var(--mbapptop-bg);min-height:100vh;width:100%}@media screen and (max-width:767px){.container-page[data-v-96ab22a1]{background:linear-gradient(180deg,#07080b9e,#07080b),url(./bg.CEefRPl4.png);background-position:0 0,0 0,0 0;background-repeat:no-repeat,no-repeat;background-size:100% 6.25rem,100% 6.25rem;height:100vh;padding-block-start:3rem;position:relative;width:100%}}.container-page .mbapptop-right-content[data-v-96ab22a1]{flex-grow:1;overflow-y:scroll;padding-inline-end:4rem;padding-top:.75rem;padding-inline-start:4rem;width:100%}@media screen and (max-width:767px){.container-page .mbapptop-right-content[data-v-96ab22a1]{padding:.75rem}}.mbapptop-h5-header[data-v-96ab22a1]{height:3.25rem;inset-inline-start:0;position:fixed;top:0;width:100%;z-index:10}.mbapptop-h5-header .back-icon[data-v-96ab22a1]{height:1.5rem;inset-inline-start:1rem;position:fixed;top:.75rem;width:1.5rem;z-index:9}.mbapptop-h5-header .category-title[data-v-96ab22a1]{font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;line-height:1.1875rem;margin-bottom:0;margin-top:0;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.mbapptop-h5-header .category-title[data-v-96ab22a1]{font-size:1.25rem;line-height:1.5rem;margin-bottom:.75rem;margin-top:1.5rem}}.pc-mbapptop-category-title[data-v-96ab22a1]{color:var(--mbapptop-text);display:none;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-bottom:.75rem;margin-top:1.5rem}@media (min-width:768px){.pc-mbapptop-category-title[data-v-96ab22a1]{display:flex}.empty[data-v-96ab22a1]{margin:1rem 0 2.5rem}}.empty[data-v-96ab22a1]{margin-block-end:14.625rem}@media screen and (max-width:767px){.empty[data-v-96ab22a1]{height:100%;margin-block-end:0;padding:.625rem}}.empty-icon[data-v-96ab22a1]{height:5.75rem;margin-block-end:3.75rem;margin-block-start:11.25rem;width:7.375rem}@media screen and (max-width:767px){.empty-icon[data-v-96ab22a1]{margin-block-end:3.75rem;margin-block-start:2.125rem}}.empty-txt[data-v-96ab22a1]{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))}.card-list[data-v-96ab22a1]{flex-wrap:wrap}@media (min-width:768px){.card-list[data-v-96ab22a1]{gap:2rem 1rem}}.pc-mbapptop-card[data-v-96ab22a1]{align-items:stretch}@media (min-width:768px){.pc-mbapptop-card[data-v-96ab22a1]{overflow:hidden}}.pc-mbapptop-card[data-v-96ab22a1]{background:linear-gradient(180deg,#fff1,#ffffff06),#101219;border:.0625rem solid hsla(0,0%,100%,.075);border-radius:1.125rem;box-shadow:0 .75rem 1.875rem #0003;padding:.625rem;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.pc-mbapptop-card[data-v-96ab22a1]:hover{border-color:#f2c66e3d;box-shadow:0 1.375rem 2.75rem #0000005c;transform:translateY(-.25rem)}@media screen and (max-width:767px){.pc-mbapptop-card[data-v-96ab22a1]{align-items:center;height:5.875rem;justify-content:space-between;margin-block-start:.75rem}}.card-cover[data-v-96ab22a1]{height:6.25rem;min-width:4.25rem;overflow:hidden;position:relative;width:4.25rem}@media (min-width:768px){.card-cover[data-v-96ab22a1]{height:13.3125rem;min-width:9.5rem;width:9.5rem}}.card-cover[data-v-96ab22a1]{border-radius:.875rem;margin-inline-end:1rem}@media screen and (max-width:767px){.card-cover[data-v-96ab22a1]{margin-inline-end:.5rem}}.card-cover:hover .cover-mask[data-v-96ab22a1]{background:#0003;height:100%;width:100%;z-index:3}.card-cover:hover .cover-mask[data-v-96ab22a1],.corner[data-v-96ab22a1]{inset-inline-start:0;position:absolute;top:0}.corner[data-v-96ab22a1]{z-index:2}.ranking-bg[data-v-96ab22a1]{align-items:center;border-radius:.25rem .0625rem;display:flex;flex-direction:column;flex-shrink:0;gap:.625rem;height:1rem;padding:0 .25rem .0625rem;position:absolute;top:0;width:1rem}@media (min-width:768px){.ranking-bg[data-v-96ab22a1]{border-radius:.5rem .125rem;height:2rem;padding:.1875rem .625rem;width:2rem}}.ranking-bg[data-v-96ab22a1]{background:#07080bad;border:.0625rem solid hsla(0,0%,100%,.1);inset-inline-start:0}.ranking-corner-0[data-v-96ab22a1]{background:linear-gradient(224deg,#ffe0a0,#d8953f)}.ranking-corner-1[data-v-96ab22a1]{background:linear-gradient(225deg,#d8953f,#9b6b3b)}.ranking-corner-2[data-v-96ab22a1]{background:linear-gradient(225deg,#8ea8ff,#52639a)}.ranking-num[data-v-96ab22a1]{font-size:.75rem;font-style:normal;font-weight:700;line-height:1rem;line-height:.875rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.ranking-num[data-v-96ab22a1]{font-size:1.25rem;line-height:1.75rem;line-height:1.5625rem}}.card-info[data-v-96ab22a1]{flex-grow:1;width:68%}@media (min-width:768px){.card-info[data-v-96ab22a1]{width:calc(100% - 10.5rem)}}.card-title[data-v-96ab22a1]{font-size:.875rem;font-style:normal;font-weight:600;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.card-title[data-v-96ab22a1]:hover{text-decoration-line:underline}@media (min-width:768px){.card-title[data-v-96ab22a1]{font-size:1rem;font-weight:500;line-height:1.5rem;line-height:1.375rem}}.card-title[data-v-96ab22a1]{margin-block-end:.25rem}@media screen and (max-width:767px){.card-title[data-v-96ab22a1]{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;margin-block-end:0}}.split-line[data-v-96ab22a1]{display:inline-block;flex-shrink:0;height:.0625rem;margin:.25rem;width:.5rem;--tw-rotate:90deg;background-color:#fff3;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){.split-line[data-v-96ab22a1]{margin:.375rem;width:.625rem}}.type-icon[data-v-96ab22a1]{height:.75rem;width:.75rem}@media (min-width:768px){.type-icon[data-v-96ab22a1]{height:1rem;width:1rem}}.work-desc[data-v-96ab22a1]{margin-bottom:.5rem;margin-top:.25rem}@media (min-width:768px){.work-desc[data-v-96ab22a1]{margin:.25rem 0}}.work-desc .rate[data-v-96ab22a1]{font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;line-height:.875rem;--tw-text-opacity:1;color:rgb(204 154 4/var(--tw-text-opacity,1))}@media (min-width:768px){.work-desc .rate[data-v-96ab22a1]{font-size:.875rem;line-height:1rem}}.text-desc[data-v-96ab22a1]{color:#fff9;font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;line-height:.875rem}@media (min-width:768px){.text-desc[data-v-96ab22a1]{font-size:.875rem;line-height:1rem}}.pc-mbapptop-type[data-v-96ab22a1]{flex:1 1 0%}@media (min-width:768px){.pc-mbapptop-type[data-v-96ab22a1]{max-width:26.5rem}}.pc-mbapptop-card-desc[data-v-96ab22a1]{color:#fff9;font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;line-height:.875rem;margin:.5rem 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}.pc-mbapptop-card-desc[data-v-96ab22a1]:hover{text-decoration-line:underline}@media (min-width:768px){.pc-mbapptop-card-desc[data-v-96ab22a1]{font-size:.875rem;line-height:1.25rem;line-height:1.125rem;margin:0}}.pc-mbapptop-card-desc[data-v-96ab22a1]{display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical}@media screen and (max-width:767px){.pc-mbapptop-card-desc[data-v-96ab22a1]{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.pc-mbapptop-card-btn[data-v-96ab22a1]{align-items:center;display:none;font-size:1rem;font-style:normal;font-weight:700;height:2.25rem;justify-content:center;line-height:1.5rem;line-height:1.1875rem;min-width:5rem;padding:.625rem .75rem;--tw-text-opacity:1;color:rgb(16 17 20/var(--tw-text-opacity,1))}@media (min-width:768px){.pc-mbapptop-card-btn[data-v-96ab22a1]{display:flex}}.pc-mbapptop-card-btn[data-v-96ab22a1]{background:var(--mbapptop-action-gradient);border-radius:62.4375rem}.pc-mbapptop-card-btn .icon[data-v-96ab22a1]{height:1.25rem;width:1.25rem}.pc-mbapptop-card-btn[data-v-96ab22a1]:hover{filter:brightness(1.06)}.mbapptop-h5-play-icon[data-v-96ab22a1]{display:block;flex-shrink:0;height:1.5rem;width:1.5rem}@media (min-width:768px){.mbapptop-h5-play-icon[data-v-96ab22a1]{display:none}}.mbapptop-h5-play-icon[data-v-96ab22a1]{margin-inline-start:.5rem}.mbapptop-h5-play-icon img[data-v-96ab22a1]{height:100%;width:100%}.pc-mbapptop-special-tag[data-v-96ab22a1]{align-items:center;background:#0009;border-radius:.25rem;display:flex;flex-shrink:0;gap:.25rem;inset-inline-end:.25rem;justify-content:center;padding:.2188rem .5rem;position:absolute;top:.25rem;z-index:20}.pc-mbapptop-special-tag .special-tag-text[data-v-96ab22a1]{color:#fffc;font-size:.8125rem;font-style:normal;font-weight:500;line-height:.9375rem}@media screen and (max-width:950px){.pc-mbapptop-card[data-v-96ab22a1]{width:100%}}@media screen and (min-width:951px) and (max-width:1100px){.pc-mbapptop-card[data-v-96ab22a1]{width:calc(50% - 1rem)}}@media screen and (min-width:1101px) and (max-width:1300px){.pc-mbapptop-card[data-v-96ab22a1]{min-width:calc(50% - 1rem);width:calc(50% - 1rem)}}@media screen and (min-width:1301px) and (max-width:1600px){.pc-mbapptop-card[data-v-96ab22a1]{min-width:calc(33.33% - 1rem);width:calc(33.33% - 1rem)}.pc-mbapptop-card-btn[data-v-96ab22a1]{font-size:.875rem;width:7.5rem!important}}@media screen and (min-width:1601px){.pc-mbapptop-card[data-v-96ab22a1]{min-width:calc(25% - 1rem);width:calc(25% - 1rem)}}