li[data-v-4cc1983d],ul[data-v-4cc1983d]{list-style:none;margin:0;padding:0}.app-wrapper[data-v-4cc1983d]{--search-input-icon-color: #333;min-height:100%;display:flex;flex-direction:column}.main-container[data-v-4cc1983d]{background-color:var(--web-background-color);left:50%;margin-top:var(--np-header-height);max-width:1920px;transform:translate(-50%);position:relative;display:flex;flex:1 1 0%;justify-content:center;padding-left:36px;padding-right:36px}.container-box[data-v-4cc1983d]{background-color:#f7f7f7;border-radius:var(--border-radius-xxl);display:flex;justify-content:center;padding-top:36px;width:100%}.message-container[data-v-4cc1983d]{border-radius:16px;min-height:calc(100vh - var(--np-header-height) - var(--np-footer-height));position:relative;width:100%;max-width:1328px;display:flex;overflow:hidden}.message-container .left-div[data-v-4cc1983d]{border-right:1px solid var(--np-border-color-1);z-index:3;display:flex;flex-direction:column}.message-container .inbox-title-div[data-v-4cc1983d]{display:flex;align-items:center;gap:12px}.message-container .inbox-title-div span[data-v-4cc1983d]{background-color:var(--np-fill-color-1);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.message-container .inbox-title-div span img[data-v-4cc1983d]{width:70%;height:70%}.message-container .inbox-title-div p[data-v-4cc1983d]{color:var(--color-font-title);font-size:32px;font-weight:500;line-height:28px}.message-container ul[data-v-4cc1983d]{padding-right:36px;padding-top:36px;display:flex;flex-direction:column;gap:8px}.message-container ul li[data-v-4cc1983d]{border-radius:6px;color:#0009;font-size:16px;font-weight:500;line-height:24px;padding:11px 8px;transition:.1s;position:relative;height:44px;min-width:215px;display:flex;cursor:pointer;align-items:center;gap:8px}.message-container ul li[data-v-4cc1983d]:hover{background-color:#5416ff0d}.message-container ul li .svg-icon[data-v-4cc1983d]{flex-shrink:0;margin:0 5px;width:20px;height:20px}.message-container ul li .red-point-span[data-v-4cc1983d]{transition:.2s}.message-container ul li .red-point-span span[data-v-4cc1983d]{background-color:#f53f3f;border-radius:18px;color:var(--web-background-color);font-size:12px;line-height:18px;padding:0 3px;text-align:center;position:absolute;top:4px;margin-left:2px;display:inline-block;min-width:18px;height:18px}.message-container ul li[data-v-4cc1983d]:last-child{position:relative;margin-top:16px}.message-container ul li[data-v-4cc1983d]:last-child:after{background-color:#00000014;content:"";position:absolute;top:-12px;left:0;width:100%;height:1px}.message-container ul .active-li[data-v-4cc1983d]{background-color:#5416ff0d;color:var(--color-brand)}.message-container ul .active-li[data-v-4cc1983d]:before{background-color:var(--color-brand);border-radius:1px;content:"";transform:translateY(-50%);position:absolute;top:50%;left:0;width:2px;height:16px}.app-main[data-v-4cc1983d]{padding-bottom:calc(var(--np-footer-height) + 36px);padding-left:36px;z-index:3}