.notification-preview-container[data-v-9b090bda]{padding:0;background-color:#f5f7fa;min-height:calc(100vh - 60px);overflow-x:hidden}.page-header[data-v-9b090bda]{height:50px;background-color:#fff;padding:0 20px;border-bottom:1px solid #ebeef5;display:flex;align-items:center;width:100%;position:relative;z-index:10}.header-content[data-v-9b090bda]{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left[data-v-9b090bda],.page-title[data-v-9b090bda]{display:flex;align-items:center}.page-title[data-v-9b090bda]{font-size:16px;font-weight:600;color:#333;margin:0}.page-title i[data-v-9b090bda]{font-size:18px;margin-right:8px;color:#4776e6}.header-right[data-v-9b090bda]{display:flex;align-items:center;gap:10px;padding-right:30px;position:relative;z-index:20}.notification-content[data-v-9b090bda]{padding:20px;box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.section-block[data-v-9b090bda]{margin-bottom:20px;background-color:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.section-header[data-v-9b090bda]{padding:15px 20px;border-bottom:1px solid #ebeef5}.section-title[data-v-9b090bda]{display:flex;align-items:center;font-size:16px;font-weight:600;color:#333}.section-title i[data-v-9b090bda]{margin-right:8px;font-size:18px;color:#4776e6}.notification-cards[data-v-9b090bda]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;padding:16px;padding-right:20px}.el-row[data-v-9b090bda]{margin-left:-10px!important;margin-right:-10px!important;width:calc(100% - 10px)}.el-col[data-v-9b090bda]{padding-left:10px!important;padding-right:10px!important}.empty-notification[data-v-9b090bda]{padding:40px 0;grid-column:-1}.notification-card[data-v-9b090bda]{margin-bottom:0;transition:all .3s;border-radius:4px;border:none}.notification-card[data-v-9b090bda]:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.08)}.notification-card .notification-card-header[data-v-9b090bda]{display:flex;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.notification-card .notification-card-header .notification-icon[data-v-9b090bda]{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;background-color:#ecf5ff}.notification-card .notification-card-header .notification-icon i[data-v-9b090bda]{font-size:18px;color:#4776e6}.notification-card .notification-card-header .notification-title-wrapper[data-v-9b090bda]{flex:1;overflow:hidden}.notification-card .notification-card-header .notification-title-wrapper .card-title[data-v-9b090bda]{margin:0 0 6px 0;font-size:15px;font-weight:500;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-card .notification-card-header .notification-title-wrapper .card-meta[data-v-9b090bda]{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.notification-card .notification-card-header .notification-title-wrapper .card-meta .meta-item[data-v-9b090bda]{color:#909399;font-size:12px;display:flex;align-items:center}.notification-card .notification-card-header .notification-title-wrapper .card-meta .meta-item i[data-v-9b090bda]{margin-right:4px}.notification-card .notification-card-header .notification-title-wrapper .card-meta .date-item[data-v-9b090bda]{color:#909399}.notification-card .notification-card-content[data-v-9b090bda]{margin-bottom:16px}.notification-card .notification-card-content .notification-preview-text[data-v-9b090bda]{margin:0;font-size:13px;color:#606266;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.notification-card .notification-card-footer[data-v-9b090bda]{display:flex;justify-content:flex-end}.notification-card .notification-card-footer .view-btn[data-v-9b090bda]{background:#4776e6;border-color:#4776e6}.pagination-container[data-v-9b090bda]{margin-top:20px;text-align:center}.notification-detail-dialog[data-v-9b090bda] .el-dialog__header{background:#4776e6;padding:15px 20px}.notification-detail-dialog[data-v-9b090bda] .el-dialog__header .el-dialog__title{color:#fff;font-weight:500;font-size:16px}.notification-detail-dialog[data-v-9b090bda] .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:hsla(0,0%,100%,.9)}.notification-view .notification-header[data-v-9b090bda]{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ebeef5}.notification-view .notification-header .notification-title[data-v-9b090bda]{margin:0 0 12px;font-size:18px;font-weight:600;color:#333}.notification-view .notification-header .notification-meta[data-v-9b090bda]{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.notification-view .notification-header .notification-meta .meta-item[data-v-9b090bda]{color:#909399;font-size:13px;display:flex;align-items:center}.notification-view .notification-header .notification-meta .meta-item i[data-v-9b090bda]{margin-right:4px;color:#909399}.notification-view .notification-header .notification-meta .date-item[data-v-9b090bda]{color:#909399}.notification-view .notification-header .notification-meta .status-tag[data-v-9b090bda]{padding:4px 8px;border-radius:4px;font-size:12px}.notification-view .notification-content-view[data-v-9b090bda]{line-height:1.7;color:#303133;font-size:14px;white-space:pre-line;background-color:#f8fafc;padding:12px;border-radius:4px;min-height:180px}