/* Reference coordinates: 888 × 1920. build-styles scales px by viewport width. */
.screen{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
.reward-float{position:absolute;right:calc(var(--u) * 24);top:var(--bubble-top);height:calc(var(--u) * 120);display:flex;align-items:center;z-index:12}
.bubble{width:calc(var(--u) * 120);height:calc(var(--u) * 120);border-radius:50%;border:calc(var(--u) * 6) solid #383232;background:#fff7e3;color:#a4251c;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(var(--u) * 30);line-height:calc(var(--u) * 34);padding:0;box-sizing:border-box;z-index:2;box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 2) #0003;font-family:Arial,sans-serif;font-weight:400}
.bubble small,.bubble .unit{font-size:calc(var(--u) * 28);line-height:calc(var(--u) * 32)}
.hint{height:calc(var(--u) * 120);display:flex;align-items:center;white-space:nowrap;overflow:hidden;background:#231d25b8;border-radius:calc(var(--u) * 64) 0 0 calc(var(--u) * 64);color:#fff;max-width:0;opacity:0;padding:0;margin-right:calc(var(--u) * -20);font-size:calc(var(--u) * 28);font-weight:600;transition:max-width var(--retract),opacity var(--retract),padding var(--retract)}
.hint.visible{max-width:calc(var(--u) * 600);opacity:1;padding:0 calc(var(--u) * 34) 0 calc(var(--u) * 28);transition-duration:var(--expand)}
.hint-number{font-family:'Arial Narrow',Arial,sans-serif;font-stretch:condensed;letter-spacing:calc(var(--u) * -2);font-size:calc(var(--u) * 44);font-weight:500}.hint.ready{font-size:calc(var(--u) * 32)}
.side-reward{position:absolute;right:calc(var(--u) * 24);top:calc(var(--bubble-top) + calc(var(--u) * 142));z-index:11;display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--u) * 28)}
.mini-card{position:relative;display:flex;flex-direction:column;border:calc(var(--u) * 3) solid #83df9a;background:#12b548;border-radius:calc(var(--u) * 15);width:calc(var(--u) * 120);height:calc(var(--u) * 96);padding:0 calc(var(--u) * 3) calc(var(--u) * 3);color:white;font-size:calc(var(--u) * 27);line-height:calc(var(--u) * 43)}
.mini-card b,.mini-card .mini-bottom{background:#fff;color:#1aab4e;display:block;width:100%;font-weight:400;line-height:calc(var(--u) * 40);border-radius:0 0 calc(var(--u) * 8) calc(var(--u) * 8)}
.mini-close{position:absolute;right:calc(var(--u) * -10);top:calc(var(--u) * -11);width:calc(var(--u) * 19);height:calc(var(--u) * 19);border:0;border-radius:50%;background:#d7c9b799;color:#766d61;font-size:calc(var(--u) * 21);line-height:calc(var(--u) * 16);padding:0;z-index:2}
.mini-wrap{position:relative}.reward-link{position:relative;right:calc(var(--u) * -24);border:0;border-radius:calc(var(--u) * 40) 0 0 calc(var(--u) * 40);background:#fff7b8;color:#8f2c16;height:calc(var(--u) * 60);min-width:calc(var(--u) * 162);padding:0 calc(var(--u) * 22) 0 calc(var(--u) * 25);font-size:calc(var(--u) * 27);line-height:calc(var(--u) * 60)}
.overlay{position:absolute;inset:0;z-index:20}.scrim{position:absolute;inset:0;background:#0008}
.reward-card{position:absolute;width:calc(var(--u) * 664);height:calc(var(--u) * 982);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:calc(var(--u) * 22);background:#f65042;box-shadow:inset 0 0 0 calc(var(--u) * 2) #ee766355;animation:packet-pop var(--popup) ease-out both;transform-origin:center}
.reward-card.fade{animation-name:packet-fade}.close{position:absolute;right:0;top:calc(var(--u) * -102);width:calc(var(--u) * 70);height:calc(var(--u) * 70);border:calc(var(--u) * 3) solid #fff;border-radius:50%;background:#0002;font-size:0;padding:0;z-index:2}
.close::before,.close::after,.guide-close::before,.guide-close::after{content:'';position:absolute;width:calc(var(--u) * 44);height:calc(var(--u) * 3);background:#fff;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:calc(var(--u) * 3)}.close::after,.guide-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.packet{height:100%;width:100%;position:relative;overflow:hidden;color:#f8d19f;border-radius:calc(var(--u) * 22);background:#f65748}
.avatar{position:absolute;top:calc(var(--u) * 128);left:50%;transform:translateX(-50%);width:calc(var(--u) * 146);height:calc(var(--u) * 146);border:calc(var(--u) * 3) solid #ffe4c7;border-radius:50%;object-fit:cover}
.packet-user{position:absolute;top:calc(var(--u) * 292);left:0;width:100%;text-align:center;font-size:calc(var(--u) * 36);line-height:calc(var(--u) * 44)}
.packet-title{position:absolute;top:calc(var(--u) * 371);left:0;width:100%;text-align:center;font-size:calc(var(--u) * 60);line-height:calc(var(--u) * 75);font-weight:600}
.packet-subtitle{position:absolute;top:calc(var(--u) * 471);left:0;width:100%;text-align:center;font-size:calc(var(--u) * 34);line-height:calc(var(--u) * 46)}
.open-seal{position:absolute;z-index:2;left:50%;top:calc(var(--u) * 580);transform:translateX(-50%);width:calc(var(--u) * 252);height:calc(var(--u) * 252);border:0;border-radius:50%;background:#efd09e;color:#403b32;font-family:SimSun,'Songti SC',serif;font-size:calc(var(--u) * 130);line-height:calc(var(--u) * 252);padding:0;box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 15) #b43e3a55}
.envelope-curve{position:absolute;top:calc(var(--u) * 430);left:-20%;width:140%;height:calc(var(--u) * 290);border-radius:0 0 50% 50%;box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 8) #bf3d2e30;pointer-events:none}.opening .open-seal{animation:seal-open var(--open) ease-in both}.opening .packet{animation:packet-fade var(--open) reverse both}
.amount-panel{height:100%;padding:calc(var(--u) * 18);box-sizing:border-box;position:relative}
.white-paper{position:relative;width:100%;height:calc(var(--u) * 644);background:#fff;border-radius:calc(var(--u) * 22) calc(var(--u) * 22) 50% 50% / calc(var(--u) * 22) calc(var(--u) * 22) calc(var(--u) * 82) calc(var(--u) * 82);text-align:center;box-sizing:border-box}
.amount-title{position:absolute;top:calc(var(--u) * 82);left:0;width:100%;font-size:calc(var(--u) * 46);line-height:calc(var(--u) * 60);color:#b4a797;font-weight:400}
.amount-rule{position:absolute;top:calc(var(--u) * 178);left:50%;transform:translateX(-50%);width:calc(var(--u) * 310);height:calc(var(--u) * 10);display:flex;align-items:center;justify-content:space-between;color:#ddd6cd;font-size:calc(var(--u) * 20);line-height:calc(var(--u) * 10)}.amount-rule::before,.amount-rule::after{content:'';display:block;width:calc(var(--u) * 120);height:calc(var(--u) * 2);background:#e5e1dc}
.amount-line{position:absolute;top:calc(var(--u) * 235);left:0;width:100%;display:flex;justify-content:center;align-items:center;color:#f45143;white-space:nowrap;line-height:calc(var(--u) * 165);height:calc(var(--u) * 165)}
.amount-number,.amount-line strong{display:flex;font-size:calc(var(--u) * 160);font-weight:400;letter-spacing:calc(var(--u) * -5);font-family:'Arial Narrow',Arial,sans-serif;line-height:calc(var(--u) * 165);height:calc(var(--u) * 165)}
.amount-line small,.amount-unit{font-size:calc(var(--u) * 72);line-height:calc(var(--u) * 100);align-self:flex-end;padding-bottom:calc(var(--u) * 4);margin-left:calc(var(--u) * 4)}
.check{position:relative;display:block;width:calc(var(--u) * 74);height:calc(var(--u) * 59);background:#10b846;border-radius:50%;margin-right:calc(var(--u) * 7);flex-shrink:0;font-size:0;transform:rotate(-12deg)}.check::before{content:'';position:absolute;left:calc(var(--u) * 8);bottom:calc(var(--u) * -3);border-top:calc(var(--u) * 15) solid #10b846;border-right:calc(var(--u) * 17) solid transparent}.check::after{content:'';position:absolute;width:calc(var(--u) * 42);height:calc(var(--u) * 18);border-bottom:calc(var(--u) * 7) solid #fff;border-left:calc(var(--u) * 7) solid #fff;left:calc(var(--u) * 17);top:calc(var(--u) * 11);transform:rotate(-20deg)}
.digit-window{display:inline-block;position:relative;height:calc(var(--u) * 165);line-height:calc(var(--u) * 165);overflow:hidden;width:.56em;text-align:center}.digit-dot{width:.23em}.digit-strip{display:flex;flex-direction:column;transform:translateY(var(--digit-end));animation:digit-roll var(--roll) cubic-bezier(.15,.65,.2,1) both}.digit-strip>span,.digit-strip>text{height:calc(var(--u) * 165);line-height:calc(var(--u) * 165);flex-shrink:0;display:block}.settled .digit-strip{animation:none}
.amount-subtitle{position:absolute;top:calc(var(--u) * 450);left:0;width:100%;font-size:calc(var(--u) * 34);line-height:calc(var(--u) * 45);color:#cdc4bb}
.account{position:absolute;top:calc(var(--u) * 712);left:0;width:100%;text-align:center;color:#fcd5b8;font-size:calc(var(--u) * 36);line-height:calc(var(--u) * 46)}
.withdraw{position:absolute;left:calc(var(--u) * 56);top:calc(var(--u) * 780);width:calc(var(--u) * 552);height:calc(var(--u) * 126);border:0;border-radius:calc(var(--u) * 70);color:#b84e38;background:linear-gradient(#fff3d6,#efd09d);font-size:calc(var(--u) * 42);line-height:calc(var(--u) * 126);padding:0}
.collapsing .reward-card{animation:fly-in var(--collapse) cubic-bezier(.35,.05,.65,1) both;pointer-events:none}.collapsing .scrim{animation:veil-out var(--collapse) both}.collapsing .close{visibility:hidden}
.guide{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--u) * 524);height:calc(var(--u) * 524);color:#fff;background:#100a0bd1;border-radius:calc(var(--u) * 18);text-align:center;animation:guide-in var(--guide-fade) both;pointer-events:none}
.guide-close{pointer-events:auto;position:absolute;right:0;top:0;width:calc(var(--u) * 55);height:calc(var(--u) * 55);border:0;border-radius:0 calc(var(--u) * 18) 0 calc(var(--u) * 12);background:#ffffff29;font-size:0;padding:0}.guide-close::before,.guide-close::after{width:calc(var(--u) * 36);height:calc(var(--u) * 3)}
.guide-title{position:absolute;top:calc(var(--u) * 60);left:0;width:100%;font-size:calc(var(--u) * 42);line-height:calc(var(--u) * 55);font-weight:600}
.green-card{position:absolute;top:calc(var(--u) * 157);left:calc(var(--u) * 113);width:calc(var(--u) * 278);height:calc(var(--u) * 240);border:calc(var(--u) * 11) solid #13b347;border-radius:calc(var(--u) * 25);background:#13b347}
.green-card>div.green-top,.green-card .green-top{height:calc(var(--u) * 130);background:#fff;border-radius:calc(var(--u) * 13) calc(var(--u) * 13) 0 0;color:#11ae46;line-height:calc(var(--u) * 130);display:flex;align-items:baseline;justify-content:center}
.guide-count{font-family:Arial,sans-serif;font-size:calc(var(--u) * 88);font-weight:600;line-height:calc(var(--u) * 130)}.guide-unit{font-size:calc(var(--u) * 32);font-weight:600;line-height:calc(var(--u) * 45);margin-left:calc(var(--u) * 5)}
.green-bottom{line-height:calc(var(--u) * 88);font-size:calc(var(--u) * 44);font-weight:600;display:block}
.guide-badge{position:absolute;right:calc(var(--u) * -18);top:calc(var(--u) * -15);border:calc(var(--u) * 2) solid white;box-shadow:0 0 0 calc(var(--u) * 2) #b34130;background:#c8362b;color:white;border-radius:calc(var(--u) * 30) calc(var(--u) * 30) calc(var(--u) * 30) 0;font-size:calc(var(--u) * 28);line-height:calc(var(--u) * 46);padding:0 calc(var(--u) * 6);white-space:nowrap;transform:rotate(4deg);animation:badge-in var(--badge) ease-out both}
.guide-footer{position:absolute;bottom:calc(var(--u) * 54);left:0;width:100%;font-size:calc(var(--u) * 36);line-height:calc(var(--u) * 45);letter-spacing:calc(var(--u) * 3);color:#c9c2c0;display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 12)}
.guide-chevrons{display:block;position:relative;width:calc(var(--u) * 25);height:calc(var(--u) * 27);opacity:.55}.guide-chevrons::before,.guide-chevrons::after{content:'';position:absolute;left:calc(var(--u) * 4);top:calc(var(--u) * 3);width:calc(var(--u) * 17);height:calc(var(--u) * 17);border-left:calc(var(--u) * 3) solid #ddd;border-top:calc(var(--u) * 3) solid #ddd;transform:rotate(45deg)}.guide-chevrons::after{top:calc(var(--u) * 14)}
.arrow{position:absolute;left:calc(var(--u) * 411);bottom:calc(var(--u) * 83);width:calc(var(--u) * 82);height:calc(var(--u) * 280);background:linear-gradient(#d8d8d8,#aaa7 55%,#7770);clip-path:polygon(50% 0,100% 19%,74% 19%,74% 100%,26% 100%,26% 19%,0 19%);animation:swipe-arrow var(--arrow) linear infinite}
.hand{position:absolute;left:calc(var(--u) * 460);bottom:calc(var(--u) * 88);width:calc(var(--u) * 140);height:calc(var(--u) * 100);background-size:contain;background-repeat:no-repeat;background-position:center;animation:swipe-hand var(--hand) ease-in-out var(--loops);transform-origin:45% 55%}
.guide.leaving{animation:guide-out var(--guide-fade) both}
@keyframes packet-pop{from{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes packet-fade{from{opacity:0}to{opacity:1}}
@keyframes seal-open{to{transform:translateX(-50%) rotateY(360deg);opacity:0}}
@keyframes fly-in{0%{transform:translate(-50%,-50%) scale(1);opacity:1}88%{opacity:1}100%{transform:translate(-50%,-50%) translate(var(--fly-x),var(--fly-y)) scale(.02);opacity:0}}
@keyframes veil-out{0%{opacity:1}45%,100%{opacity:0}}
@keyframes guide-in{from{opacity:0}to{opacity:1}}@keyframes guide-out{from{opacity:1}to{opacity:0}}
@keyframes swipe-arrow{0%{opacity:.15;transform:scaleY(.4);transform-origin:bottom}45%,75%{opacity:.85;transform:scaleY(1);transform-origin:bottom}100%{opacity:.15;transform:scaleY(.4);transform-origin:bottom}}
@keyframes swipe-hand{0%,100%{transform:translateY(0) rotate(0deg)}45%,55%{transform:translateY(calc(var(--u) * -175)) rotate(22deg)}85%{transform:translateY(calc(var(--u) * 15)) rotate(-5deg)}}
@keyframes badge-in{from{opacity:0;transform:rotate(4deg) scale(.5)}to{opacity:1;transform:rotate(4deg) scale(1)}}
@keyframes digit-roll{from{transform:translateY(0)}to{transform:translateY(var(--digit-end))}}

.hand{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDAgMTAwIj48cGF0aCBkPSJNMTEyIDMwYy05LTE0LTE4LTIxLTMyLTE5LTEzIDEtMjIgMTItMzEgMjJMMjEgMzFDNSAzMCAxIDM4IDggNDRjNiA1IDI1IDcgMzggMTItMSAxNyAxMiAyOSAzMSAzMCAxMyAxIDI3LTMgMzUtNyA0IDcgMTEgNSAxNS0yIDgtMTIgMTItMzYgNy00My01LTctMTMtNi0yMi00WiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjYmZhMThjIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNzUgMzFjNS01IDExLTUgMTYtMU03MyA0M2M1LTMgMTAtMSAxNCAyTTQ4IDU1bDEyIDhNMTEzIDM2Yy00IDEzLTYgMjctNCAzOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZThlNGRmIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPgo=")}