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