.sidebar[data-v-d3fc6ad2]{height:100%;display:flex;flex-direction:column}.logo-container[data-v-d3fc6ad2]{height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #1f2d3d;gap:8px}.logo-image[data-v-d3fc6ad2]{height:32px;width:auto;-o-object-fit:contain;object-fit:contain}.logo[data-v-d3fc6ad2]{color:#fff;font-size:18px;font-weight:700;margin:0}.sidebar-menu[data-v-d3fc6ad2]{border-right:none;flex:1}.notification-badge[data-v-d3fc6ad2]{margin-top:-10px}.logout-container[data-v-d3fc6ad2]{padding:16px;border-top:1px solid #1f2d3d}.logout-button[data-v-d3fc6ad2]{color:#bfcbd9;width:100%;text-align:left}.logout-button[data-v-d3fc6ad2]:hover{color:#409eff}.logout-button i[data-v-d3fc6ad2]{margin-right:5px}.navbar[data-v-26195b1a]{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.page-title[data-v-26195b1a]{margin:0;font-size:18px;font-weight:600;color:#303133}.user-info[data-v-26195b1a]{display:flex;align-items:center;cursor:pointer}.user-name[data-v-26195b1a]{font-size:14px;color:#303133;margin-right:5px}.user-role[data-v-26195b1a]{font-size:12px;color:#909399;margin-right:5px}.notification-badge[data-v-26195b1a]{margin-top:-10px;margin-left:5px}.notification-detail[data-v-0bf3fd71]{padding:10px 0}.detail-header[data-v-0bf3fd71]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.detail-header h3[data-v-0bf3fd71]{margin:0;color:#303133;font-size:18px;font-weight:600}.detail-meta[data-v-0bf3fd71]{margin-bottom:20px;display:flex;gap:20px}.meta-item[data-v-0bf3fd71]{display:flex;align-items:center;color:#909399;font-size:14px}.meta-item i[data-v-0bf3fd71]{margin-right:5px}.detail-content[data-v-0bf3fd71]{margin-top:20px}.detail-content h4[data-v-0bf3fd71]{margin:0 0 10px 0;color:#606266;font-size:16px;font-weight:500}.content-text[data-v-0bf3fd71]{background-color:#f8f9fa;padding:15px;border-radius:6px;border-left:4px solid #409eff;line-height:1.6;color:#303133;min-height:60px;white-space:pre-wrap;word-wrap:break-word}.dialog-footer[data-v-0bf3fd71]{text-align:right}.dialog-footer .el-button[data-v-0bf3fd71]{margin-left:10px}.notification-list-container[data-v-0bf3fd71]{height:100vh;background-color:#f5f7fa}.el-header[data-v-0bf3fd71]{background-color:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);display:flex;align-items:center;padding:0 20px}.el-aside[data-v-0bf3fd71]{background-color:#304156;color:#fff;overflow:hidden}.el-main[data-v-0bf3fd71]{padding:20px}.page-header[data-v-0bf3fd71]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title[data-v-0bf3fd71]{margin:0;font-size:22px;font-weight:600;color:#303133}.filter-card[data-v-0bf3fd71]{margin-bottom:20px}.filter-form[data-v-0bf3fd71]{display:flex;flex-wrap:wrap}.notification-list[data-v-0bf3fd71]{display:flex;flex-direction:column}.notification-item[data-v-0bf3fd71]{display:flex;padding:15px;border-bottom:1px solid #ebeef5;cursor:pointer;transition:background-color .3s}.notification-item[data-v-0bf3fd71]:hover{background-color:#f5f7fa}.notification-item.unread[data-v-0bf3fd71]{background-color:#ecf5ff}.notification-item[data-v-0bf3fd71]:last-child{border-bottom:none}.notification-icon[data-v-0bf3fd71]{margin-right:15px}.notification-content[data-v-0bf3fd71]{flex:1}.notification-title[data-v-0bf3fd71]{font-weight:600;margin-bottom:5px;color:#303133}.notification-message[data-v-0bf3fd71]{color:#606266;margin-bottom:5px;line-height:1.5}.notification-time[data-v-0bf3fd71]{font-size:12px;color:#909399}.notification-actions[data-v-0bf3fd71]{display:flex;flex-direction:column;justify-content:center;gap:5px}.pagination-container[data-v-0bf3fd71]{display:flex;justify-content:center;margin-top:20px}