.hao-button-v4{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;font-weight:600;-webkit-text-decoration:none;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;cursor:var(--cursor-touch),auto!important}.hao-button-v4:focus{outline:none}.hao-button-v4 .wave-effect{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hao-button-v4:hover:not(.disabled) .wave-effect{left:100%}.hao-button-v4 .button-icon,.hao-button-v4 .loading-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.hao-button-v4 .button-text{text-align:center;flex:1}.hao-button-v4.size-small{border-radius:8px;padding:8px 16px;font-size:.24rem}.hao-button-v4.size-small .button-icon,.hao-button-v4.size-small .loading-icon{width:14px;height:14px}.hao-button-v4.size-min{border-radius:8px;padding:6px 13px;font-size:.2rem}.hao-button-v4.size-min .button-icon,.hao-button-v4.size-min .loading-icon{width:14px;height:14px}.hao-button-v4.size-medium{padding:12px 24px;font-size:.28rem}.hao-button-v4.size-medium .button-icon,.hao-button-v4.size-medium .loading-icon{width:16px;height:16px}.hao-button-v4.size-large{border-radius:12px;padding:14px 28px;font-size:.32rem}.hao-button-v4.size-large .button-icon,.hao-button-v4.size-large .loading-icon{width:18px;height:18px}.hao-button-v4.size-xlarge{border-radius:14px;padding:16px 32px;font-size:.36rem}.hao-button-v4.size-xlarge .button-icon,.hao-button-v4.size-xlarge .loading-icon{width:20px;height:20px}.hao-button-v4.variant-primary{color:#e9e9e9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#a76fd72e,#7cd7ee1f);border-color:#a76fd72e;position:relative;overflow:hidden}.hao-button-v4.variant-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hao-button-v4.variant-primary:hover:not(.disabled){transform:translateY(-2px)}.hao-button-v4.variant-secondary{color:#000;background:#e6e6e6e8;border:1px solid #ffffff14}.hao-button-v4.variant-secondary .wave-effect{background:linear-gradient(90deg,#0000,#0000001a,#0000)}.hao-button-v4.variant-secondary:hover:not(.disabled){background:#f0f0f0f2;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.hao-button-v4.variant-ghost{color:#e6eef5;background:#ffffff05;border:1px solid #ffffff0f}.hao-button-v4.variant-ghost:hover:not(.disabled){background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.hao-button-v4.variant-success{color:#fff;background:linear-gradient(135deg,#3ad29fcc,#3ad29f99);border:1px solid #3ad29f66;box-shadow:0 0 20px #3ad29fb3}.hao-button-v4.variant-success:hover:not(.disabled){background:linear-gradient(135deg,#3ad29fe6,#3ad29fb3);transform:translateY(-2px);box-shadow:0 6px 25px #3ad29f66}.hao-button-v4.variant-warning{color:#fff;background:linear-gradient(135deg,#ffc107cc,#ffc10799);border:1px solid #ffc10766;box-shadow:0 0 20px #ffc1074d}.hao-button-v4.variant-warning:hover:not(.disabled){background:linear-gradient(135deg,#ffc107e6,#ffc107b3);transform:translateY(-2px);box-shadow:0 6px 25px #ffc10766}.hao-button-v4.variant-danger{color:#fff;background:linear-gradient(135deg,#dc3545cc,#dc354599);border:1px solid #dc354566;box-shadow:0 0 20px #dc35454d}.hao-button-v4.variant-danger:hover:not(.disabled){background:linear-gradient(135deg,#dc3545e6,#dc3545b3);transform:translateY(-2px);box-shadow:0 6px 25px #dc354566}.hao-button-v4.disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.hao-button-v4.disabled .wave-effect{display:none}