.notification-panel[data-v-efb5d82a]{z-index:1200;background:#fff;border-radius:16px;flex-direction:column;width:360px;max-height:480px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000026}.panel-header[data-v-efb5d82a]{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.panel-title[data-v-efb5d82a]{color:#1f2937;margin:0;font-size:16px;font-weight:600}.close-btn[data-v-efb5d82a]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s,color .2s;display:flex}.close-btn[data-v-efb5d82a]:hover{color:#374151;background:#f3f4f6}.panel-body[data-v-efb5d82a]{flex:1;overflow:hidden auto}.panel-body[data-v-efb5d82a]::-webkit-scrollbar{width:6px}.panel-body[data-v-efb5d82a]::-webkit-scrollbar-track{background:0 0}.panel-body[data-v-efb5d82a]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.panel-body[data-v-efb5d82a]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.loading-state[data-v-efb5d82a]{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:14px;display:flex}.loading-spinner[data-v-efb5d82a]{border:2px solid #e5e7eb;border-top-color:#5d5cde;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin-efb5d82a}.loading-spinner.small[data-v-efb5d82a]{border-width:2px;width:16px;height:16px}@keyframes spin-efb5d82a{to{transform:rotate(360deg)}}.empty-state[data-v-efb5d82a]{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;display:flex}.empty-state svg[data-v-efb5d82a]{opacity:.4}.empty-state p[data-v-efb5d82a]{margin:0;font-size:14px}.notification-list[data-v-efb5d82a]{margin:0;padding:8px;list-style:none}.notification-item[data-v-efb5d82a]{cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:5px;padding:12px;transition:background .2s;display:flex}.notification-item[data-v-efb5d82a]:hover{background:#f9fafb}.notification-item.is-unread[data-v-efb5d82a]{background:#f0f4ff}.notification-item.is-unread[data-v-efb5d82a]:hover{background:#e8eeff}.item-icon[data-v-efb5d82a]{color:#6b7280;background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.item-icon.type-follow[data-v-efb5d82a]{color:#d97706;background:#fef3c7}.item-icon.type-like[data-v-efb5d82a]{color:#dc2626;background:#fee2e2}.item-icon.type-order[data-v-efb5d82a]{color:#059669;background:#d1fae5}.item-icon.type-system[data-v-efb5d82a]{color:#4f46e5;background:#e0e7ff}.item-icon.type-comment[data-v-efb5d82a]{color:#2563eb;background:#dbeafe}.item-content[data-v-efb5d82a]{flex:1;min-width:0}.item-text[data-v-efb5d82a]{color:#374151;word-break:break-word;margin:0 0 4px;font-size:14px;line-height:1.4}.item-time[data-v-efb5d82a]{color:#9ca3af;font-size:12px}.load-more[data-v-efb5d82a]{color:#9ca3af;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.no-more[data-v-efb5d82a]{text-align:center;color:#9ca3af;padding:16px;font-size:13px}@media (width<=480px){.notification-panel[data-v-efb5d82a]{width:auto;max-height:calc(100vh - 72px);position:fixed;top:56px;left:8px;right:8px}}.home-header[data-v-3025e91e]{z-index:1000;background:#fff;position:sticky;top:0;left:0;right:0;box-shadow:0 1px #0000000f}.header-inner[data-v-3025e91e]{justify-content:space-between;align-items:center;min-height:56px;margin:0 auto;padding:12px 20px;display:flex}.menu-btn[data-v-3025e91e]{display:none}.logo-wrap[data-v-3025e91e]{flex-shrink:0;align-items:center;margin-right:auto;text-decoration:none;display:flex}.logo-img[data-v-3025e91e]{object-fit:contain;width:auto;height:28px}.search-wrap[data-v-3025e91e]{flex:0 400px;align-items:center;margin:0 24px;display:flex;position:relative}.search-icon[data-v-3025e91e]{color:#94a3b8;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.search-input[data-v-3025e91e]{color:#333;background:#eef2ff;border:none;border-radius:20px;width:100%;height:40px;padding:0 14px 0 40px;font-size:14px}.search-input[data-v-3025e91e]::placeholder{color:#94a3b8}.search-input[data-v-3025e91e]:focus{outline:none;box-shadow:0 0 0 2px #5d5cde40}.header-actions[data-v-3025e91e]{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.search-icon-btn[data-v-3025e91e]{display:none!important}.icon-btn[data-v-3025e91e]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-btn[data-v-3025e91e]:hover{color:#5d5cde;background:#f1f5f9}.notification-wrap[data-v-3025e91e]{flex-shrink:0;position:relative}.notification-btn[data-v-3025e91e]{position:relative}.unread-badge[data-v-3025e91e]{color:#fff;text-align:center;pointer-events:none;background:#ef4444;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:2px;right:2px}.avatar-wrap[data-v-3025e91e]{border-radius:50%;flex-shrink:0;width:32px;height:32px;text-decoration:none;display:block;overflow:hidden}.avatar-btn[data-v-3025e91e]{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;width:32px;height:32px;padding:0;display:block;overflow:hidden}.user-dropdown[data-v-3025e91e]{flex-shrink:0;position:relative}.user-dropdown__menu[data-v-3025e91e]{z-index:1100;background:#fff;border-radius:12px;min-width:160px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001f}.user-dropdown__item[data-v-3025e91e]{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:14px;text-decoration:none;display:flex}.user-dropdown__item[data-v-3025e91e]:hover{color:#4c3fb8;background:#f3f4f6}.avatar-img[data-v-3025e91e]{object-fit:cover;width:100%;height:100%}.btn-painter[data-v-3025e91e]{color:#fff;white-space:nowrap;background:#5d5cde;border:none;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none}.btn-painter[data-v-3025e91e]:hover{background:#4c4bc7}.auth-segment[data-v-3025e91e]{box-sizing:border-box;background:#4c3fb8;border-radius:999px;flex-shrink:0;align-items:stretch;padding:3px;display:inline-flex}.auth-segment__item[data-v-3025e91e]{text-align:center;color:#fff;border-radius:999px;flex:1;justify-content:center;align-items:center;min-width:72px;padding:6px 18px;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.auth-segment__item[data-v-3025e91e]:hover{color:#fff;opacity:.92}.auth-segment__item--active[data-v-3025e91e]{color:#4c3fb8;background:#fff;box-shadow:0 1px 2px #00000014}.auth-segment__item--active[data-v-3025e91e]:hover{color:#4c3fb8;opacity:1}.btn-submit[data-v-3025e91e]{align-items:center;gap:6px;display:inline-flex}.btn-submit-icon[data-v-3025e91e]{flex-shrink:0}.header-dropdown[data-v-3025e91e]{flex-shrink:0;position:relative}.header-dropdown__trigger[data-v-3025e91e]{color:#5b5a7a;cursor:pointer;background:#eef2ff;border:none;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 10px 0 12px;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.header-dropdown__trigger[data-v-3025e91e]:hover{color:#4c3fb8;background:#e4e9ff}.header-dropdown__lead-icon[data-v-3025e91e]{color:#5d5cde;flex-shrink:0}.header-dropdown__flag[data-v-3025e91e]{font-size:15px;line-height:1}.header-dropdown__label[data-v-3025e91e]{white-space:nowrap}.header-dropdown__chevron[data-v-3025e91e]{color:#7c7a9a;flex-shrink:0;margin-left:2px}.header-dropdown__menu[data-v-3025e91e]{z-index:1100;background:#fff;border-radius:12px;min-width:140px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}.header-dropdown__option[data-v-3025e91e]{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;display:flex}.header-dropdown__option[data-v-3025e91e]:hover{background:#f3f4f6}.header-dropdown__option.is-active[data-v-3025e91e]{color:#4c3fb8;background:#eef2ff;font-weight:600}@media (width<=1023px){.header-inner[data-v-3025e91e]{gap:12px;padding:10px 16px}.search-wrap[data-v-3025e91e]{flex:1;margin:0 16px}.header-dropdown__trigger[data-v-3025e91e]{height:34px;padding:0 8px 0 10px;font-size:12px}.header-dropdown__label[data-v-3025e91e]{text-overflow:ellipsis;max-width:4em;overflow:hidden}}@media (width<=767px){.header-inner[data-v-3025e91e]{gap:8px;padding:8px 12px;position:relative}.menu-btn[data-v-3025e91e]{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.menu-btn[data-v-3025e91e]:hover{color:#5d5cde;background:#f1f5f9}.logo-img[data-v-3025e91e]{height:18px}.logo-wrap[data-v-3025e91e]{z-index:1;margin-right:0;position:absolute;left:50%;transform:translate(-50%)}.header-actions[data-v-3025e91e]{gap:4px;margin-left:auto}.header-actions[data-v-3025e91e]>:not(.notification-wrap):not(.search-icon-btn):not(.header-dropdown){display:none!important}.search-icon-btn[data-v-3025e91e]{display:flex!important}.notification-wrap[data-v-3025e91e]{display:block}.btn-painter[data-v-3025e91e]{padding:6px 12px;font-size:13px}.auth-segment__item[data-v-3025e91e]{min-width:60px;padding:5px 12px;font-size:13px}.icon-btn[data-v-3025e91e]{width:32px;height:32px;margin-left:5px}.unread-badge[data-v-3025e91e]{min-width:14px;height:14px;font-size:9px;line-height:14px;top:0;right:0}.avatar-wrap[data-v-3025e91e]{width:28px;height:28px}.header-dropdown[data-v-3025e91e],.search-wrap[data-v-3025e91e]{display:none}}[data-v-3025e91e] .mobile-drawer .el-drawer__header{border-bottom:1px solid #eee;margin-bottom:0;padding:16px}[data-v-3025e91e] .mobile-drawer .el-drawer__body{padding:0}.drawer-header[data-v-3025e91e]{align-items:center;display:flex}.drawer-logo[data-v-3025e91e]{width:auto;height:28px}.drawer-content[data-v-3025e91e]{padding:16px}.drawer-auth-btn[data-v-3025e91e]{border-radius:22px;justify-content:center;align-items:center;width:100%;height:44px;margin-bottom:12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.drawer-login-btn[data-v-3025e91e]{color:#fff;background:#5d5cde}.drawer-register-btn[data-v-3025e91e]{color:#5d5cde;background:#fff;border:2px solid #5d5cde}.drawer-user-info[data-v-3025e91e]{align-items:center;gap:12px;margin-bottom:8px;padding-bottom:16px;display:flex}.drawer-avatar[data-v-3025e91e]{object-fit:cover;border-radius:50%;width:48px;height:48px}.drawer-user-text[data-v-3025e91e]{flex-direction:column;gap:2px;display:flex}.drawer-user-name[data-v-3025e91e]{color:#1f2937;font-size:16px;font-weight:600}.drawer-user-email[data-v-3025e91e]{color:#6b7280;font-size:13px}.drawer-close-btn[data-v-3025e91e]{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;transition:all .2s;display:flex}.drawer-close-btn[data-v-3025e91e]:hover{color:#374151;background:#e5e7eb}.drawer-quick-actions[data-v-3025e91e]{margin-bottom:16px}.drawer-action-btn[data-v-3025e91e]{color:#fff;background:#5d5cde;border-radius:20px;justify-content:center;align-items:center;width:100%;height:40px;margin-bottom:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.drawer-action-btn[data-v-3025e91e]:last-child{margin-bottom:0}.drawer-action-btn[data-v-3025e91e]:hover{color:#fff;background:#4c4bc7}.drawer-menu-item[data-v-3025e91e]{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px 16px;font-size:15px;text-decoration:none;display:flex}.drawer-menu-item[data-v-3025e91e]:hover{color:#5d5cde;background:#f3f4f6}.drawer-submit-btn[data-v-3025e91e]{color:#fff;background:#5d5cde;margin-top:8px}.drawer-submit-btn[data-v-3025e91e]:hover{color:#fff;background:#4c4bc7}.drawer-divider[data-v-3025e91e]{background:#e5e7eb;height:1px;margin:16px 0}.drawer-section-title[data-v-3025e91e]{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px;font-size:12px;font-weight:600}.drawer-lang-options[data-v-3025e91e]{margin-bottom:16px}.drawer-selector-title[data-v-3025e91e]{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:10px;padding:0 4px;font-size:12px;font-weight:600;display:flex}.drawer-selector-title svg[data-v-3025e91e]{color:#9ca3af;flex-shrink:0}.drawer-selector-btns[data-v-3025e91e]{flex-wrap:wrap;gap:8px;display:flex}.drawer-selector-btn[data-v-3025e91e]{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;justify-content:center;align-items:center;gap:6px;min-width:72px;height:36px;padding:0 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.drawer-selector-btn[data-v-3025e91e]:hover{color:#5d5cde;background:#f8f7ff;border-color:#5d5cde}.drawer-selector-btn.is-active[data-v-3025e91e]{color:#fff;background:linear-gradient(135deg,#6a4cff 0%,#5d5cde 100%);border-color:#5d5cde;font-weight:600;box-shadow:0 2px 8px #5d5cde4d}.drawer-selector-btn.is-active .selector-flag[data-v-3025e91e]{filter:grayscale(0)}.selector-flag[data-v-3025e91e]{font-size:14px;line-height:1}.drawer-nav-group[data-v-3025e91e]{width:100%}.drawer-nav-group .drawer-menu-item[data-v-3025e91e]{margin-bottom:0}.drawer-nav-group-title[data-v-3025e91e]{justify-content:flex-start}.drawer-nav-arrow[data-v-3025e91e]{flex-shrink:0;margin-left:auto;transition:transform .2s}.drawer-nav-group.open .drawer-nav-arrow[data-v-3025e91e]{transform:rotate(180deg)}.drawer-nav-children[data-v-3025e91e]{flex-direction:column;gap:2px;padding-top:4px;padding-bottom:8px;padding-left:52px;display:flex}.drawer-nav-child[data-v-3025e91e]{color:#64748b;border-radius:8px;padding:10px 16px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:block}.drawer-nav-child[data-v-3025e91e]:hover{color:#334155;background:#f3f4f6}.drawer-nav-child.active[data-v-3025e91e]{color:#5d5cde;font-weight:500}.drawer-logout-btn[data-v-3025e91e]{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:15px}.drawer-logout-btn[data-v-3025e91e]:hover{color:#dc2626;background:#fef2f2}