.notice-list-page[data-v-57e09a52]{min-height:calc(100vh - 140px);padding:4px}.page-header[data-v-57e09a52]{margin-bottom:20px}.header-main[data-v-57e09a52]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.page-title[data-v-57e09a52]{display:flex;align-items:center;gap:14px}.title-icon[data-v-57e09a52]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:12px;color:#fff;font-size:22px;box-shadow:0 4px 12px rgba(99,102,241,.3)}.page-title h1[data-v-57e09a52]{margin:0 0 4px;font-size:22px;font-weight:600;color:#1e293b}.page-title p[data-v-57e09a52]{margin:0;font-size:13px;color:#64748b}.header-actions[data-v-57e09a52]{display:flex;gap:10px;flex-shrink:0}.stats-row[data-v-57e09a52]{display:flex;gap:16px}.stat-card[data-v-57e09a52]{flex:1;max-width:200px;padding:16px 20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}.stat-unread .stat-value[data-v-57e09a52]{color:#6366f1}.stat-label[data-v-57e09a52]{display:block;font-size:13px;color:#64748b;margin-bottom:6px}.stat-value[data-v-57e09a52]{font-size:24px;font-weight:700;color:#1e293b}.filter-card[data-v-57e09a52]{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:0 20px;margin-bottom:16px}.filter-card[data-v-57e09a52] .el-tabs__header{margin-bottom:0}.tab-badge[data-v-57e09a52]{margin-left:6px;vertical-align:middle}.list-card[data-v-57e09a52]{background:#fff;border-radius:12px;border:1px solid #e2e8f0;min-height:200px}.notice-items[data-v-57e09a52]{padding:8px 0}.notice-item[data-v-57e09a52]{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f1f5f9;position:relative}.notice-item[data-v-57e09a52]:last-child{border-bottom:none}.notice-item[data-v-57e09a52]:hover{background:#f8fafc}.notice-item.unread .item-title[data-v-57e09a52]{font-weight:600;color:#1e293b}.item-dot[data-v-57e09a52]{width:8px;height:8px;border-radius:50%;background:#6366f1;flex-shrink:0}.item-body[data-v-57e09a52]{flex:1;min-width:0}.item-header[data-v-57e09a52]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.item-title[data-v-57e09a52]{margin:0;font-size:15px;font-weight:500;color:#334155;line-height:1.4}.item-time[data-v-57e09a52]{font-size:12px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.item-summary[data-v-57e09a52]{margin:0 0 8px;font-size:13px;color:#64748b;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-footer[data-v-57e09a52]{display:flex;align-items:center;gap:12px}.item-sender[data-v-57e09a52]{font-size:12px;color:#94a3b8}.item-sender i[data-v-57e09a52]{margin-right:4px}.read-tag[data-v-57e09a52]{font-size:11px;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:4px}.item-arrow[data-v-57e09a52]{color:#cbd5e1;font-size:14px;flex-shrink:0}.empty-state[data-v-57e09a52]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.empty-icon[data-v-57e09a52]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:50%;margin-bottom:16px}.empty-icon i[data-v-57e09a52]{font-size:28px;color:#94a3b8}.empty-title[data-v-57e09a52]{margin:0 0 8px;font-size:16px;font-weight:500;color:#475569}.empty-desc[data-v-57e09a52]{margin:0;font-size:13px;color:#94a3b8}@media (max-width:768px){.header-main[data-v-57e09a52]{flex-direction:column}.header-actions[data-v-57e09a52]{width:100%}.stats-row[data-v-57e09a52]{flex-direction:column}.stat-card[data-v-57e09a52]{max-width:none}}