.notification-list[data-v-033ba05e]{padding:20px;background-color:#f5f7fa;min-height:calc(100vh - 84px)}.notification-list .operation-bar[data-v-033ba05e]{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.notification-list .operation-bar .left .el-radio-group .el-radio-button__inner[data-v-033ba05e]{padding:8px 15px}.notification-list .notification-container[data-v-033ba05e]{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.05);padding:20px;margin-bottom:20px}.notification-list .notification-container .notification-item[data-v-033ba05e]{margin-bottom:10px;border-radius:0;background:#fff;box-shadow:none;border:none;border-bottom:1px solid #e4e7ed}.notification-list .notification-container .notification-item.unread[data-v-033ba05e]{border-left:4px solid #f56c6c;background:#fff}.notification-list .notification-container .notification-item.read[data-v-033ba05e]{border-left:4px solid #409eff;background:#fff;opacity:1}.notification-list .notification-container[data-v-033ba05e] .el-card{box-shadow:none!important}.notification-list .notification-container[data-v-033ba05e] .el-card__body{padding:4px 6px}.notification-list .notification-container .notification-content[data-v-033ba05e]{padding:0}.notification-list .notification-container .notification-content .header[data-v-033ba05e]{position:relative;margin-bottom:4px}.notification-list .notification-container .notification-content .header .time[data-v-033ba05e]{font-size:11px}.notification-list .notification-container .notification-content .header .type-stamp[data-v-033ba05e]{position:absolute;top:16px;right:4px;transform:rotate(45deg);display:flex;align-items:center;padding:2px 12px;font-size:12px;font-weight:500;opacity:.6;pointer-events:none;z-index:1;background-color:rgba(64,158,255,.12);color:#409eff}.notification-list .notification-container .notification-content .header .type-stamp.like[data-v-033ba05e]{background-color:rgba(103,194,58,.12);color:#67c23a}.notification-list .notification-container .notification-content .header .type-stamp.report[data-v-033ba05e]{background-color:rgba(245,108,108,.12);color:#f56c6c}.notification-list .notification-container .notification-content .header .type-stamp i[data-v-033ba05e],.notification-list .notification-container .notification-content .header .type-stamp svg[data-v-033ba05e]{margin-right:4px;font-size:13px}.notification-list .notification-container .notification-content .comment-content[data-v-033ba05e],.notification-list .notification-container .notification-content .message[data-v-033ba05e],.notification-list .notification-container .notification-content .report-reason[data-v-033ba05e]{font-size:14px}.notification-list .notification-container .notification-content .message[data-v-033ba05e]{margin-left:110px;line-height:1.4}.notification-list .notification-container .notification-content .message .user[data-v-033ba05e]{font-size:12px}.notification-list .notification-container .notification-content .message .action[data-v-033ba05e],.notification-list .notification-container .notification-content .message .ip[data-v-033ba05e],.notification-list .notification-container .notification-content .message .target-type[data-v-033ba05e]{font-size:11px}.notification-list .notification-container .empty-state[data-v-033ba05e]{text-align:center;padding:40px 0;background-color:#fff;border-radius:4px}.notification-list .pagination-container[data-v-033ba05e]{margin-top:20px;text-align:center;background-color:#fff;padding:15px 0;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.05)}.notification-content.clickable[data-v-033ba05e],.notification-item.unread:hover .notification-content[data-v-033ba05e]{cursor:pointer}