.hub-purchase-tip{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid #efdef6;border-radius:24px;background:#fff;color:#211936;box-shadow:0 18px 70px #5b28672b;font-family:'Plus Jakarta Sans',sans-serif;overflow-y:auto;overscroll-behavior:contain}
.hub-purchase-tip::backdrop{background:#27143570;backdrop-filter:blur(3px)}
.hub-purchase-tip-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hub-purchase-tip-head>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff0fa;color:#df00a1;font-size:30px}.hub-purchase-tip-head button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f8f2fb;color:#8f729c;font:28px/1 sans-serif;cursor:pointer}
.hub-purchase-tip h2{margin:18px 0 16px;font-size:22px;font-weight:800;line-height:1.4;letter-spacing:-.035em}.hub-purchase-tip ul{list-style:none;counter-reset:tip;padding:0;margin:0;display:grid;gap:14px}.hub-purchase-tip li{counter-increment:tip;position:relative;padding-left:34px;font-size:13px;line-height:1.8;color:#675b78}.hub-purchase-tip li:before{content:counter(tip);position:absolute;left:0;top:1px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f8eaff;color:#ac00df;font-size:12px;font-weight:800}
.hub-purchase-tip>a{display:flex;align-items:center;justify-content:center;margin-top:24px;min-height:48px;padding:12px;border-radius:14px;background:linear-gradient(110deg,#ec00a6,#9a00ed);color:#fff;font-size:14px;font-weight:750;text-decoration:none}.hub-purchase-tip>p{margin:12px 0 0;text-align:center;font-size:10px;color:#a193ab}.hub-purchase-tip :is(a,button):focus-visible{outline:3px solid #c78bf4;outline-offset:3px}
@media(max-width:360px){.hub-purchase-tip{padding:20px}.hub-purchase-tip h2{font-size:20px}}