.notification-item[data-v-cfdab0b9]{align-items:flex-start;background:#fff;border:1px solid #e1eaea;border-radius:5px;box-shadow:0 0 16px #e1eaea;cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:16px 20px;transition:all .2s ease}.notification-item[data-v-cfdab0b9]:hover{box-shadow:0 0 16px #e1eaea;transform:translate3d(0,-2px,0)}.notification-item.unread[data-v-cfdab0b9]{background:#f2672905;border-color:#f2672926;border-left:3px solid #f26729;padding-left:17px}.type-icon[data-v-cfdab0b9]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.type-icon .icon-text[data-v-cfdab0b9]{font-size:20px}.type-icon.icon-order[data-v-cfdab0b9]{background:#fff4e6}.type-icon.icon-system[data-v-cfdab0b9]{background:#e6f7ff}.type-icon.icon-refund[data-v-cfdab0b9]{background:#e6f9ec}.type-icon.icon-course[data-v-cfdab0b9]{background:#f3e8ff}.type-icon.icon-promo[data-v-cfdab0b9]{background:#fff1f0}.notification-content[data-v-cfdab0b9]{flex:1;min-width:0}.notification-content .content-top[data-v-cfdab0b9]{align-items:center;display:flex;gap:8px;margin-bottom:4px}.notification-content .notification-title[data-v-cfdab0b9]{color:#1c1d2c;font-size:14px;font-weight:600}.notification-content .unread-dot[data-v-cfdab0b9]{background:#ff4d4f;border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification-content .notification-text[data-v-cfdab0b9]{color:#666;font-size:13px;line-height:1.6;margin-bottom:6px}.notification-content .notification-time[data-v-cfdab0b9]{color:#bbb;font-size:12px}