.swipe-layer{position:absolute;inset:0;z-index:16;pointer-events:none;color:white;font-family:Arial,'Microsoft YaHei',sans-serif}
.sw-card{position:absolute;left:50%;top:50%;width:calc(var(--u) * 364);height:calc(var(--u) * 364);margin-left:calc(var(--u) * -182);margin-top:calc(var(--u) * -182);background:#080406ed;border-radius:calc(var(--u) * 20);text-align:center;animation:sw-pop var(--sw-enter) both;pointer-events:auto;box-sizing:border-box;padding-top:calc(var(--u) * 47)}
.sw-card.fade{animation-name:sw-fade}.sw-card.slide{animation-name:sw-slide}.sw-card.none{animation:none}
.sw-card.leaving{animation:sw-out var(--sw-exit) both;pointer-events:none}
.sw-close{position:absolute;right:0;top:0;width:calc(var(--u) * 55);height:calc(var(--u) * 55);border:0;border-radius:0 calc(var(--u) * 20) 0 calc(var(--u) * 12);background:#ffffff26;color:white;font-size:calc(var(--u) * 43);line-height:calc(var(--u) * 50);padding:0}
.sw-icon{position:relative;overflow:hidden;margin:0 auto calc(var(--u) * 23);width:calc(var(--u) * 160);height:calc(var(--u) * 160);border-radius:calc(var(--u) * 25) calc(var(--u) * 25) calc(var(--u) * 20) calc(var(--u) * 20);background:#fff;border:calc(var(--u) * 6) solid #e62f30;box-sizing:border-box;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) #e6484977}
.sw-icon-title{display:block;background:#e62f30;color:white;font-size:calc(var(--u) * 34);line-height:calc(var(--u) * 48);white-space:nowrap}
.sw-yen{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 84);height:calc(var(--u) * 84);border-radius:50%;background:#ffd31a;color:#fff;font-size:calc(var(--u) * 55);line-height:calc(var(--u) * 84);margin:calc(var(--u) * 7) auto 0;font-weight:bold}
.sw-icon:after{content:'';position:absolute;top:-40%;left:-100%;width:calc(var(--u) * 42);height:200%;background:#fffce9ed;transform:rotate(42deg);animation:sw-shine var(--sw-shine) linear infinite}
.sw-award{font-size:calc(var(--u) * 36);line-height:calc(var(--u) * 51);white-space:nowrap;animation:sw-pop var(--sw-amount) both}.sw-award.fade{animation-name:sw-fade}.sw-award.slide{animation-name:sw-slide}.sw-award.none{animation:none}
.sw-award-number{font-size:calc(var(--u) * 50)}.sw-stored{font-size:calc(var(--u) * 34);line-height:calc(var(--u) * 52)}
.sw-banner{position:absolute;left:calc(var(--u) * 36);right:calc(var(--u) * 36);top:calc(var(--bubble-top) - calc(var(--u) * 177));height:calc(var(--u) * 171);border-radius:calc(var(--u) * 9);background:#fff;color:#111;display:flex;align-items:center;padding:calc(var(--u) * 28) calc(var(--u) * 36);box-sizing:border-box;gap:calc(var(--u) * 15);pointer-events:auto;transform-origin:94% 115%;animation:sw-banner-in var(--sw-banner-in) both}
.sw-banner.leaving{animation:sw-banner-out var(--sw-banner-out) both;pointer-events:none}
.sw-banner-copy{flex:1;min-width:0}.sw-banner-title{font-size:calc(var(--u) * 34);line-height:calc(var(--u) * 46);display:block}.sw-banner-amount{color:#20a259}.sw-banner-sub{display:block;font-size:calc(var(--u) * 29);line-height:calc(var(--u) * 43);color:#666;margin-top:calc(var(--u) * 7)}
.sw-banner-button{border:calc(var(--u) * 2) solid #0d9f3b;border-radius:calc(var(--u) * 7);background:#0ab745;color:white;min-width:calc(var(--u) * 174);max-width:calc(var(--u) * 240);font-size:calc(var(--u) * 28);line-height:calc(var(--u) * 40);min-height:calc(var(--u) * 68);padding:calc(var(--u) * 10) calc(var(--u) * 13);box-sizing:border-box;margin:0}
.sw-tip{position:absolute;right:calc(var(--u) * 180);top:calc(var(--bubble-top) + calc(var(--u) * 235));border-radius:calc(var(--u) * 9);background:#333c;color:white;padding:calc(var(--u) * 14) calc(var(--u) * 20);font-size:calc(var(--u) * 31);line-height:calc(var(--u) * 48);max-width:calc(var(--u) * 350);animation:sw-slide var(--sw-hint-in) both;pointer-events:auto;border:0;text-align:left;margin:0}
.sw-tip:after{content:'';position:absolute;right:calc(var(--u) * -11);top:45%;width:calc(var(--u) * 24);height:calc(var(--u) * 24);background:#333c;transform:rotate(45deg)}
.sw-tip.fade{animation-name:sw-fade}.sw-tip.pop{animation-name:sw-pop}.sw-tip.none{animation:none}.sw-tip.leaving{animation:sw-out var(--sw-hint-out) both;pointer-events:none}
.sw-tip-line{display:block}.sw-next{top:calc(var(--bubble-top) + calc(var(--u) * 145));font-size:calc(var(--u) * 30);line-height:calc(var(--u) * 44);max-width:calc(var(--u) * 350)}.sw-next:after{top:30%}
.sw-coins{position:absolute;right:calc(var(--u) * 110);top:calc(var(--bubble-top) + calc(var(--u) * 132));width:calc(var(--u) * 70);height:calc(var(--u) * 110)}
.sw-coin{position:absolute;display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 43);height:calc(var(--u) * 43);border:calc(var(--u) * 2) solid #d1ffd2;border-radius:50%;background:linear-gradient(#8dec9f,#17b853);color:#fff;font-size:calc(var(--u) * 36);line-height:calc(var(--u) * 43);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 7) #147948;animation:sw-coin var(--sw-coin) both}.sw-coin:nth-child(2){left:calc(var(--u) * -15);top:calc(var(--u) * 30);animation-delay:calc(var(--sw-coin) / 12)}.sw-coin:nth-child(3){left:calc(var(--u) * -28);top:calc(var(--u) * 59);animation-delay:calc(var(--sw-coin) / 6)}
@keyframes sw-pop{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
@keyframes sw-fade{from{opacity:0}to{opacity:1}}
@keyframes sw-slide{from{opacity:0;transform:translateY(calc(var(--u) * 18))}to{opacity:1;transform:translateY(0)}}
@keyframes sw-out{from{opacity:1}to{opacity:0;transform:scale(.94)}}
@keyframes sw-shine{0%{left:-100%}65%,100%{left:160%}}
@keyframes sw-banner-in{from{opacity:0;transform:translateY(calc(var(--u) * -45)) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sw-banner-out{to{opacity:0;transform:scale(.05)}}
@keyframes sw-coin{0%{opacity:0;transform:translate(calc(var(--u) * -30),calc(var(--u) * 55)) scale(.6)}25%,60%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(calc(var(--u) * 30),calc(var(--u) * -125)) scale(.2)}}