.app-header[data-v-9eced11c]{background:#fff;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000}.top-nav[data-v-9eced11c]{background:#f8f9fa;border-bottom:1px solid #eee;padding:10px 0}.top-nav .nav-content[data-v-9eced11c]{align-items:center;display:flex;justify-content:space-between}.top-nav .left-nav[data-v-9eced11c]{align-items:center;display:flex;gap:1.5rem}.top-nav .left-nav .nav-link[data-v-9eced11c]{border-bottom:2px solid transparent;color:#555;font-size:15px;padding:5px 0;text-decoration:none;transition:color .3s,border-color .3s}.top-nav .left-nav .nav-link[data-v-9eced11c]:hover{color:#ff6b35}.top-nav .left-nav .nav-link.router-link-exact-active[data-v-9eced11c]{border-bottom-color:#ff6b35;color:#ff6b35;font-weight:600}.top-nav .right-nav[data-v-9eced11c],.top-nav .user-info[data-v-9eced11c]{align-items:center;display:flex}.top-nav .user-info[data-v-9eced11c]{gap:15px;position:relative}.top-nav .user-info .cart-link[data-v-9eced11c]{align-items:center;background:transparent;border:1px solid transparent;border-radius:4px;display:flex;padding:6px 12px;text-decoration:none;transition:color .3s}.top-nav .user-info .cart-link .cart-text[data-v-9eced11c]{color:#666;font-size:14px}.top-nav .user-info .cart-link .cart-count[data-v-9eced11c]{color:#ff6b35;font-size:14px;font-weight:600;margin-left:2px}.top-nav .user-info .cart-link.router-link-exact-active .cart-text[data-v-9eced11c],.top-nav .user-info .cart-link:hover .cart-text[data-v-9eced11c]{color:#ff6b35}.top-nav .user-info .user-profile-link[data-v-9eced11c]{align-items:center;background:transparent;border-radius:4px;display:flex;gap:8px;padding:4px 8px;text-decoration:none;transition:color .3s}.top-nav .user-info .user-profile-link.router-link-exact-active[data-v-9eced11c],.top-nav .user-info .user-profile-link[data-v-9eced11c]:hover{color:#ff6b35}.top-nav .user-info .user-avatar[data-v-9eced11c]{align-items:center;background-color:#ff6b35;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:45px;justify-content:center;overflow:hidden;width:45px}.top-nav .user-info .user-avatar .avatar-img[data-v-9eced11c]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.top-nav .user-info .user-avatar .avatar-placeholder[data-v-9eced11c]{font-size:14px}.top-nav .user-info .username[data-v-9eced11c]{color:#333;font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-nav .user-info .member-status-badge .payment-link[data-v-9eced11c]{background-color:transparent;border:1px solid transparent;border-radius:12px;color:#ff6b35;font-size:12px;padding:4px 8px;text-decoration:none;transition:color .3s}.top-nav .user-info .member-status-badge .payment-link[data-v-9eced11c]:hover{color:#e55a2b}.top-nav .auth-buttons[data-v-9eced11c]{align-items:center;display:flex;gap:12px}.top-nav .auth-buttons .auth-btn[data-v-9eced11c]{background:transparent;border-radius:4px;font-size:14px;padding:6px 16px;text-decoration:none;transition:color .3s}.top-nav .auth-buttons .auth-btn.login-btn[data-v-9eced11c]{border:1px solid transparent;color:#666}.top-nav .auth-buttons .auth-btn.login-btn[data-v-9eced11c]:hover{color:#ff6b35}.top-nav .auth-buttons .auth-btn.register-btn[data-v-9eced11c]{background-color:transparent;border:1px solid transparent;color:#ff6b35}.top-nav .auth-buttons .auth-btn.register-btn[data-v-9eced11c]:hover{color:#e55a2b}.container[data-v-9eced11c]{margin:0 auto;max-width:1200px;padding:0 1rem}@media (max-width:768px){.left-nav[data-v-9eced11c]{gap:1rem}.nav-link[data-v-9eced11c]{font-size:14px}.user-info[data-v-9eced11c]{gap:6px}.auth-buttons[data-v-9eced11c]{gap:8px}.auth-buttons .auth-btn[data-v-9eced11c]{font-size:12px;padding:4px 12px}}
