.app-wrapper[data-v-8fb9a55f]{background:#fff;min-height:100%}.app-wrapper .main-container[data-v-8fb9a55f]{padding-top:64px}.app-wrapper .main-container .top[data-v-8fb9a55f]{aspect-ratio:9.7;background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;margin:20px 48px 48px}@media screen and (max-width:768px){.app-wrapper .main-container .top[data-v-8fb9a55f]{aspect-ratio:366/88;margin:12px;padding:12px 12px 14px}}.app-wrapper .main-container .top .content[data-v-8fb9a55f]{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:1326px;width:100%}.app-wrapper .main-container .top .top-left .head-msg[data-v-8fb9a55f]{align-items:center;display:flex}.app-wrapper .main-container .top .top-left .head-msg .avatar-icon[data-v-8fb9a55f]{border-radius:50%;height:44px;margin-right:9px;width:44px}@media screen and (max-width:768px){.app-wrapper .main-container .top .top-left .head-msg .avatar-icon[data-v-8fb9a55f]{height:36px;width:36px}}.app-wrapper .main-container .top .top-left .head-msg span[data-v-8fb9a55f]{color:#000;font-size:16px}.app-wrapper .main-container .top .top-left .credits[data-v-8fb9a55f]{margin-top:20px}@media screen and (max-width:768px){.app-wrapper .main-container .top .top-left .credits[data-v-8fb9a55f]{margin-top:4px}}.app-wrapper .main-container .top .top-left .credits .name[data-v-8fb9a55f]{color:#000;font-size:24px}@media screen and (max-width:768px){.app-wrapper .main-container .top .top-left .credits .name[data-v-8fb9a55f]{font-size:14px}}.app-wrapper .main-container .top .top-left .credits .value[data-v-8fb9a55f]{color:var(--color-brand);font-size:28px;font-weight:500;padding-left:12px;padding-right:36px;position:relative}.app-wrapper .main-container .top .top-left .credits .value .month-expire[data-v-8fb9a55f]{align-items:center;background:#f53f3f1a;border-radius:4px;bottom:-6px;color:#f53f3f;display:flex;font-size:14px;font-weight:500;height:24px;justify-content:center;padding:4px 8px;position:absolute;transform:translate(25%,100%);white-space:nowrap}.app-wrapper .main-container .top .top-left .credits .value .month-expire[data-v-8fb9a55f]:before{border-bottom:6px solid rgba(245,63,63,.1);border-left:5px solid transparent;border-right:5px solid transparent;content:"";height:0;left:50%;position:absolute;top:-6px;transform:translate(-50%);width:0}@media screen and (max-width:768px){.app-wrapper .main-container .top .top-left .credits .value[data-v-8fb9a55f]{font-size:16px;padding:0 4px}}.app-wrapper .main-container .top .top-left .credits .rules[data-v-8fb9a55f]{color:var(--color-font-title);cursor:pointer;font-size:14px;font-weight:400;line-height:22px;text-decoration-line:underline}.app-wrapper .main-container .top .top-right[data-v-8fb9a55f]{height:100%}@media screen and (max-width:768px){.app-wrapper .main-container .top .top-right[data-v-8fb9a55f]{display:none}}.app-wrapper .main-container .top .top-right img[data-v-8fb9a55f]{height:100%}.app-wrapper .main-container .main[data-v-8fb9a55f]{display:flex;justify-content:center;padding:0 16px}.app-wrapper .main-container .main .main-content[data-v-8fb9a55f]{position:relative;width:1326px}@media screen and (max-width:768px){.app-wrapper .main-container .main .main-content[data-v-8fb9a55f]{width:100%}}.app-wrapper .main-container .main .main-title[data-v-8fb9a55f]{align-items:center;border-bottom:1px solid var(--np-border-color-1);display:flex;gap:48px}@media screen and (max-width:768px){.app-wrapper .main-container .main .main-title[data-v-8fb9a55f]{gap:20px;overflow:auto;padding-right:15px;white-space:nowrap}.app-wrapper .main-container .main .main-title[data-v-8fb9a55f]::-webkit-scrollbar{display:none}.app-wrapper .main-container .main .main-title[data-v-8fb9a55f]:after{background:linear-gradient(270deg,#ffffffe6,#fff0);content:"";height:36px;pointer-events:none;position:absolute;right:15px;top:0;width:24px;z-index:1}}.app-wrapper .main-container .main .main-title .item[data-v-8fb9a55f]{color:var(--np-text-color-2);cursor:pointer;flex-shrink:0;font-size:16px;font-weight:500;padding-bottom:23px}@media screen and (max-width:768px){.app-wrapper .main-container .main .main-title .item[data-v-8fb9a55f]{padding-bottom:4px}}.app-wrapper .main-container .main .main-title .item.active[data-v-8fb9a55f]{border-bottom:2px solid var(--color-brand);color:var(--color-brand)}.app-wrapper .main-container .main .app-main[data-v-8fb9a55f]{overflow:visible}