.top-nav-container[data-v-d443fad7]{background-color:#fff;border-bottom:1px solid #e6e6e6}.top-nav-container .container[data-v-d443fad7]{margin:0 auto;max-width:1200px}.top-nav-container .nav-wrapper[data-v-d443fad7]{position:relative}.top-nav-container .menu-spacer[data-v-d443fad7]{flex:1}.top-nav-container .top-nav-menu[data-v-d443fad7]{background-color:transparent;border:none;display:flex;height:40px;justify-content:right;line-height:40px;width:100%}.top-nav-container .top-nav-menu[data-v-d443fad7] .el-menu-item{color:#666;font-size:12px;height:40px;line-height:40px}.top-nav-container .top-nav-menu[data-v-d443fad7] .el-menu-item:hover{color:var(--el-color-primary)}.top-nav-container .top-nav-menu[data-v-d443fad7] .el-sub-menu__title{color:#666;font-size:12px;height:40px;line-height:40px}.top-nav-container .top-nav-menu[data-v-d443fad7] .el-sub-menu__title:hover{color:var(--el-color-primary)}.top-nav-container .top-nav-menu[data-v-d443fad7] .el-icon{height:12px;width:12px}.top-nav-container .top-nav-menu[data-v-d443fad7] .phone-icon{height:18px;width:18px}.top-nav-container .login-button[data-v-d443fad7]{align-items:center;display:flex;height:40px;margin:0 16px}.top-nav-container .notification-item[data-v-d443fad7]{cursor:pointer;position:relative}.top-nav-container .notification-item:hover .notification-icon[data-v-d443fad7]{color:var(--el-color-primary)}.top-nav-container .notification-badge[data-v-d443fad7] .el-badge__content{align-items:center;background-color:#f56c6c;border:none;border-radius:50%;display:flex;font-size:11px;height:18px;justify-content:center;line-height:18px;min-width:18px;padding:0;right:-10px;top:2px;transform:scale(.9);width:18px}.top-nav-container .notification-icon[data-v-d443fad7]{color:#666;font-size:24px;transition:color .3s}.top-nav-container .phone-item[data-v-d443fad7]{align-items:center;color:#666;cursor:default;display:flex;font-size:12px;height:40px;line-height:40px;padding:0 16px;transition:color .3s}.top-nav-container .phone-item[data-v-d443fad7]:hover{color:var(--el-color-primary)}.top-nav-container .user-dropdown-container[data-v-d443fad7]{align-items:center;display:flex;height:40px;margin:0 16px;position:relative}.top-nav-container .user-avatar-wrapper[data-v-d443fad7]{align-items:center;cursor:pointer;display:flex;height:100%}.top-nav-container .user-avatar-wrapper:hover .user-avatar[data-v-d443fad7]{transform:scale(1.05)}.top-nav-container .user-avatar[data-v-d443fad7]{transition:transform .2s ease}.custom-dropdown-menu[data-v-d443fad7]{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a;left:50%;margin-top:2px;overflow:hidden;padding:0;position:absolute;top:100%;transform:translate(-50%);width:160px;z-index:9999}.custom-dropdown-menu .custom-user-info[data-v-d443fad7]{align-items:center;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);display:flex;padding:20px 20px 18px}.custom-dropdown-menu .custom-user-info .custom-avatar[data-v-d443fad7]{border:2px solid hsla(0,0%,100%,.8);box-shadow:0 4px 12px #00000026;flex-shrink:0;margin-right:14px}.custom-dropdown-menu .custom-user-info .custom-user-name[data-v-d443fad7]{color:#1a1a1a;flex:1;font-size:15px;font-weight:600;letter-spacing:.3px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-menu .custom-menu-items[data-v-d443fad7]{padding:8px 12px 12px}.custom-dropdown-menu .custom-menu-items .custom-menu-item[data-v-d443fad7]{border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:2px;padding:6px 18px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-dropdown-menu .custom-menu-items .custom-menu-item[data-v-d443fad7]:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;content:"";height:18px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:width .3s ease;width:0}.custom-dropdown-menu .custom-menu-items .custom-menu-item[data-v-d443fad7]:hover{background:linear-gradient(135deg,#667eea1a,#764ba214);box-shadow:0 2px 8px #667eea33;color:#667eea;transform:translate(3px)}.custom-dropdown-menu .custom-menu-items .custom-menu-item[data-v-d443fad7]:hover:before{width:3px}.custom-dropdown-menu .custom-menu-items .custom-menu-item.logout-item[data-v-d443fad7]{color:#e74c3c;margin-bottom:0}.custom-dropdown-menu .custom-menu-items .custom-menu-item.logout-item[data-v-d443fad7]:before{background:linear-gradient(135deg,#e74c3c,#c0392b)}.custom-dropdown-menu .custom-menu-items .custom-menu-item.logout-item[data-v-d443fad7]:hover{background:linear-gradient(135deg,#e74c3c1a,#c0392b14);box-shadow:0 2px 8px #e74c3c33;color:#c0392b}