.user-dropdown[data-v-0ece0856]{background-color:#000;border:1px solid #1f2937;border-radius:16px;box-shadow:0 20px 50px #000c;cursor:default;margin-top:10px;padding:12px;position:absolute;right:0;top:100%;width:375px;z-index:1000}.user-dropdown[data-v-0ece0856]:before{background:transparent;content:"";height:12px;left:0;position:absolute;right:0;top:-12px}.user-dropdown .user-header[data-v-0ece0856]{align-items:center;display:flex;gap:6px;margin-bottom:20px}.user-dropdown .user-header .avatar[data-v-0ece0856]{border-radius:50%;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.user-dropdown .user-header .user-info[data-v-0ece0856]{flex:1}.user-dropdown .user-header .user-info .nickname[data-v-0ece0856]{color:#fff;cursor:pointer;font-family:PingFang SC;font-size:14px;font-weight:500}.user-dropdown .user-header .user-info .nickname[data-v-0ece0856]:hover{color:#4aa4ff}.user-dropdown .vip-card[data-v-0ece0856]{align-items:center;background:#1a2130;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;display:flex;height:63px;justify-content:space-between;margin-bottom:24px;padding:0 12px}.user-dropdown .vip-card .vip-text[data-v-0ece0856]{color:#fff;font-family:PingFang SC;font-size:14px;font-weight:400}.user-dropdown .vip-card .vip-buy-btn[data-v-0ece0856]{align-items:center;background:linear-gradient(90deg,#ffe28a,#ffcb81);border-radius:13.5px;color:#7e4200;cursor:pointer;display:flex;font-family:PingFang SC;font-size:12px;font-weight:600;height:27px;justify-content:center;transition:transform .2s;width:75px}.user-dropdown .vip-card .vip-buy-btn[data-v-0ece0856]:hover{transform:scale(1.05)}.user-dropdown .stats-grid[data-v-0ece0856]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.user-dropdown .stats-grid .stat-item[data-v-0ece0856]{align-items:center;background-color:#111827;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px 10px;transition:background-color .2s}.user-dropdown .stats-grid .stat-item[data-v-0ece0856]:hover{background-color:#1f2937}.user-dropdown .stats-grid .stat-item .stat-icon[data-v-0ece0856]{color:#fff}.user-dropdown .stats-grid .stat-item .stat-label[data-v-0ece0856]{color:#fff;font-size:14px}.user-dropdown .menu-list[data-v-0ece0856]{background-color:#111827;border-radius:16px;margin-bottom:20px;overflow:hidden}.user-dropdown .menu-list .menu-item[data-v-0ece0856]{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s}.user-dropdown .menu-list .menu-item[data-v-0ece0856]:hover{background-color:#1f2937}.user-dropdown .menu-list .menu-item[data-v-0ece0856]:not(:last-child){border-bottom:1px solid #1f2937}.user-dropdown .menu-list .menu-item .menu-left[data-v-0ece0856]{align-items:center;color:#fff;display:flex;font-size:14px;gap:12px}.user-dropdown .menu-list .menu-item .menu-left .menu-icon[data-v-0ece0856]{color:#fff}.user-dropdown .menu-list .menu-item .menu-action[data-v-0ece0856]{color:#3b82f6;font-size:14px}.user-dropdown .menu-list .menu-item .arrow-icon[data-v-0ece0856]{color:#fff}.user-dropdown .dropdown-footer[data-v-0ece0856]{align-items:center;color:#c4ccd9;cursor:pointer;display:flex;font-size:14px;gap:4px;justify-content:center;line-height:20px;margin-bottom:3px;padding-top:8px}.user-dropdown .dropdown-footer[data-v-0ece0856]:hover{color:#fff}.fade-enter-active[data-v-0ece0856],.fade-leave-active[data-v-0ece0856]{transition:opacity .2s ease,transform .2s ease}.fade-enter-from[data-v-0ece0856],.fade-leave-to[data-v-0ece0856]{opacity:0;transform:translateY(-10px)}.bind-dialog{background-color:#1a2130;border:1px solid #6a7a9e;border-radius:16px}.bind-dialog .el-dialog__header{margin-right:0;padding-bottom:0}.bind-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:16px}.bind-dialog .el-dialog__body{padding:20px}.bind-dialog .bind-dialog-content{align-items:center;display:flex;flex-direction:column}.bind-dialog .bind-dialog-content .input-code{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:18px;height:58px;margin-bottom:20px;outline:none;text-align:center;width:100%}.bind-dialog .bind-dialog-content .input-code:focus{border-color:#4aa4ff}.bind-dialog .bind-dialog-content .confirm-btn{align-items:center;background:linear-gradient(270deg,#0059ff,#06a0ff);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:58px;justify-content:center;margin-bottom:16px;width:100%}.bind-dialog .bind-dialog-content .cancel-btn{color:#fff9;cursor:pointer;font-family:Arial;font-size:16px;font-weight:400;line-height:20px}