@charset "UTF-8";.app-header.global-header[data-v-6199d240]{background:var(--af-surface);border-bottom:1px solid var(--af-rule);position:sticky;top:0;z-index:var(--af-z-header)}.header-inner.header-container[data-v-6199d240]{max-width:1400px;margin:0 auto;padding:0 24px;height:48px;display:flex;align-items:center;justify-content:space-between}.header-left[data-v-6199d240]{display:flex;align-items:center;gap:8px}.logo[data-v-6199d240]{display:flex;align-items:center;text-decoration:none;cursor:pointer;transition:opacity var(--af-dur-fast) var(--af-ease)}.logo[data-v-6199d240]:hover{opacity:.85}.logo-img[data-v-6199d240]{margin-right:80px;height:36px;width:auto;display:block}.main-nav[data-v-6199d240]{display:flex;gap:0;align-items:center}.nav-dropdown[data-v-6199d240]{position:relative}.nav-dropdown:hover .nav-dropdown-menu[data-v-6199d240]{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown:hover .dropdown-arrow[data-v-6199d240]{transform:rotate(180deg)}.nav-dropdown-trigger[data-v-6199d240]{cursor:pointer;display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none;border:0;font:inherit;color:inherit}.dropdown-arrow[data-v-6199d240]{transition:transform .25s ease;opacity:.5}.nav-dropdown-menu[data-v-6199d240]{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(6px);min-width:140px;background:var(--af-surface);border:1px solid var(--af-rule);border-radius:var(--af-r-md);padding:6px;box-shadow:var(--af-shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--af-dur) var(--af-ease),visibility var(--af-dur),transform var(--af-dur) var(--af-ease);z-index:var(--af-z-header)}.dropdown-link[data-v-6199d240]{text-decoration:none;color:var(--af-ink);font-family:var(--af-font);font-size:14px;padding:8px 16px;transition:all var(--af-dur) var(--af-ease);opacity:.7;font-weight:var(--af-fw-normal);letter-spacing:.01em;border-radius:var(--af-r-md);position:relative;display:block;white-space:nowrap}.dropdown-link[data-v-6199d240]:hover{color:var(--blue-primary);background:#0052cc0f}.dropdown-link.router-link-exact-active[data-v-6199d240]{color:var(--blue-primary);font-weight:600;background:#0052cc14}.nav-item[data-v-6199d240]{text-decoration:none;color:var(--af-ink);font-family:var(--af-font);font-size:16px;padding:8px 16px;transition:all var(--af-dur) var(--af-ease);opacity:.7;font-weight:var(--af-fw-medium);letter-spacing:.01em;border-radius:var(--af-r-md);position:relative}.nav-item.router-link-exact-active[data-v-6199d240]{opacity:1;color:var(--blue-primary);background:#0052cc14}.nav-item.router-link-exact-active[data-v-6199d240]:after{width:60%}.nav-item[data-v-6199d240]:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--blue-primary);transition:all .3s ease-in-out;transform:translate(-50%)}.nav-item[data-v-6199d240]:hover{opacity:1;color:var(--af-signal);background:var(--af-signal-lighter)}.nav-item[data-v-6199d240]:hover:after{width:60%}.header-right[data-v-6199d240]{display:flex;align-items:center;gap:12px}[data-v-6199d240] .btn-login{padding:8px 20px;border:none;background:transparent;color:var(--af-ink);border-radius:var(--af-r-pill)!important;font-size:14px;font-weight:var(--af-fw-medium);opacity:.75;transition:opacity var(--af-dur) var(--af-ease),background var(--af-dur) var(--af-ease),color var(--af-dur) var(--af-ease)}[data-v-6199d240] .btn-login:hover{opacity:1;background:var(--af-subtle);color:var(--af-signal)}[data-v-6199d240] .btn-register{padding:8px 20px;background:var(--af-signal);color:var(--af-surface);border:none;border-radius:var(--af-r-pill)!important;font-size:14px;font-weight:var(--af-fw-medium);box-shadow:none;transition:background var(--af-dur) var(--af-ease)}[data-v-6199d240] .btn-register:hover{background:var(--af-signal-hover)}[data-v-6199d240] .btn-register:active{background:var(--af-signal-active)}.user-trigger.user-info[data-v-6199d240]{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:var(--af-r-pill);cursor:pointer;border:1px solid transparent;transition:all .3s ease-in-out}.user-trigger.user-info[data-v-6199d240]:hover{background:var(--af-signal-lighter);border-color:var(--af-signal-light)}.user-name[data-v-6199d240]{font-size:14px;font-weight:500;color:var(--text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommender-badge[data-v-6199d240]{font-size:var(--af-text-2xs);font-weight:var(--af-fw-semibold);padding:2px 8px;border-radius:var(--af-r-pill);white-space:nowrap}.recommender-badge.badge-trainee[data-v-6199d240]{background:#3b82f61f;color:var(--af-signal-hover)}.recommender-badge.badge-senior[data-v-6199d240]{background:#8b5cf61f;color:var(--af-signal-hover)}.recommender-badge.badge-master[data-v-6199d240]{background:#f59e0b26;color:var(--af-warning)}.arrow-icon[data-v-6199d240]{color:var(--af-steel);opacity:.6;flex-shrink:0;transition:transform .3s ease-in-out}.user-trigger:hover .arrow-icon[data-v-6199d240]{opacity:1}.user-avatar[data-v-6199d240]{width:32px;height:32px;min-width:32px;border-radius:50%;flex-shrink:0;display:block;-o-object-fit:cover;object-fit:cover;border:1px solid var(--af-rule)}[data-v-6199d240] .user-dropdown-menu{border-radius:var(--af-r-lg);box-shadow:var(--af-shadow-lg);border:1px solid var(--af-rule);padding:8px 0;min-width:260px}[data-v-6199d240] .logout-item{color:var(--af-danger)}[data-v-6199d240] .logout-item:hover{background:var(--af-danger-bg);color:var(--af-danger)}.nav-qr-menu[data-v-6199d240]{top:calc(100% + 8px);right:0;left:auto;transform:translateY(6px);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;min-width:auto;z-index:calc(var(--af-z-header) + 10)}.nav-qr-dropdown:hover .nav-qr-menu[data-v-6199d240],.nav-qr-dropdown:focus-within .nav-qr-menu[data-v-6199d240]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-qr-img[data-v-6199d240]{width:140px;height:140px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:var(--af-r-xs)}.nav-qr-tip[data-v-6199d240]{font-size:var(--af-text-2xs);color:var(--blue-primary);font-weight:var(--af-fw-medium);white-space:nowrap}@media (max-width: 768px){.header-inner.header-container[data-v-6199d240]{padding:0 12px;gap:8px}.header-left[data-v-6199d240]{min-width:0;flex:1 1 auto}.logo-img[data-v-6199d240]{margin-right:12px;height:28px}.main-nav[data-v-6199d240]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.main-nav[data-v-6199d240]::-webkit-scrollbar{display:none}.nav-item[data-v-6199d240]{font-size:14px;padding:8px 10px;white-space:nowrap}[data-v-6199d240] .btn-login,[data-v-6199d240] .btn-register{padding:8px 10px;font-size:13px}.nav-dropdown-menu[data-v-6199d240]{position:fixed;top:54px;z-index:30}.nav-dropdown:focus-within .nav-dropdown-menu[data-v-6199d240]{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-dropdown:focus-within .dropdown-arrow[data-v-6199d240]{transform:rotate(180deg)}.nav-dropdown-trigger[data-v-6199d240]:focus{outline:none}.nav-dropdown-trigger[data-v-6199d240]:focus-visible{outline:2px solid var(--blue-primary);outline-offset:2px}}