.app-wrapper[data-v-7b00cfc9]{background:#fff;min-height:100%}.app-wrapper .main-container[data-v-7b00cfc9]{align-items:center;display:flex;flex-direction:column;overflow:hidden;padding:64px 48px 0}@media (max-width:768px){.app-wrapper .main-container[data-v-7b00cfc9]{padding-left:0;padding-right:0}}.app-wrapper .main-container .top[data-v-7b00cfc9]{background-image:url(./bg_points_info-YZ6BvYjs-20260115070937.png);background-repeat:no-repeat;background-size:cover;border-radius:24px;display:flex;height:188px;justify-content:center;margin-bottom:48px;margin-top:20px;max-width:1809px;padding-left:16px;width:100%}@media screen and (max-width:768px){.app-wrapper .main-container .top[data-v-7b00cfc9]{border-radius:12px;height:88px;margin:12px;padding:12px 12px 14px}}.app-wrapper .main-container .top .content[data-v-7b00cfc9]{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-7b00cfc9]{align-items:center;display:flex}.app-wrapper .main-container .top .top-left .head-msg .avatar-icon[data-v-7b00cfc9]{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-7b00cfc9]{height:36px;width:36px}}.app-wrapper .main-container .top .top-left .head-msg span[data-v-7b00cfc9]{color:#000;font-size:16px}.app-wrapper .main-container .top .top-left .credits[data-v-7b00cfc9]{margin-top:20px}@media screen and (max-width:768px){.app-wrapper .main-container .top .top-left .credits[data-v-7b00cfc9]{margin-top:4px}}.app-wrapper .main-container .top .top-left .credits .name[data-v-7b00cfc9]{color:#000;font-size:24px}@media screen and (max-width:768px){.app-wrapper .main-container .top .top-left .credits .name[data-v-7b00cfc9]{font-size:14px}}.app-wrapper .main-container .top .top-left .credits .value[data-v-7b00cfc9]{color:var(--color-brand);font-size:28px;font-weight:500;padding-left:12px;padding-right:16px;position:relative}.app-wrapper .main-container .top .top-left .credits .value .month-expire[data-v-7b00cfc9]{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-7b00cfc9]: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-7b00cfc9]{font-size:16px;padding:0 4px}}.app-wrapper .main-container .top .top-left .credits .rules[data-v-7b00cfc9]{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-7b00cfc9],.app-wrapper .main-container .top .top-right img[data-v-7b00cfc9]{height:100%}.app-wrapper .main-container .main[data-v-7b00cfc9]{display:flex;justify-content:center;padding:0 16px;width:100%}.app-wrapper .main-container .main .main-content[data-v-7b00cfc9]{max-width:1326px;position:relative;width:100%}.app-wrapper .main-container .main .main-title[data-v-7b00cfc9]{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-7b00cfc9]{gap:20px;overflow:auto;padding-right:15px;white-space:nowrap}.app-wrapper .main-container .main .main-title[data-v-7b00cfc9]::-webkit-scrollbar{display:none}.app-wrapper .main-container .main .main-title[data-v-7b00cfc9]: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-7b00cfc9]{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-7b00cfc9]{padding-bottom:4px}}.app-wrapper .main-container .main .main-title .item.active[data-v-7b00cfc9]{border-bottom:2px solid var(--color-brand);color:var(--color-brand)}.app-wrapper .main-container .main .app-main[data-v-7b00cfc9]{overflow:visible}