.container-page[data-v-c12796a4]{background:linear-gradient(180deg,rgba(25,83,149,.5) 0,rgba(25,83,149,.2) 5rem,rgba(125,83,149,0) 25rem,transparent 0,transparent);min-height:100vh;width:100%}@media screen and (max-width:767px){.container-page[data-v-c12796a4]{background:linear-gradient(180deg,#10111400,#101114),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 .right-content[data-v-c12796a4]{flex-grow:1;overflow-y:scroll;padding-inline-end:1.25rem;padding-top:.75rem;padding-inline-start:1.25rem;width:100%}@media screen and (max-width:767px){.container-page .right-content[data-v-c12796a4]{padding:.75rem}}.h5-header[data-v-c12796a4]{height:3.25rem;inset-inline-start:0;top:0;width:100%;z-index:10}.h5-header[data-v-c12796a4],.h5-header .back-icon[data-v-c12796a4]{position:fixed}.h5-header .back-icon[data-v-c12796a4]{height:1.5rem;inset-inline-start:1rem;top:.75rem;width:1.5rem;z-index:9}.h5-header .category-title[data-v-c12796a4]{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){.h5-header .category-title[data-v-c12796a4]{font-size:1.25rem;line-height:1.5rem;margin-bottom:.75rem;margin-top:1.5rem}}.pc-category-title[data-v-c12796a4]{display:none;font-size:1.25rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-bottom:.75rem;margin-top:1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.pc-category-title[data-v-c12796a4]{display:flex}.empty[data-v-c12796a4]{margin:1rem 0 2.5rem}}.empty[data-v-c12796a4]{margin-block-end:14.625rem}@media screen and (max-width:767px){.empty[data-v-c12796a4]{height:100%;margin-block-end:0;padding:.625rem}}.empty-icon[data-v-c12796a4]{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-c12796a4]{margin-block-end:3.75rem;margin-block-start:2.125rem}}.empty-txt[data-v-c12796a4]{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-c12796a4]{flex-wrap:wrap}@media (min-width:768px){.card-list[data-v-c12796a4]{gap:2rem 1rem}}.pc-card[data-v-c12796a4]{align-items:stretch}@media (min-width:768px){.pc-card[data-v-c12796a4]{overflow:hidden}}@media screen and (max-width:767px){.pc-card[data-v-c12796a4]{align-items:center;height:5.875rem;justify-content:space-between;margin-block-start:.75rem}}.card-cover[data-v-c12796a4]{border-radius:.125rem;height:6.25rem;min-width:4.25rem;overflow:hidden;position:relative;width:4.25rem}@media (min-width:768px){.card-cover[data-v-c12796a4]{border-radius:.5rem;height:13.3125rem;min-width:9.5rem;width:9.5rem}}.card-cover[data-v-c12796a4]{margin-inline-end:1rem}@media screen and (max-width:767px){.card-cover[data-v-c12796a4]{margin-inline-end:.5rem}}.card-cover:hover .cover-mask[data-v-c12796a4]{background:#0003;height:100%;width:100%;z-index:3}.card-cover:hover .cover-mask[data-v-c12796a4],.corner[data-v-c12796a4]{inset-inline-start:0;position:absolute;top:0}.corner[data-v-c12796a4]{z-index:2}.ranking-bg[data-v-c12796a4]{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-c12796a4]{border-radius:.5rem .125rem;height:2rem;padding:.1875rem .625rem;width:2rem}}.ranking-bg[data-v-c12796a4]{background:#0009;inset-inline-start:0}.ranking-corner-0[data-v-c12796a4]{background:linear-gradient(224deg,#fd3ab4,#ff2e62)}.ranking-corner-1[data-v-c12796a4]{background:linear-gradient(225deg,#ff5140,#f59133)}.ranking-corner-2[data-v-c12796a4]{background:linear-gradient(225deg,#ff9625,#ffba1f)}.ranking-num[data-v-c12796a4]{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-c12796a4]{font-size:1.25rem;line-height:1.75rem;line-height:1.5625rem}}.card-info[data-v-c12796a4]{flex-grow:1;width:68%}@media (min-width:768px){.card-info[data-v-c12796a4]{width:calc(100% - 10.5rem)}}.card-title[data-v-c12796a4]{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-c12796a4]:hover{text-decoration-line:underline}@media (min-width:768px){.card-title[data-v-c12796a4]{font-size:1rem;font-weight:500;line-height:1.5rem;line-height:1.375rem}}.card-title[data-v-c12796a4]{margin-block-end:.25rem}@media screen and (max-width:767px){.card-title[data-v-c12796a4]{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-c12796a4]{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-c12796a4]{margin:.375rem;width:.625rem}}.type-icon[data-v-c12796a4]{height:.75rem;width:.75rem}@media (min-width:768px){.type-icon[data-v-c12796a4]{height:1rem;width:1rem}}.work-desc[data-v-c12796a4]{margin-bottom:.5rem;margin-top:.25rem}@media (min-width:768px){.work-desc[data-v-c12796a4]{margin:.25rem 0}}.work-desc .rate[data-v-c12796a4]{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-c12796a4]{font-size:.875rem;line-height:1rem}}.text-desc[data-v-c12796a4]{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-c12796a4]{font-size:.875rem;line-height:1rem}}.pc-type[data-v-c12796a4]{flex:1 1 0%}@media (min-width:768px){.pc-type[data-v-c12796a4]{max-width:26.5rem}}.pc-card-desc[data-v-c12796a4]{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-card-desc[data-v-c12796a4]:hover{text-decoration-line:underline}@media (min-width:768px){.pc-card-desc[data-v-c12796a4]{font-size:.875rem;line-height:1.25rem;line-height:1.125rem;margin:0}}.pc-card-desc[data-v-c12796a4]{display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical}@media screen and (max-width:767px){.pc-card-desc[data-v-c12796a4]{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.pc-card-btn[data-v-c12796a4]{align-items:center;border-radius:.375rem;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-card-btn[data-v-c12796a4]{display:flex}}.pc-card-btn[data-v-c12796a4]{background:#fffc}.pc-card-btn .icon[data-v-c12796a4]{height:1.25rem;width:1.25rem}.pc-card-btn[data-v-c12796a4]:hover{background:#ffffffe6}.h5-play-icon[data-v-c12796a4]{display:block;flex-shrink:0;height:1.5rem;width:1.5rem}@media (min-width:768px){.h5-play-icon[data-v-c12796a4]{display:none}}.h5-play-icon[data-v-c12796a4]{margin-inline-start:.5rem}.h5-play-icon img[data-v-c12796a4]{height:100%;width:100%}.pc-special-tag[data-v-c12796a4]{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-special-tag .special-tag-text[data-v-c12796a4]{color:#fffc;font-size:.8125rem;font-style:normal;font-weight:500;line-height:.9375rem}@media screen and (max-width:950px){.pc-card[data-v-c12796a4]{width:100%}}@media screen and (min-width:951px) and (max-width:1100px){.pc-card[data-v-c12796a4]{width:calc(50% - 1rem)}}@media screen and (min-width:1101px) and (max-width:1300px){.pc-card[data-v-c12796a4]{min-width:calc(50% - 1rem);width:calc(50% - 1rem)}}@media screen and (min-width:1301px) and (max-width:1600px){.pc-card[data-v-c12796a4]{min-width:calc(33.33% - 1rem);width:calc(33.33% - 1rem)}.pc-card-btn[data-v-c12796a4]{font-size:.875rem;width:7.5rem!important}}@media screen and (min-width:1601px){.pc-card[data-v-c12796a4]{min-width:calc(25% - 1rem);width:calc(25% - 1rem)}}