.notice-entry[data-v-2e7478b8]{background:transparent;border:0;border-radius:8px;color:#a0a1a5;cursor:pointer;height:40px;padding:0;position:relative;width:40px}.notice-entry .iconfont[data-v-2e7478b8]{font-size:24px;padding:8px}.notice-entry .message-badge[data-v-2e7478b8]{background:#f15a5a;border-radius:100px;box-sizing:border-box;color:#e8ecef;font-size:12px;height:17px;line-height:17px;min-width:16px;padding:0 5px;position:absolute;right:-5px;text-align:center;top:2px;white-space:nowrap}.notice-entry .notice-dot[data-v-2e7478b8]{background:#f15a5a;border-radius:50%;height:6px;position:absolute;right:0;top:5px;width:6px}.el-popover.notice-popover-v2{background:#242424!important;border:0!important;border-radius:16px!important;box-shadow:0 12px 32px #00000080!important;box-sizing:border-box;left:auto!important;overflow:hidden;padding:0!important;right:20px!important}.notice-popup{background:#242424;color:#f0f0f0;display:flex;flex-direction:column;height:calc(100vh - var(--notice-popup-head-height, 64px) - 10px);overflow:hidden;position:relative;width:560px}.notice-popup .notice-tabs{border-bottom:1px solid #2e2e2e;display:grid;flex-shrink:0;grid-template-columns:repeat(5,1fr);height:55px}.notice-popup .notice-tabs .notice-tab{align-items:center;background:transparent;border:0;color:gray;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;justify-content:center;line-height:20px;padding:0;position:relative}.notice-popup .notice-tabs .notice-tab .notice-tab-label{align-items:center;display:inline-flex;height:100%;position:relative}.notice-popup .notice-tabs .notice-tab .notice-tab-label:after{background:#f0f0f0;bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0}.notice-popup .notice-tabs .notice-tab.active{color:#f0f0f0;font-weight:700}.notice-popup .notice-tabs .notice-tab.active .notice-tab-label:after{opacity:1}.notice-popup .notice-tabs .notice-tab .tab-badge{align-items:center;background:#f15a5a;border-radius:50%;bottom:5px;color:#f15a5a;display:inline-flex;font-size:10px;height:6px;justify-content:center;line-height:12px;position:relative;width:6px}.notice-popup .notice-tabs .notice-tab .tab-badge:before{display:none}.notice-popup .notice-tabs .notice-tab .tab-badge.count-badge{border-radius:100px;box-sizing:border-box;color:#e8ecef;height:16px;line-height:15px;min-width:16px;padding:0 5px;width:auto}.notice-popup .notice-list{flex:1;min-height:0;overflow-y:auto;padding:8px 0 52px;position:relative;scrollbar-color:#525252 transparent;scrollbar-width:thin}.notice-popup .notice-list .notice-item{background:transparent;border:0;border-bottom:1px solid #2e2e2e;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px 24px;position:relative;text-align:left;width:100%}.notice-popup .notice-list .notice-item.interactive{align-items:flex-start;flex-direction:row;gap:16px}.notice-popup .notice-list .notice-item .notice-interaction-content{flex:1;min-width:0}.notice-popup .notice-list .notice-item .notice-interaction-author{color:#f0f0f0;cursor:pointer;font-size:14px;font-weight:700;line-height:22px}.notice-popup .notice-list .notice-item .notice-interaction-detail{align-items:flex-start;color:#f0f0f0;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:8px;line-height:22px;min-width:0;word-break:break-word}.notice-popup .notice-list .notice-item .notice-interaction-detail .notice-deleted-comment{align-items:center;background:#ffffff1a;border-radius:4px;box-sizing:border-box;color:gray;display:inline-flex;font-size:12px;font-weight:400;line-height:24px;min-height:24px;padding:0 4px}.notice-popup .notice-list .notice-item .notice-interaction-detail .notice-comment-images{display:flex;flex-wrap:wrap;gap:8px}.notice-popup .notice-list .notice-item .notice-interaction-detail .notice-comment-images img{border-radius:4px;display:block;height:88px;-o-object-fit:cover;object-fit:cover;width:88px}.notice-popup .notice-list .notice-item .notice-interaction-detail .notice-reply{align-items:center;background:transparent;border:0;border-radius:0;box-sizing:border-box;color:#a55bd3;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:20px;line-height:20px;padding:0}.notice-popup .notice-list .notice-item .notice-interaction-detail .notice-reply:hover{color:#bd7de7}.notice-popup .notice-list .notice-item .notice-interaction-detail .notice-follow{align-items:center;background:#a55bd3;border:0;border-radius:35px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:28px;line-height:20px;padding:4px 12px}.notice-popup .notice-list .notice-item .notice-interaction-detail .notice-follow:hover{background:#b76fe0}.notice-popup .notice-list .notice-item .notice-interaction-detail .notice-follow.followed{background:#3a3a3a;color:#b2b2b2;cursor:default}.notice-popup .notice-list .notice-item .notice-interaction-detail .notice-follow.loading{opacity:.6;pointer-events:none}.notice-popup .notice-list .notice-item:hover{background:#2b2b2b}.notice-popup .notice-list .notice-item .notice-item-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.notice-popup .notice-list .notice-item .notice-item-header h3{color:#f0f0f0;flex:1;font-size:16px;font-weight:700;line-height:26px;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-popup .notice-list .notice-item .notice-item-header span{color:gray;flex-shrink:0;font-size:12px;line-height:16px;white-space:nowrap}.notice-popup .notice-list .notice-item p{color:#b2b2b2;display:-webkit-box;font-size:14px;font-weight:500;line-height:22px;margin:0;max-height:48px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word}.notice-popup .notice-list .notice-item .notice-comment-detail{display:-webkit-box;max-height:66px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis}.notice-popup .notice-list .notice-item .notice-action{background:#a55bd3;border-radius:10px;color:#f0f0f0;display:inline-flex;font-size:11px;line-height:16px;margin-top:8px;padding:2px 8px}.notice-popup .notice-list .notice-item .notice-thumbnail{background:#6d90bd;border-radius:4px;cursor:pointer;flex:0 0 48px;height:48px;overflow:hidden;width:48px}.notice-popup .notice-list .notice-item .notice-thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.notice-popup .notice-list .notice-item .notice-thumbnail.deleted-object{align-items:center;background:#333;display:flex;justify-content:center}.notice-popup .notice-list .notice-item .notice-thumbnail.deleted-object img{height:32px;-o-object-fit:contain;object-fit:contain;width:32px}.notice-popup .notice-list .notice-item .notice-item-dot{background:#f15a5a;border-radius:50%;height:6px;position:absolute;right:15px;top:26px;width:6px}.notice-popup .notice-list .notice-loading{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#242424;display:flex;inset:0 0 52px;justify-content:center;pointer-events:auto;position:absolute;z-index:1}.notice-popup .notice-list .notice-empty{align-items:center;color:gray;display:flex;font-size:14px;height:100%;justify-content:center}.notice-popup .notice-list .notice-loading-spinner{animation:notice-loading-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.18);border-radius:50%;border-top-color:#fff;box-sizing:border-box;height:24px;width:24px}.notice-popup .notice-list .notice-loading-more{color:gray;font-size:12px;padding:12px 0;text-align:center}.notice-popup .notice-footer{align-items:center;background:#242424;border-top:1px solid #2e2e2e;bottom:0;box-sizing:border-box;display:flex;height:52px;left:0;padding:0 24px;position:absolute;right:0;z-index:2}.notice-popup .notice-footer .read-all-button{align-items:center;background:transparent;border:0;border-radius:4px;color:gray;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:4px;line-height:22px;padding:6px 12px 6px 0}.notice-popup .notice-footer .read-all-button:hover{color:#f0f0f0}@keyframes notice-loading-spin{to{transform:rotate(1turn)}}
