@charset "UTF-8";.el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translate(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.notice-list[data-v-2dd7eb01]{background-color:#1c1c1c;border-radius:16px;color:#d7ddea;min-width:380px;padding:16px}.notice-list .tabs[data-v-2dd7eb01]{border-bottom:1px solid hsla(0,0%,100%,.06);gap:40px;padding:12px}.notice-list .tabs .tab[data-v-2dd7eb01]{color:#686a6c;cursor:pointer;position:relative}.notice-list .tabs .tab.active[data-v-2dd7eb01]{color:#f7fbfa}.notice-list .tabs .tab.active[data-v-2dd7eb01]:after{background:linear-gradient(90deg,#3f8cff,#20ffff);background-position:50%;background-size:contain;bottom:-12px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:100%}.notice-list .tabs .tab .unread-dot[data-v-2dd7eb01]{background-color:#ef4444;border-radius:50%;height:6px;position:absolute;right:-10px;top:0;width:6px}.notice-list .btns[data-v-2dd7eb01]{border-top:1px solid hsla(0,0%,100%,.06);color:#6f767e;font-size:12px;padding:19px 12px 3px}.notice-list .btns .btn[data-v-2dd7eb01]{cursor:pointer}.notice-list .btns .btn[data-v-2dd7eb01]:hover{color:#fff}.notice-list .no-data[data-v-2dd7eb01]{color:#6f767e;margin:20px}.notice-list .notices[data-v-2dd7eb01]{max-height:454px;overflow-y:auto;width:380px}.notice-list .notices .notice[data-v-2dd7eb01]{border-radius:6px;box-sizing:border-box;cursor:pointer;width:100%}.notice-list .notices .notice[data-v-2dd7eb01]:last-child{margin-bottom:0}.notice-list .notices .notice[data-v-2dd7eb01]:hover{background:#ffffff1a}.notice-list .notices .notice .title[data-v-2dd7eb01]{color:#fff;font-size:14px;font-weight:500;opacity:.9;width:155px;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;word-break:break-all}.notice-list .notices .notice .title.redDot[data-v-2dd7eb01]:before{background-color:#ff3a3a;border-radius:50%;content:" ";display:inline-block;height:6px;line-height:6px;margin-left:-11px;margin-right:5px;width:6px}.notice-list .notices .notice .time[data-v-2dd7eb01]{color:#ffffff80;flex-shrink:0;font-size:10px;font-weight:400}.notice-list .notices .notice .creation-badge[data-v-2dd7eb01]{align-items:center;background-color:#ef4444;border-radius:50%;display:inline-flex;height:8px;justify-content:center;margin-left:-8px;position:absolute;right:0;top:0;width:8px}.notice-list .notices .down[data-v-2dd7eb01],.notice-list .notices .other-down[data-v-2dd7eb01]{color:#fff;font-size:12px;font-weight:400;margin-top:8px;opacity:.6;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;word-break:break-all}.notice-list .notices .down[data-v-2dd7eb01]{-webkit-line-clamp:2;line-clamp:2}.notice-list .notices .notice-item[data-v-2dd7eb01]{gap:10px;margin-bottom:8px;padding:12px;position:relative}.notice-list .notices .notice-item .right-main[data-v-2dd7eb01]{flex-grow:1}.notice-list .notices .notice-sys[data-v-2dd7eb01]{line-height:24px}.notice-list .notices .notice-sys .up[data-v-2dd7eb01]{gap:8px}.notice-list .notices .notice-sys .title[data-v-2dd7eb01]{flex:1;width:100%}.notice-list .notices[data-v-2dd7eb01] .el-divider{background:none;flex-shrink:0;margin:15px 0 28px;width:60%}.notice-list .notices[data-v-2dd7eb01] .el-divider .el-divider__text{background:none;color:#ffffff4d;font-size:12px;font-weight:700;padding:0 2px;position:relative;text-align:center;width:130px;word-break:break-word}.notice-list .notices[data-v-2dd7eb01] .el-divider .el-divider__text:before{background-color:#ffffff4d;content:"";height:1px;left:-24px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.notice-list .notices[data-v-2dd7eb01] .el-divider .el-divider__text:after{background-color:#ffffff4d;content:"";height:1px;position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:24px}
