.main-nav[data-v-384e7fa0]{background:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.nav-container[data-v-384e7fa0]{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo[data-v-384e7fa0]{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-weight:700;font-size:var(--font-size-lg);color:var(--gray-900);transition:color .2s}.nav-logo[data-v-384e7fa0]:hover{color:var(--primary-blue)}.brandbar__logo[data-v-384e7fa0]{width:40px;height:40px;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.brandbar__logo[data-v-384e7fa0]:hover{transform:scale(1.05)}.logo-text[data-v-384e7fa0]{font-family:Ethnocentric,Source Sans Pro,sans-serif;font-style:italic;font-weight:700;letter-spacing:1px;display:none}@media (min-width: 768px){.logo-text[data-v-384e7fa0]{display:inline}}.nav-menu[data-v-384e7fa0]{display:none;gap:var(--spacing-sm)}@media (min-width: 1024px){.nav-menu[data-v-384e7fa0]{display:flex}}.nav-item[data-v-384e7fa0]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);text-decoration:none;color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600;transition:all .2s;background:transparent;border:none;cursor:pointer;white-space:nowrap}.nav-item[data-v-384e7fa0]:hover,.nav-item.router-link-active[data-v-384e7fa0]{background:var(--primary-blue-light);color:var(--primary-blue)}.nav-icon[data-v-384e7fa0]{font-size:var(--font-size-base)}.nav-dropdown[data-v-384e7fa0]{position:relative}.dropdown-trigger[data-v-384e7fa0]{display:flex;align-items:center}.dropdown-arrow[data-v-384e7fa0]{font-size:10px;margin-left:var(--spacing-xs);transition:transform .2s}.nav-dropdown:hover .dropdown-arrow[data-v-384e7fa0]{transform:rotate(180deg)}.dropdown-menu[data-v-384e7fa0]{position:absolute;top:100%;left:0;margin-top:var(--spacing-sm);background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color);min-width:200px;padding:var(--spacing-sm)}.dropdown-item[data-v-384e7fa0]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);text-decoration:none;color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500;transition:all .2s;white-space:nowrap}.dropdown-item[data-v-384e7fa0]:hover{background:var(--gray-100);color:var(--gray-900)}.dropdown-icon[data-v-384e7fa0]{font-size:var(--font-size-base)}.nav-user[data-v-384e7fa0]{position:relative;display:none}@media (min-width: 768px){.nav-user[data-v-384e7fa0]{display:block}}.user-avatar[data-v-384e7fa0]{width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid var(--border-color);transition:border-color .2s}.user-avatar[data-v-384e7fa0]:hover{border-color:var(--primary-blue)}.user-avatar img[data-v-384e7fa0]{width:100%;height:100%;object-fit:cover}.user-menu[data-v-384e7fa0]{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;border:1px solid var(--border-color);min-width:260px;padding:var(--spacing-md)}.user-menu-header[data-v-384e7fa0]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)}.user-menu-header img[data-v-384e7fa0]{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-info[data-v-384e7fa0]{flex:1;min-width:0}.user-name[data-v-384e7fa0]{font-weight:600;color:var(--gray-900);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-384e7fa0]{font-size:var(--font-size-xs);color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-divider[data-v-384e7fa0]{height:1px;background:var(--border-color);margin:var(--spacing-sm) 0}.user-menu-item[data-v-384e7fa0]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);text-decoration:none;color:var(--gray-700);font-size:var(--font-size-sm);transition:all .2s;background:transparent;border:none;cursor:pointer;width:100%;text-align:left}.user-menu-item[data-v-384e7fa0]:hover{background:var(--gray-100);color:var(--gray-900)}.user-menu-item.logout[data-v-384e7fa0]{color:var(--danger)}.user-menu-item.logout[data-v-384e7fa0]:hover{background:#fef2f2}.mobile-menu-toggle[data-v-384e7fa0]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xl);cursor:pointer;transition:all .2s}@media (min-width: 768px){.mobile-menu-toggle[data-v-384e7fa0]{display:none}}.mobile-menu-toggle[data-v-384e7fa0]:hover{background:var(--gray-100);border-color:var(--primary-blue)}.mobile-menu[data-v-384e7fa0]{padding:var(--spacing-md);background:#fff;border-top:1px solid var(--border-color)}.mobile-menu-item[data-v-384e7fa0]{display:block;padding:var(--spacing-md);text-decoration:none;color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius-sm);transition:all .2s;background:transparent;border:none;cursor:pointer;width:100%;text-align:left}.mobile-menu-item[data-v-384e7fa0]:hover{background:var(--gray-100);color:var(--gray-900)}.mobile-menu-item.router-link-active[data-v-384e7fa0]{background:var(--primary-blue-light);color:var(--primary-blue)}.mobile-menu-section[data-v-384e7fa0]{margin-top:var(--spacing-md)}.mobile-menu-section-title[data-v-384e7fa0]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.mobile-menu-divider[data-v-384e7fa0]{height:1px;background:var(--border-color);margin:var(--spacing-md) 0}.mobile-menu-item.logout[data-v-384e7fa0]{color:var(--danger)}.dropdown-enter-active[data-v-384e7fa0],.dropdown-leave-active[data-v-384e7fa0]{transition:all .2s ease}.dropdown-enter-from[data-v-384e7fa0],.dropdown-leave-to[data-v-384e7fa0]{opacity:0;transform:translateY(-8px)}.slide-down-enter-active[data-v-384e7fa0],.slide-down-leave-active[data-v-384e7fa0]{transition:all .3s ease}.slide-down-enter-from[data-v-384e7fa0],.slide-down-leave-to[data-v-384e7fa0]{opacity:0;transform:translateY(-16px)}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;min-height:100vh}main.with-nav{min-height:calc(100vh - 64px)}:root{--primary-blue: #1e90ff;--primary-blue-hover: #1873cc;--primary-blue-light: #e3f2fd;--primary-blue-dark: #0c5aa6;--white: #ffffff;--gray-50: #f8f9fa;--gray-100: #f5f7fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--card-bg: #ffffff;--card-shadow: 0 2px 12px rgba(30, 144, 255, .12);--card-shadow-hover: 0 6px 20px rgba(30, 144, 255, .2);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-color: #cfe2f3;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--success: #28a745;--danger: #dc3545;--warning: #ffc107;--info: #17a2b8;--primary-color: var(--primary-blue);--primary-hover: var(--primary-blue-hover);--primary-light: var(--primary-blue-light);--secondary-color: #0ea5e9;--accent: #06b6d4;--success-color: var(--success);--danger-color: var(--danger);--warning-color: var(--warning);--info-color: var(--info);--light-color: var(--gray-50);--dark-color: var(--gray-900);--text: var(--gray-900);--text-light: var(--gray-600);--text-muted: var(--gray-500)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;background:linear-gradient(135deg,#f5f9ff,#e3f2fd);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-200)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--gray-900)}p{margin:0}a{color:var(--primary-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-blue-hover)}button{font-family:inherit;cursor:pointer;transition:all .2s}button:disabled{cursor:not-allowed;opacity:.6}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.card{background:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.card:hover{box-shadow:var(--card-shadow-hover)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius-sm);border:none;font-size:var(--font-size-base);font-weight:600;text-align:center;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-blue-hover);transform:translateY(-2px);box-shadow:0 8px 16px #1e90ff66}.btn-secondary{background:var(--gray-600);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--gray-700)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem}.container{padding:0 var(--spacing-md)}}