.noti-bell[data-v-dc1ea7d9],.noti-wrap[data-v-dc1ea7d9]{display:flex;position:relative}.noti-bell[data-v-dc1ea7d9]{background:none;border:none;cursor:pointer;padding:4px}.noti-bell[data-v-dc1ea7d9],.noti-bell[data-v-dc1ea7d9]:hover{color:var(--ink)}.noti-badge[data-v-dc1ea7d9]{align-items:center;background:#e05252;border-radius:99px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-1px;top:-1px}.noti-dd[data-v-dc1ea7d9]{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #0000001f;max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:360px;z-index:60}.noti-dd-head[data-v-dc1ea7d9]{align-items:center;border-bottom:1px solid #f0efeb;display:flex;justify-content:space-between;padding:12px 16px}.noti-dd-title[data-v-dc1ea7d9]{color:var(--ink);font-size:14px;font-weight:700}.noti-dd-list[data-v-dc1ea7d9]{max-height:60vh;overflow-y:auto}.noti-item[data-v-dc1ea7d9]{border-bottom:1px solid #f4f3ef;color:inherit;display:flex;gap:11px;padding:12px 16px;text-decoration:none}.noti-item[data-v-dc1ea7d9]:hover{background:var(--bg-sub)}.noti-item.unread[data-v-dc1ea7d9]{background:color-mix(in srgb,var(--teal) 6%,#fff)}.noti-item.unread[data-v-dc1ea7d9]:hover{background:color-mix(in srgb,var(--teal) 10%,#fff)}.noti-ic[data-v-dc1ea7d9]{align-items:center;border-radius:50%;display:flex;flex:none;font-size:14px;height:30px;justify-content:center;width:30px}.ic-like[data-v-dc1ea7d9]{background:var(--teal-light)}.ic-ok[data-v-dc1ea7d9]{background:#e7f6ec;color:#3aa657}.ic-ng[data-v-dc1ea7d9]{background:#f3f3f3;color:var(--ink-light)}.noti-thumb[data-v-dc1ea7d9]{height:15px;width:15px;stroke:var(--teal);fill:none}.noti-ic-svg[data-v-dc1ea7d9]{height:16px;width:16px}.noti-body[data-v-dc1ea7d9]{flex:1;min-width:0}.noti-text[data-v-dc1ea7d9]{color:var(--ink);font-size:13px;line-height:1.5}.noti-sub[data-v-dc1ea7d9]{color:var(--ink-faint);font-size:11px;margin-top:2px}.noti-time[data-v-dc1ea7d9]{color:var(--ink-light);font-size:11px;margin-top:3px}.noti-dot[data-v-dc1ea7d9]{align-self:center;background:var(--teal);border-radius:50%;flex:none;height:8px;width:8px}.noti-empty[data-v-dc1ea7d9]{color:var(--ink-light);font-size:13px;padding:40px 16px;text-align:center}@media (max-width:639px){.noti-dd[data-v-dc1ea7d9]{left:12px;max-width:none;position:fixed;right:12px;top:60px;width:auto}}.login-btn[data-v-f0e4bbda]{background:var(--navy);border:1px solid var(--navy);border-radius:6px;color:var(--bg);cursor:pointer;font-size:13px;padding:.4rem 1rem}.login-btn[data-v-f0e4bbda]:hover{background:var(--navy-dark);border-color:var(--navy-dark)}.login-btn-outline[data-v-f0e4bbda]{background:var(--bg);border:1px solid var(--navy);color:var(--navy)}.login-btn-outline[data-v-f0e4bbda]:hover{background:var(--bg-sub)}.modal-accent[data-v-f0e4bbda]{background:linear-gradient(90deg,var(--teal) 0,#a8e3e6 100%);height:3px}.mode-switch[data-v-f0e4bbda]{border:1px solid var(--border);border-radius:8px;display:flex;margin-bottom:1.25rem;overflow:hidden}.mode-btn[data-v-f0e4bbda]{background:transparent;border:none;color:var(--ink-light);cursor:pointer;flex:1;font-size:13px;font-weight:500;padding:.6rem;transition:all .15s}.mode-btn.active[data-v-f0e4bbda]{background:var(--navy);color:#fff}.modal-title[data-v-f0e4bbda]{color:var(--ink);font-size:18px;font-weight:600;margin-bottom:.4rem}.modal-sub[data-v-f0e4bbda]{color:var(--ink-mid);font-size:13px;line-height:1.7;margin-bottom:1.25rem}.modal-hint[data-v-f0e4bbda]{background:var(--bg-sub);border-radius:6px;color:var(--ink-light);font-size:11.5px;line-height:1.6;margin-top:.5rem;padding:.6rem .75rem}.avatar-icon[data-v-f0e4bbda]{align-items:center;background:linear-gradient(135deg,var(--teal) 0,var(--teal-light) 100%);border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.avatar-img[data-v-f0e4bbda]{border:none;border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modal-overlay[data-v-f0e4bbda]{align-items:center;background:#00000073;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal[data-v-f0e4bbda]{background:var(--bg);border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:400px;position:relative;width:100%}.modal-close[data-v-f0e4bbda]{background:none;border:none;color:var(--ink-light);cursor:pointer;font-size:22px;position:absolute;right:1.25rem;top:1rem}.modal-close[data-v-f0e4bbda]:hover{color:var(--ink)}.modal-body[data-v-f0e4bbda]{padding:1.5rem 1.75rem}.modal-logo[data-v-f0e4bbda]{display:block;height:36px;margin:0 auto 1.25rem}.social-btn[data-v-f0e4bbda]{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:10px;justify-content:center;margin-bottom:.75rem;padding:.85rem 1.5rem;width:100%}.btn-google[data-v-f0e4bbda]{background:var(--bg);border:1px solid var(--border);color:var(--ink)}.btn-google[data-v-f0e4bbda]:hover{background:var(--bg-sub)}.btn-apple[data-v-f0e4bbda]{background:var(--ink);border:none;color:var(--bg)}.btn-apple[data-v-f0e4bbda]:hover{background:var(--ink-strong)}.modal-note[data-v-f0e4bbda]{color:var(--ink-light);font-size:11px;line-height:1.6;margin-top:1rem;text-align:center}.modal-note a[data-v-f0e4bbda]{color:var(--teal);text-decoration:none}.drawer-overlay-enter-active[data-v-f0e4bbda],.drawer-overlay-leave-active[data-v-f0e4bbda]{transition:background-color .3s ease}.drawer-overlay-enter-from[data-v-f0e4bbda],.drawer-overlay-leave-to[data-v-f0e4bbda]{background-color:transparent!important}.drawer-overlay-enter-active .drawer-panel[data-v-f0e4bbda],.drawer-overlay-leave-active .drawer-panel[data-v-f0e4bbda]{transition:transform .3s ease}.drawer-overlay-enter-from .drawer-panel[data-v-f0e4bbda],.drawer-overlay-leave-to .drawer-panel[data-v-f0e4bbda]{transform:translate(100%)}.logout-overlay[data-v-f0e4bbda]{align-items:center;background:#0006;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:16px;position:fixed;z-index:9000}.logout-dialog[data-v-f0e4bbda]{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e;max-width:300px;overflow:hidden;width:100%}.logout-body[data-v-f0e4bbda]{padding:24px 20px 20px;text-align:center}.logout-icon[data-v-f0e4bbda]{align-items:center;background:#f0f4f8;border-radius:50%;display:flex;height:44px;justify-content:center;margin:0 auto 14px;width:44px}.logout-title[data-v-f0e4bbda]{color:#111;font-size:15px;font-weight:700;margin-bottom:8px}.logout-message[data-v-f0e4bbda]{color:#888;font-size:13px;line-height:1.6}.logout-footer[data-v-f0e4bbda]{border-top:.5px solid #e0ddd6;display:flex}.logout-btn[data-v-f0e4bbda]{background:transparent;border:none;cursor:pointer;flex:1;font-family:inherit;font-size:14px;padding:14px 0}.logout-btn-cancel[data-v-f0e4bbda]{border-right:.5px solid #e0ddd6;color:#555}.logout-btn-cancel[data-v-f0e4bbda]:hover{background:#f5f4f0}.logout-btn-confirm[data-v-f0e4bbda]{color:#c0392b;font-weight:600}.logout-btn-confirm[data-v-f0e4bbda]:hover{background:#fdf0ef}.dialog-fade-enter-active[data-v-f0e4bbda],.dialog-fade-leave-active[data-v-f0e4bbda]{transition:opacity .2s}.dialog-fade-enter-from[data-v-f0e4bbda],.dialog-fade-leave-to[data-v-f0e4bbda]{opacity:0}.lang-switch[data-v-b294fb71]{position:relative}.lang-btn[data-v-b294fb71]{align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;color:var(--ink-mid);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px}.lang-btn[data-v-b294fb71]:hover{border-color:#ccc;color:var(--ink)}.lang-globe[data-v-b294fb71]{height:16px;width:16px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none}.lang-chev[data-v-b294fb71]{color:var(--ink-light);font-size:10px}.lang-menu[data-v-b294fb71]{background:#fff;border:1px solid var(--border);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 6px 22px #0000001f;left:50%;min-width:140px;overflow:hidden;position:absolute;transform:translate(-50%);z-index:5}.lang-item[data-v-b294fb71]{align-items:center;background:none;border:none;color:var(--ink);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:9px 14px;text-align:left;white-space:nowrap;width:100%}.lang-item[data-v-b294fb71]:hover{background:var(--bg-sub)}.lang-check[data-v-b294fb71]{color:var(--teal);font-size:12px;margin-left:auto}
