.notification-item[data-v-cda4c902]{display:flex;align-items:flex-start;padding:12px 8px;border-bottom:1px solid #f0f0f0;cursor:pointer;position:relative;transition:background-color .2s ease}.notification-item[data-v-cda4c902]:hover{background-color:#f8f9fa}.notification-item.unread[data-v-cda4c902]{background-color:#f8f9ff}.notification-item[data-v-cda4c902]:last-child{border-bottom:none}.notification-avatar[data-v-cda4c902]{flex-shrink:0;margin-right:12px}.avatar-img[data-v-cda4c902]{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-cda4c902]{width:32px;height:32px;border-radius:50%;background:#554fb8;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.notification-content[data-v-cda4c902]{flex:1;min-width:0}.notification-message[data-v-cda4c902]{font-size:14px;margin-bottom:4px;line-height:1.4}.username[data-v-cda4c902]{font-weight:600;color:#333;margin-right:4px}.notification-details[data-v-cda4c902]{margin-bottom:8px}.post-info[data-v-cda4c902]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.post-thumbnail[data-v-cda4c902]{width:24px;height:24px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.post-title[data-v-cda4c902]{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.comment-preview[data-v-cda4c902]{font-size:13px;color:#666;font-style:italic;line-height:1.3}.notification-time[data-v-cda4c902]{font-size:12px;color:#999}.unread-indicator[data-v-cda4c902]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#ff4757;border-radius:50%}@media (max-width:480px){.notification-item[data-v-cda4c902]{padding:10px 6px}.avatar-img[data-v-cda4c902],.avatar-placeholder[data-v-cda4c902]{width:28px;height:28px}.notification-message[data-v-cda4c902]{font-size:13px}.comment-preview[data-v-cda4c902],.post-title[data-v-cda4c902]{font-size:12px}.notification-time[data-v-cda4c902]{font-size:11px}}.notification-panel[data-v-639690c3]{width:320px;max-height:400px;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden}.notification-header[data-v-639690c3]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;background:#fafafa}.notification-header-actions[data-v-639690c3]{display:flex;align-items:center;gap:8px}.notification-title[data-v-639690c3]{margin:0;font-size:16px;font-weight:600;color:#333}.mark-all-read-btn[data-v-639690c3]{background:transparent;border:none;color:#554fb8;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn[data-v-639690c3]:hover:not(:disabled){background-color:rgba(85,79,184,.1)}.mark-all-read-btn[data-v-639690c3]:disabled{opacity:.5;cursor:not-allowed}.close-btn[data-v-639690c3]{background:transparent;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-639690c3]:hover{background-color:#f0f0f0;color:#333}.notification-filters[data-v-639690c3]{display:flex;border-bottom:1px solid #f0f0f0;background:#fafafa}.filter-btn[data-v-639690c3]{flex:1;padding:12px;background:transparent;border:none;cursor:pointer;font-size:13px;color:#666;transition:all .2s ease}.filter-btn.active[data-v-639690c3]{color:#554fb8;background-color:#fff;border-bottom:2px solid #554fb8}.filter-btn[data-v-639690c3]:hover:not(.active){background-color:rgba(85,79,184,.05)}.notification-list[data-v-639690c3]{flex:1;overflow-y:auto;min-height:200px}.loading-state[data-v-639690c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666}.loading-spinner[data-v-639690c3]{width:24px;height:24px;border:2px solid #f0f0f0;border-top:2px solid #554fb8;border-radius:50%;-webkit-animation:spin-639690c3 1s linear infinite;animation:spin-639690c3 1s linear infinite;margin-bottom:12px}@-webkit-keyframes spin-639690c3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-639690c3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state[data-v-639690c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.empty-icon[data-v-639690c3]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p[data-v-639690c3]{margin:0 0 8px 0;font-weight:600;color:#333}.empty-state span[data-v-639690c3]{font-size:14px;color:#999}.notification-items[data-v-639690c3]{max-height:300px;overflow-y:auto}.notification-footer[data-v-639690c3]{padding:12px 16px;border-top:1px solid #f0f0f0;background:#fafafa}.load-more-btn[data-v-639690c3]{width:100%;padding:8px;background:#554fb8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.load-more-btn[data-v-639690c3]:hover:not(:disabled){background:#4a3f9a}.load-more-btn[data-v-639690c3]:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.notification-panel[data-v-639690c3]{width:100%;max-width:400px;max-height:calc(100vh - 80px)}.notification-header[data-v-639690c3]{padding:14px}.notification-title[data-v-639690c3]{font-size:16px}.mark-all-read-btn[data-v-639690c3]{font-size:12px;padding:6px 10px}.notification-list[data-v-639690c3]{min-height:180px}.notification-items[data-v-639690c3]{max-height:calc(100vh - 200px)}}@media (max-width:480px){.notification-panel[data-v-639690c3]{width:calc(100vw - 10px);max-width:none;max-height:calc(100vh - 75px)}.notification-header[data-v-639690c3]{padding:12px}.notification-title[data-v-639690c3]{font-size:15px}.mark-all-read-btn[data-v-639690c3]{font-size:11px;padding:5px 8px}.close-btn[data-v-639690c3]{width:28px;height:28px;font-size:14px}.notification-list[data-v-639690c3]{min-height:160px}.notification-items[data-v-639690c3]{max-height:calc(100vh - 180px)}.filter-btn[data-v-639690c3]{padding:10px 8px;font-size:12px}.empty-state[data-v-639690c3]{padding:30px 15px}.empty-icon[data-v-639690c3]{font-size:40px;margin-bottom:12px}.empty-state p[data-v-639690c3]{font-size:14px}.empty-state span[data-v-639690c3]{font-size:13px}.loading-state[data-v-639690c3]{padding:30px 15px}.loading-spinner[data-v-639690c3]{width:20px;height:20px;margin-bottom:10px}}@media (max-width:360px){.notification-panel[data-v-639690c3]{width:calc(100vw - 6px);max-height:calc(100vh - 70px)}.notification-header[data-v-639690c3]{padding:10px}.notification-title[data-v-639690c3]{font-size:14px}.mark-all-read-btn[data-v-639690c3]{font-size:10px;padding:4px 6px}.close-btn[data-v-639690c3]{width:24px;height:24px;font-size:12px}.notification-items[data-v-639690c3]{max-height:calc(100vh - 160px)}.filter-btn[data-v-639690c3]{padding:8px 6px;font-size:11px}.empty-state[data-v-639690c3]{padding:25px 12px}.empty-icon[data-v-639690c3]{font-size:36px;margin-bottom:10px}.empty-state p[data-v-639690c3]{font-size:13px}.empty-state span[data-v-639690c3]{font-size:12px}.loading-state[data-v-639690c3]{padding:25px 12px}.loading-spinner[data-v-639690c3]{width:18px;height:18px;margin-bottom:8px}}@media (max-width:768px) and (orientation:landscape){.notification-panel[data-v-639690c3]{max-height:calc(100vh - 60px)}.notification-items[data-v-639690c3]{max-height:calc(100vh - 140px)}.notification-list[data-v-639690c3]{min-height:120px}.empty-state[data-v-639690c3]{padding:20px 15px}.empty-icon[data-v-639690c3]{font-size:32px;margin-bottom:8px}.loading-state[data-v-639690c3]{padding:20px 15px}}@media (max-width:480px) and (orientation:landscape){.notification-panel[data-v-639690c3]{max-height:calc(100vh - 50px)}.notification-items[data-v-639690c3]{max-height:calc(100vh - 120px)}.notification-list[data-v-639690c3]{min-height:100px}.empty-state[data-v-639690c3]{padding:15px 12px}.empty-icon[data-v-639690c3]{font-size:28px;margin-bottom:6px}.loading-state[data-v-639690c3]{padding:15px 12px}}@media (max-height:500px){.notification-panel[data-v-639690c3]{max-height:calc(100vh - 60px)!important}.notification-items[data-v-639690c3]{max-height:calc(100vh - 140px)!important}.notification-list[data-v-639690c3]{min-height:80px!important}.empty-state[data-v-639690c3]{padding:15px 12px}.empty-icon[data-v-639690c3]{font-size:24px;margin-bottom:6px}.loading-state[data-v-639690c3]{padding:15px 12px}}@media (max-height:400px){.notification-panel[data-v-639690c3]{max-height:calc(100vh - 20px)!important}.notification-items[data-v-639690c3]{max-height:calc(100vh - 100px)!important}.notification-list[data-v-639690c3]{min-height:60px!important}.empty-state[data-v-639690c3]{padding:10px 8px}.empty-icon[data-v-639690c3]{font-size:20px;margin-bottom:4px}.loading-state[data-v-639690c3]{padding:10px 8px}.notification-header[data-v-639690c3]{padding:8px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.notification-panel[data-v-639690c3]{border:1px solid #ddd}.loading-spinner[data-v-639690c3]{border-width:1px}}.notification-items[data-v-639690c3]::-webkit-scrollbar,.notification-list[data-v-639690c3]::-webkit-scrollbar{width:6px}.notification-items[data-v-639690c3]::-webkit-scrollbar-track,.notification-list[data-v-639690c3]::-webkit-scrollbar-track{background:#f1f1f1}.notification-items[data-v-639690c3]::-webkit-scrollbar-thumb,.notification-list[data-v-639690c3]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-items[data-v-639690c3]::-webkit-scrollbar-thumb:hover,.notification-list[data-v-639690c3]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}