/* H卡网二次元玻璃主题 V7 */

html,body{
min-height:100%;
}

body{


background:

radial-gradient(
circle at 15% 20%,
rgba(236,72,153,.28),
transparent 28%
),

radial-gradient(
circle at 85% 15%,
rgba(56,189,248,.28),
transparent 28%
),

linear-gradient(
135deg,
#17153c,
#312e81,
#0f172a
);


}

.card,
.product,
.product-card,
.goods,
.goods-card,
.shop-card,
.payment,
.pay-card,
.payment-card,
.modal,
.dialog,
.container,
.box{
background:
rgba(255,255,255,0.64) !important;

border:
1px solid
rgba(255,255,255,.55) !important;

backdrop-filter:
blur(24px)
saturate(145%) !important;

-webkit-backdrop-filter:
blur(24px)
saturate(145%) !important;

border-radius:
24px !important;

box-shadow:
0 20px 60px
rgba(31,38,135,.18) !important;
}

button,
.buy,
.pay,
.purchase,
.submit,
.btn{
border:0 !important;

border-radius:
16px !important;

background:
linear-gradient(
135deg,
#7c3aed,
#ec4899
) !important;

color:#fff !important;

font-weight:
800 !important;

}

h1,h2,h3,h4{
font-weight:900 !important;
}

.price,
.amount,
.total,
.product-price{
font-weight:900 !important;

background:
linear-gradient(
135deg,
#7c3aed,
#ec4899
);

-webkit-background-clip:text;

color:transparent;
}

input,
select,
textarea{
border-radius:14px !important;

background:
rgba(255,255,255,.82) !important;

}