.app-message-center{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-3);overflow:hidden;border-radius:var(--radius-2xl);background:var(--surface-offblack-pannel);color:var(--text-icon-white-primary)}.app-message-center__trigger.base-button{position:relative}.app-message-center__trigger-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem}.app-message-center__unread-count{position:absolute;top:-.7rem;left:1rem;min-width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 .3rem;border-radius:var(--radius-full);background:#ff253a;color:var(--text-icon-white-primary);font-size:.9rem;font-weight:500;line-height:1;white-space:nowrap;pointer-events:none}.app-message-center__header{height:5.5rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-sizing:border-box;padding:var(--spacing-3);border-bottom:.5px solid var(--stroke-light)}.app-message-center__tabs{display:flex;align-items:center;gap:var(--spacing-2)}.app-message-center__tab{position:relative;display:inline-flex}.app-message-center__tab-dot{position:absolute;top:-.1rem;right:-.1rem;width:.6rem;height:.6rem;border-radius:var(--radius-full);background:#ff253a;pointer-events:none}.app-message-center__clear.base-button{color:var(--text-icon-white-secondary)}.app-message-center__body{display:flex;flex:1;flex-direction:column;gap:var(--spacing-2);width:auto;min-height:0;margin:0 var(--spacing-3);padding:0;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface-panel-normal) transparent}.app-message-center__body::-webkit-scrollbar{width:.4rem}.app-message-center__body::-webkit-scrollbar-track{background:transparent}.app-message-center__body::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--surface-panel-normal)}.app-message-center__skeleton{width:100%;min-height:0;display:flex;flex:1;flex-direction:column;gap:var(--spacing-2);overflow:hidden}.app-message-center__skeleton-item{width:100%;flex:1;min-height:8.8rem;display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-4);box-sizing:border-box;border-radius:var(--radius-xl);background:#ffffff05}.app-message-center__skeleton-thumb{width:4rem;height:4rem;flex-shrink:0;border-radius:var(--radius-full);background:#262628}.app-message-center__skeleton-content{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.app-message-center__skeleton-line{height:1.6rem;border-radius:.4rem;background:#262628}.app-message-center__skeleton-line--title{width:100%}.app-message-center__skeleton-line--subtitle{width:13.3rem}.app-message-center__skeleton-line--date{width:6.5rem;height:1.2rem;margin-top:var(--spacing-1)}.app-message-center__item{width:100%;display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-4);box-sizing:border-box;border:none;border-radius:var(--radius-xl);background:#ffffff05;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease,transform .15s ease}.app-message-center__item:hover{background:var(--surface-panel-light)}.app-message-center__item:active{transform:translateY(.1rem)}.app-message-center__thumb{width:4.2rem;overflow:visible}.app-message-center__thumb,.app-message-center__thumb-shell{position:relative;height:4rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.app-message-center__thumb-shell{width:4rem;overflow:hidden;box-sizing:border-box;border-radius:var(--radius-full);background:var(--message-center-thumb-background)}.app-message-center__thumb-shell:before{content:"";position:absolute;inset:0;padding:.043rem;border-radius:inherit;background:var(--message-center-thumb-stroke);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.app-message-center__thumb-icon{position:relative;z-index:1;display:inline-flex;flex-shrink:0;width:2rem;height:2rem}.app-message-center__item-dot{position:absolute;top:-.3rem;right:-.1rem;width:.6rem;height:.6rem;border-radius:var(--radius-full);background:#ff253a}.app-message-center__content{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:var(--spacing-1);word-break:break-word}.app-message-center__title{color:var(--text-icon-white-secondary);font-size:1.4rem;font-weight:510;line-height:1.4;line-clamp:1;-webkit-line-clamp:1}.app-message-center__desc,.app-message-center__title{width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.app-message-center__desc{color:var(--text-icon-white-light);font-size:1.2rem;font-weight:400;line-height:1.3;line-clamp:2;-webkit-line-clamp:2}.app-message-center__date{color:var(--text-icon-white-disable);font-size:1rem;font-weight:400;line-height:1.3;white-space:nowrap}.app-message-center__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);min-height:40rem;padding:var(--spacing-3);box-sizing:border-box}.app-message-center__empty-illustration{display:block;width:9.143rem;height:6.4rem;flex-shrink:0;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-message-center__empty-text{margin:0;color:var(--text-icon-white-light);font-size:1.6rem;font-weight:400;line-height:1.3;text-align:center}.app-message-center__state{min-height:20rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-2);border-radius:var(--radius-xl);background:#ffffff05;color:var(--text-icon-white-light);font-size:1.2rem;line-height:1.4}.app-message-center__state--error{color:var(--text-icon-white-secondary)}.app-message-center__retry{height:var(--component-size-s);padding:0 var(--spacing-3);border:none;border-radius:var(--radius-m);background:var(--surface-panel-normal);color:var(--text-icon-white-primary);font-size:1.2rem;cursor:pointer}.app-message-center-popper.el-popover.el-popper{--el-popover-padding:0;--el-popover-bg-color:var(--surface-offblack-pannel,#171719);--el-popover-border-color:var(--stroke-light,hsla(0,0%,100%,.08));--el-popover-border-radius:var(--radius-2xl);width:38.6rem!important;height:calc(100vh - 9.6rem)!important;max-height:calc(100vh - 9.6rem)!important;min-width:0!important;border:.5px solid var(--stroke-light,hsla(0,0%,100%,.08))!important;border-radius:var(--radius-2xl)!important;overflow:hidden;background:var(--surface-offblack-pannel,#171719)!important;box-shadow:0 .4rem 4rem #00000080!important;backdrop-filter:blur(2rem);-webkit-backdrop-filter:blur(2rem)}.app-message-center-popper>.app-message-center{height:100%}.app-message-center-popover-enter-active,.app-message-center-popover-leave-active{transition:opacity .16s ease,transform .16s ease;transform-origin:top right}.app-message-center-popover-enter-from,.app-message-center-popover-leave-to{opacity:0;transform:translateY(-.4rem) scale(.98)}