.notification-list[data-v-b2645da4]{max-height:500px;overflow-y:auto;padding-right:8px;&[data-v-b2645da4]::-webkit-scrollbar{width:6px}&[data-v-b2645da4]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}&[data-v-b2645da4]::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px;&[data-v-b2645da4]:hover{background:#ccc}}}.notification-item[data-v-b2645da4]{display:flex;align-items:center;padding:16px;border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:12px;background:#fafafa;&[data-v-b2645da4]:hover{background:#f5f5f5}&.unread[data-v-b2645da4]{background:#fff8f0;border-left:3px solid #ff7a00;.notification-content[data-v-b2645da4]{font-weight:600;color:#333}}&[data-v-b2645da4]:not(.unread){.notification-content[data-v-b2645da4]{color:#999}}}.notification-content[data-v-b2645da4]{flex:1}.notification-bubble[data-v-b2645da4]{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.6;margin-bottom:8px;i[data-v-b2645da4]{font-size:18px;color:#ff7a00;flex-shrink:0}}.notification-meta[data-v-b2645da4]{display:flex;justify-content:space-between;align-items:center}.notification-title[data-v-b2645da4]{font-size:12px;color:#666;font-weight:500}.notification-time[data-v-b2645da4]{font-size:12px;color:#999}.empty-state[data-v-b2645da4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#999;i[data-v-b2645da4]{font-size:48px;margin-bottom:16px;color:#ddd}p[data-v-b2645da4]{font-size:14px}}