@charset "UTF-8";.side-item-help[data-v-ce5978de]{padding:12px 10px 12px 12px;vertical-align:middle;border:1px solid transparent;transition:all .3s ease-in-out;color:#fff;margin:5px;border-radius:7px;font-size:16px}.side-item-help[data-v-ce5978de]:active{background:#1e2e57;border-radius:6px;border-color:#475e95}.side-item-help i[data-v-ce5978de]{margin-right:10px;display:flex;align-items:center}.side-item-help p[data-v-ce5978de]{display:flex;align-items:center;white-space:nowrap;overflow:hidden;justify-content:center;margin-top:0}.side-item-help .bell-wrapper[data-v-ce5978de]{position:relative;display:inline-flex;align-items:center}.side-item-help .bell-unread-num[data-v-ce5978de]{position:absolute;top:-4px;right:-6px;box-sizing:border-box;padding:0 4px;background-color:#f15a5a;font-size:12px;color:#e8ecef;line-height:16px;height:16px;min-width:16px;text-align:center;border-radius:10px}.side-item-help .bell-unread-dot[data-v-ce5978de]{position:absolute;top:-2px;right:-2px;height:8px;width:8px;background-color:#f15a5a;border-radius:50%}.side-item-help .sidebar-icon-wrapper[data-v-ce5978de]{display:inline-flex;font-size:22px;color:#95b4f0;align-items:center}.side-item-help .sidebar-icon-wrapper .icon-notice[data-v-ce5978de]{font-size:22px;color:#a0a1a5;margin-right:0!important}.side-item-help[data-v-ce5978de]{min-width:40px;height:40px;box-sizing:border-box;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.side-item-help>p[data-v-ce5978de]{display:none}.side-item-help .sidebar-icon-wrapper .iconfont[data-v-ce5978de],.side-item-help .sidebar-icon-wrapper .svg-icon[data-v-ce5978de]{color:#a0a1a5}.notice-popover .notice-list[data-v-ce5978de]{width:412px;color:#d7ddea;background-color:#242424;box-shadow:0 10px 10px #00000040;border-radius:12px;box-sizing:border-box}.notice-popover .notice-list .tabs[data-v-ce5978de]{padding:8px 24px 0;border-bottom:1px solid hsla(0,0%,100%,.06);gap:40px}.notice-popover .notice-list .tabs .tab[data-v-ce5978de]{font-weight:500;font-size:14px;color:gray;line-height:44px;cursor:pointer;position:relative}.notice-popover .notice-list .tabs .tab.active[data-v-ce5978de]{color:#f0f0f0}.notice-popover .notice-list .tabs .tab.active[data-v-ce5978de]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:1px;background:#f0f0f0;background-position:50%;background-size:contain}.notice-popover .notice-list .tabs .tab .tab-name-wrapper[data-v-ce5978de]{position:relative;display:inline-flex;align-items:center}.notice-popover .notice-list .tabs .tab .unread-dot[data-v-ce5978de]{position:absolute;top:-2px;right:-12px}.notice-popover .notice-list .tabs .tab .tab-unread-num[data-v-ce5978de]{position:absolute;top:2px;right:-4px;box-sizing:border-box;padding:0 4px;background-color:#f15a5a;font-size:12px;color:#e8ecef;line-height:16px;height:16px;min-width:16px;text-align:center;border-radius:10px}.notice-popover .notice-list .btns[data-v-ce5978de]{padding:14px 20px;border-top:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;align-items:center}.notice-popover .notice-list .btns .btn[data-v-ce5978de]{font-weight:500;font-size:14px;color:gray;line-height:24px;cursor:pointer}.notice-popover .notice-list .no-data[data-v-ce5978de]{margin:20px}.notice-popover .notice-list .notices[data-v-ce5978de]{width:100%;max-height:508px;box-sizing:border-box;padding:12px 8px 0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.notice-popover .notice-list .notices .notice[data-v-ce5978de]{width:100%;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.notice-popover .notice-list .notices .notice[data-v-ce5978de]:hover{background:#333}.notice-popover .notice-list .notices .notice .title[data-v-ce5978de]{width:155px;font-size:14px;color:#fff;font-weight:500;font-family:var(--font-family);opacity:.9}.notice-popover .notice-list .notices .notice .title.redDot[data-v-ce5978de]:before{content:" ";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#ff3a3a;margin-right:5px;margin-left:-11px;line-height:6px}.notice-popover .notice-list .notices .notice .time[data-v-ce5978de]{font-size:10px;font-weight:400;color:#ffffff80}.notice-popover .notice-list .notices .notice .creation-badge[data-v-ce5978de]{position:absolute;top:0;right:0;width:8px;height:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:#ef4444;margin-left:-8px}.notice-popover .notice-list .notices .down[data-v-ce5978de],.notice-popover .notice-list .notices .other-down[data-v-ce5978de]{font-size:12px;font-weight:400;color:#fff;opacity:.6;margin-top:8px}.notice-popover .notice-list .notices .down[data-v-ce5978de],.notice-popover .notice-list .notices .other-down[data-v-ce5978de],.notice-popover .notice-list .notices .title[data-v-ce5978de]{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;word-break:break-all}.notice-popover .notice-list .notices .down[data-v-ce5978de]{-webkit-line-clamp:2}.notice-popover .notice-list .notices .notice-item[data-v-ce5978de]{position:relative;padding:12px;gap:10px}.notice-popover .notice-list .notices .notice-item .right-main[data-v-ce5978de]{flex-grow:1}.notice-popover .notice-list .notices .notice-sys[data-v-ce5978de]{line-height:24px}.notice-popover .notice-list .notices .notice-sys .up[data-v-ce5978de]{gap:8px}.notice-popover .notice-list .notices .notice-sys .title[data-v-ce5978de]{width:100%;flex:1}.notice-popover .notice-list .notices[data-v-ce5978de] .el-divider{flex-shrink:0;background:none;width:60%;margin:15px 0 28px}.notice-popover .notice-list .notices[data-v-ce5978de] .el-divider .el-divider__text{position:relative;width:130px;font-weight:700;padding:0 2px;background:none;color:#ffffff4d;font-size:12px;text-align:center;word-break:break-word}.notice-popover .notice-list .notices[data-v-ce5978de] .el-divider .el-divider__text:before{content:"";width:24px;height:1px;background-color:#ffffff4d;position:absolute;top:50%;left:-24px;transform:translateY(-50%)}.notice-popover .notice-list .notices[data-v-ce5978de] .el-divider .el-divider__text:after{content:"";width:24px;height:1px;background-color:#ffffff4d;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.notice-popover .notice-list .card-user-avatar[data-v-ce5978de]{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background-position:50%;background-size:cover;border-radius:50%;cursor:pointer;background-color:#e9e9e9;color:#212121;font-size:20px;flex-shrink:0}.creation-badge[data-v-ce5978de]{position:absolute;top:6px;right:2px;width:8px;height:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:#ef4444;margin-left:-8px}.creation-badge[data-v-ce5978de] .el-badge__content{border-color:transparent}.notice-popover{background-color:#1b1c26e6;background-size:100% auto;border-radius:16px!important;border:none!important}.notice-popover ::-webkit-scrollbar{width:4px}.notice-popover ::-webkit-scrollbar-thumb{background-color:#363636;border-radius:8px}.notice-popover ::-webkit-scrollbar-track{background-color:#242424;border-radius:8px}.el-popover.notice-popover{background-color:transparent!important}
