.none[data-v-fe7d370c]{display:none}.hide[data-v-fe7d370c]{visibility:hidden}.show[data-v-fe7d370c]{visibility:visible}.clip[data-v-fe7d370c]{overflow:hidden;*zoom:1}.fl[data-v-fe7d370c]{float:left;*display:inline}.fr[data-v-fe7d370c]{float:right;*display:inline}.clearfix[data-v-fe7d370c]{*zoom:1}.clearfix[data-v-fe7d370c]:after{content:"";display:table;clear:both}.fbox[data-v-fe7d370c]{display:table-cell;width:5000px;*display:inline-block;*width:auto}.flex[data-v-fe7d370c]{display:-webkit-box;display:-ms-flexbox;display:flex}.iflex[data-v-fe7d370c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid[data-v-fe7d370c]{display:grid}.igrid[data-v-fe7d370c]{display:inline-grid}.ps[data-v-fe7d370c]{position:static}.pr[data-v-fe7d370c]{position:relative;*zoom:1}.pa[data-v-fe7d370c]{position:absolute}.pf[data-v-fe7d370c]{position:fixed}.po[data-v-fe7d370c]{position:static;margin:0}.islocked[data-v-fe7d370c],.islocked body[data-v-fe7d370c]{width:100%;height:100%;overflow:hidden}.iconfont[data-v-fe7d370c]{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-family:iconfont;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;cursor:pointer}.m-vip-container[data-v-fe7d370c]{margin-top:112px;min-height:calc(100vh - 172px)}.m-machine[data-v-fe7d370c]{position:relative;*zoom:1;width:556px;height:774px}.m-machine .m-box[data-v-fe7d370c]{position:relative;*zoom:1;width:100%;height:100%;z-index:2;background:url(https://cdn.jx3box.com/design/card/birthday/2026/box.png) no-repeat top;background-size:100% 100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:170px 186px 68px 86px}.m-machine .m-decoration[data-v-fe7d370c]{position:absolute;bottom:86px}.m-machine .m-decoration-left[data-v-fe7d370c]{width:280px;height:466px;left:-168px}.m-machine .m-decoration-right[data-v-fe7d370c]{width:300px;height:438px;right:-72px}.m-machine .m-decoration .u-img[data-v-fe7d370c]{position:absolute;bottom:0;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:balloonShake-fe7d370c ease-in-out infinite;animation:balloonShake-fe7d370c ease-in-out infinite;-webkit-animation-duration:var(--duration);animation-duration:var(--duration)}.m-machine .m-decoration .u-img-left1[data-v-fe7d370c]{width:282px;height:328px}.m-machine .m-decoration .u-img-left2[data-v-fe7d370c]{width:262px;height:466px;left:42px;bottom:-44px}.m-machine .m-decoration .u-img-left3[data-v-fe7d370c]{width:236px;height:349px;left:52px;bottom:-16px}.m-machine .m-decoration .u-img-left4[data-v-fe7d370c]{width:180px;height:406px;left:132px;bottom:4px}.m-machine .m-decoration .u-img-right1[data-v-fe7d370c]{width:300px;height:302px}.m-machine .m-decoration .u-img-right2[data-v-fe7d370c]{width:288px;height:438px;right:20px;bottom:-28px}.m-machine .m-decoration .u-img-right3[data-v-fe7d370c]{width:212px;height:390px;right:124px}.m-machine .m-decoration .u-img-right4[data-v-fe7d370c]{width:260px;height:326px;right:46px;bottom:-16px}@-webkit-keyframes balloonShake-fe7d370c{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}50%{-webkit-transform:translate(var(--shake-x)) rotate(var(--rotate));transform:translate(var(--shake-x)) rotate(var(--rotate))}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes balloonShake-fe7d370c{0%{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}50%{-webkit-transform:translate(var(--shake-x)) rotate(var(--rotate));transform:translate(var(--shake-x)) rotate(var(--rotate))}to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}.none[data-v-24d66451]{display:none}.hide[data-v-24d66451]{visibility:hidden}.show[data-v-24d66451]{visibility:visible}.clip[data-v-24d66451]{overflow:hidden;*zoom:1}.fl[data-v-24d66451]{float:left;*display:inline}.fr[data-v-24d66451]{float:right;*display:inline}.clearfix[data-v-24d66451]{*zoom:1}.clearfix[data-v-24d66451]:after{content:"";display:table;clear:both}.fbox[data-v-24d66451]{display:table-cell;width:5000px;*display:inline-block;*width:auto}.flex[data-v-24d66451]{display:-webkit-box;display:-ms-flexbox;display:flex}.iflex[data-v-24d66451]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid[data-v-24d66451]{display:grid}.igrid[data-v-24d66451]{display:inline-grid}.ps[data-v-24d66451]{position:static}.pr[data-v-24d66451]{position:relative;*zoom:1}.pa[data-v-24d66451]{position:absolute}.pf[data-v-24d66451]{position:fixed}.po[data-v-24d66451]{position:static;margin:0}.islocked[data-v-24d66451],.islocked body[data-v-24d66451]{width:100%;height:100%;overflow:hidden}.iconfont[data-v-24d66451]{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-family:iconfont;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;cursor:pointer}.m-vip-container[data-v-24d66451]{margin-top:112px;min-height:calc(100vh - 172px)}.circle-container[data-v-24d66451]{position:relative;width:284px;height:230px;overflow:hidden;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}.circle[data-v-24d66451]{width:75px;height:75px;border-radius:50%;position:absolute;will-change:top,left,transform;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:none!important;transition:none!important}.none[data-v-be871538]{display:none}.hide[data-v-be871538]{visibility:hidden}.show[data-v-be871538]{visibility:visible}.clip[data-v-be871538]{overflow:hidden;*zoom:1}.fl[data-v-be871538]{float:left;*display:inline}.fr[data-v-be871538]{float:right;*display:inline}.clearfix[data-v-be871538]{*zoom:1}.clearfix[data-v-be871538]:after{content:"";display:table;clear:both}.fbox[data-v-be871538]{display:table-cell;width:5000px;*display:inline-block;*width:auto}.flex[data-v-be871538]{display:-webkit-box;display:-ms-flexbox;display:flex}.iflex[data-v-be871538]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid[data-v-be871538]{display:grid}.igrid[data-v-be871538]{display:inline-grid}.ps[data-v-be871538]{position:static}.pr[data-v-be871538]{position:relative;*zoom:1}.pa[data-v-be871538]{position:absolute}.pf[data-v-be871538]{position:fixed}.po[data-v-be871538]{position:static;margin:0}.islocked[data-v-be871538],.islocked body[data-v-be871538]{width:100%;height:100%;overflow:hidden}.iconfont[data-v-be871538]{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-family:iconfont;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;cursor:pointer}.m-vip-container[data-v-be871538]{margin-top:112px;min-height:calc(100vh - 172px)}.m-lamp[data-v-be871538]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-lamp .lamp-item[data-v-be871538]{margin-top:10px;-ms-flex-negative:0;flex-shrink:0}.m-lamp img[data-v-be871538]{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.img1[data-v-be871538],.img2[data-v-be871538],.img3[data-v-be871538],.img4[data-v-be871538]{-webkit-transition:all .05s ease;transition:all .05s ease}.p-birthday{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-birthday .u-star-video{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.p-birthday .m-lamp{margin-bottom:20px;width:100px;height:26px}.p-birthday .m-ball{position:relative;*zoom:1;width:100%;height:230px;margin-bottom:150px}.p-birthday .m-ball:after{content:"";position:absolute;left:0;top:-1px;width:285px;height:232px;z-index:2;background:url(https://cdn.jx3box.com/design/card/birthday/2026/reflection.png) no-repeat 50%;background-size:286px,232px}.p-birthday .m-ball .m-ball-box{position:relative;*zoom:1;width:100%;height:100%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 34px 16px 34px}.p-birthday .m-ball .m-ball-box .circle-container{position:absolute;left:0;top:0}.p-birthday .m-ball .u-compass{width:200px;height:200px;-webkit-transform-origin:center center;transform-origin:center center;will-change:transform;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.p-birthday .m-ball .u-compass.reward{-webkit-animation:compassRotate 2s ease-in-out forwards;animation:compassRotate 2s ease-in-out forwards}.p-birthday .m-box .u-txt{position:absolute;text-align:center;width:500px;height:50px;left:86px;bottom:-32px;font-size:28px;line-height:50px;margin-left:-120px;color:#fff}.p-birthday .m-box .u-txt .u-open{-webkit-animation:showTxt 3s ease-in-out forwards;animation:showTxt 3s ease-in-out forwards}.p-birthday .m-reward{position:relative;*zoom:1;height:100px}.p-birthday .m-reward .u-switch{float:right;*display:inline;cursor:pointer;margin-right:30px;width:100px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:rotate(0deg);transform:rotate(0deg);will-change:transform}.p-birthday .m-reward .u-switch.reward{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.p-birthday .m-reward .u-finger{position:absolute;width:90px;right:100px;bottom:-50px;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-animation:moveBlink 2s forwards;animation:moveBlink 2s forwards}.p-birthday .m-reward .u-reward{position:absolute;cursor:pointer;left:45px;top:7px;opacity:0;-webkit-animation:moveOpacity 2s forwards;animation:moveOpacity 2s forwards}.p-birthday .m-show{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;z-index:3;background-color:rgba(0,0,0,.45)}.p-birthday .m-show-content{position:absolute;cursor:pointer;width:600px;height:600px;left:50%;top:50%;margin:-318px 0 0 -350px}.p-birthday .m-show-content .u-halo{width:100%;height:100%;-webkit-animation:infiniteRotate 2s linear infinite;animation:infiniteRotate 2s linear infinite}.p-birthday .m-show-content .u-icon{width:60px;height:60px;position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;-webkit-animation:toScale .5s linear forwards;animation:toScale .5s linear forwards}.p-birthday .m-card{position:fixed;width:920px;height:620px;left:50%;top:50%;margin:-310px 0 0 -460px;-webkit-animation:toOpacity 2s forwards;animation:toOpacity 2s forwards}.p-birthday .m-card .u-star{position:absolute;right:156px;top:146px;-webkit-transform:rotate(-1deg);transform:rotate(-1deg);width:150px}.p-birthday .m-card .u-girl{position:absolute;right:10px;top:40px;width:300px;-webkit-animation:girlScale 1s ease-in-out forwards;animation:girlScale 1s ease-in-out forwards}.p-birthday .m-card .u-name{left:180px;top:180px;color:#514f7a}.p-birthday .m-card .u-date,.p-birthday .m-card .u-name{position:absolute;font-size:28px;-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}.p-birthday .m-card .u-date{right:260px;bottom:168px;color:#445983}@-webkit-keyframes fall{0%{opacity:1;-webkit-transform:translateY(-100px) scale(.8);transform:translateY(-100px) scale(.8)}70%{-webkit-transform:translate(var(--end-x)) scale(1);transform:translate(var(--end-x)) scale(1)}to{opacity:1;-webkit-transform:translate(var(--end-x)) scale(1);transform:translate(var(--end-x)) scale(1)}}@keyframes fall{0%{opacity:1;-webkit-transform:translateY(-100px) scale(.8);transform:translateY(-100px) scale(.8)}70%{-webkit-transform:translate(var(--end-x)) scale(1);transform:translate(var(--end-x)) scale(1)}to{opacity:1;-webkit-transform:translate(var(--end-x)) scale(1);transform:translate(var(--end-x)) scale(1)}}@-webkit-keyframes bounce{0%{-webkit-transform:translate(var(--end-x)) scale(1);transform:translate(var(--end-x)) scale(1)}30%{-webkit-transform:translate(calc(var(--end-x) + 20px),-30px) scale(1.05);transform:translate(calc(var(--end-x) + 20px),-30px) scale(1.05)}60%{-webkit-transform:translate(calc(var(--end-x) - 10px),10px) scale(.98);transform:translate(calc(var(--end-x) - 10px),10px) scale(.98)}to{-webkit-transform:translate(var(--final-x,0),var(--final-y,300px)) scale(1);transform:translate(var(--final-x,0),var(--final-y,300px)) scale(1)}}@keyframes bounce{0%{-webkit-transform:translate(var(--end-x)) scale(1);transform:translate(var(--end-x)) scale(1)}30%{-webkit-transform:translate(calc(var(--end-x) + 20px),-30px) scale(1.05);transform:translate(calc(var(--end-x) + 20px),-30px) scale(1.05)}60%{-webkit-transform:translate(calc(var(--end-x) - 10px),10px) scale(.98);transform:translate(calc(var(--end-x) - 10px),10px) scale(.98)}to{-webkit-transform:translate(var(--final-x,0),var(--final-y,300px)) scale(1);transform:translate(var(--final-x,0),var(--final-y,300px)) scale(1)}}@-webkit-keyframes compassRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes compassRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes moveBlink{0%{right:100px;bottom:-50px;opacity:1}40%{right:66px;bottom:-8px;opacity:1}50%{opacity:.5}70%{opacity:1}to{right:66px;bottom:-8px;opacity:0}}@keyframes moveBlink{0%{right:100px;bottom:-50px;opacity:1}40%{right:66px;bottom:-8px;opacity:1}50%{opacity:.5}70%{opacity:1}to{right:66px;bottom:-8px;opacity:0}}@-webkit-keyframes moveOpacity{0%{left:45px;top:7px;opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-38deg);transform:rotate(-38deg);left:16px;top:42px;opacity:1}}@keyframes moveOpacity{0%{left:45px;top:7px;opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-38deg);transform:rotate(-38deg);left:16px;top:42px;opacity:1}}@-webkit-keyframes infiniteRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes infiniteRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes toScale{0%{-webkit-transform:scale(1) rotate(18deg);transform:scale(1) rotate(18deg)}to{-webkit-transform:scale(4.6) rotate(18deg);transform:scale(4.6) rotate(18deg)}}@keyframes toScale{0%{-webkit-transform:scale(1) rotate(18deg);transform:scale(1) rotate(18deg)}to{-webkit-transform:scale(4.6) rotate(18deg);transform:scale(4.6) rotate(18deg)}}@-webkit-keyframes toOpacity{0%{opacity:0;margin:-610px 0 0 -460px}50%{opacity:.7;margin:-310px 0 0 -460px}to{opacity:1;margin:-310px 0 0 -460px}}@keyframes toOpacity{0%{opacity:0;margin:-610px 0 0 -460px}50%{opacity:.7;margin:-310px 0 0 -460px}to{opacity:1;margin:-310px 0 0 -460px}}@-webkit-keyframes girlScale{0%{-webkit-transform:scale(2) rotate(-30deg);transform:scale(2) rotate(-30deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes girlScale{0%{-webkit-transform:scale(2) rotate(-30deg);transform:scale(2) rotate(-30deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@-webkit-keyframes showTxt{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes showTxt{0%{opacity:0}80%{opacity:0}to{opacity:1}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{background-color:#0a040f}#app,.m-main,.p-birthday,body,html{width:100%;height:100%}.m-main{min-width:1200px;min-height:960px}.m-main,.p-birthday{position:relative;*zoom:1}.p-birthday{background-color:#0a040f}.p-birthday .u-video{width:100%;height:100%}.p-birthday .m-letter{position:absolute;cursor:pointer;left:50%;top:50%;width:840px;height:480px;margin:-320px 0 0 -420px}.p-birthday .m-letter.open{height:520px;-webkit-transition:all .5s;transition:all .5s}.p-birthday .m-letter.open .u-pack-top-out{z-index:1;-webkit-transform-origin:top;transform-origin:top;-webkit-animation:flipUpHidden .5s ease-in-out forwards;animation:flipUpHidden .5s ease-in-out forwards}.p-birthday .m-letter.open .u-pack-top-in{display:block!important;-webkit-transform-origin:top;transform-origin:top;-webkit-animation:flipUp .5s ease-in-out forwards;animation:flipUp .5s ease-in-out forwards}.p-birthday .m-letter.open .m-paper,.p-birthday .m-letter.open .u-img.u-girl{display:block}.p-birthday .m-letter.diffuse .u-paint,.p-birthday .m-letter.open .u-hi{display:none}.p-birthday .m-letter.diffuse .u-ground{display:block;-webkit-animation:slideIn .5s forwards;animation:slideIn .5s forwards}.p-birthday .m-letter.diffuse .u-pack-in,.p-birthday .m-letter.diffuse .u-pack-out,.p-birthday .m-letter.diffuse .u-pack-top-in{-webkit-animation:scaleFade .5s forwards;animation:scaleFade .5s forwards}.p-birthday .m-letter.diffuse .u-cake,.p-birthday .m-letter.diffuse .u-icon,.p-birthday .m-letter.diffuse .u-star,.p-birthday .m-letter.diffuse .u-txt{display:block}.p-birthday .m-letter.diffuse .m-paper,.p-birthday .m-letter.diffuse .u-cake,.p-birthday .m-letter.diffuse .u-girl,.p-birthday .m-letter.diffuse .u-icon{z-index:2}.p-birthday .m-letter.diffuse .u-cake{-webkit-transform:perspective(2000px) translate3d(15px,15px,100px);transform:perspective(2000px) translate3d(15px,15px,100px);-webkit-animation:cakeMove .5s forwards;animation:cakeMove .5s forwards}.p-birthday .m-letter.diffuse .u-icon{-webkit-animation:iconMove .5s forwards;animation:iconMove .5s forwards}.p-birthday .m-letter.diffuse .m-paper{-webkit-transform:perspective(2000px) translate3d(10px,0,-90px);transform:perspective(2000px) translate3d(10px,0,-90px);-webkit-animation:cardMove .5s forwards;animation:cardMove .5s forwards}.p-birthday .m-letter.diffuse .u-girl{-webkit-transform:perspective(2000px) translate3d(0,30px,-100px);transform:perspective(2000px) translate3d(0,30px,-100px);-webkit-animation:girlMove .5s forwards;animation:girlMove .5s forwards}.p-birthday .m-letter.diffuse .m-content{-webkit-transform:perspective(2000px) rotateY(20deg);transform:perspective(2000px) rotateY(20deg)}.p-birthday .m-letter .u-txt{cursor:default;right:-320px;top:-60px;width:358px;height:268px}.p-birthday .m-letter .u-star{width:600px;height:600px;left:-56%;bottom:-30%}.p-birthday .m-letter .u-icon{width:60px;height:60px;left:50%;bottom:30%}.p-birthday .m-letter .u-cake{width:220px;height:185px}.p-birthday .m-letter .u-cake,.p-birthday .m-letter .u-icon,.p-birthday .m-letter .u-star,.p-birthday .m-letter .u-txt{display:none}.p-birthday .m-letter .u-ground{display:none;z-index:0;-webkit-transform:rotateX(80deg);transform:rotateX(80deg);-webkit-transform-origin:center center;transform-origin:center center}.p-birthday .m-letter .u-paint{position:absolute;width:224px;height:254px;left:50%;top:50%;z-index:2;margin:-107px 0 0 -112px}.p-birthday .m-letter .u-paint.animation{-webkit-animation:scaleFade 1s forwards;animation:scaleFade 1s forwards}.p-birthday .m-letter .u-paint .u-pack-paint{width:100%;height:100%}.p-birthday .m-letter .u-paint .u-pack-ok{position:absolute;width:136px;height:136px;left:50%;top:50%;margin:-75px 0 0 -68px;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.p-birthday .m-letter .u-paint .u-pack-ok:hover{-webkit-transform:rotate(10deg);transform:rotate(10deg)}.p-birthday .m-letter .m-paper{position:absolute;display:none;right:40px;top:20px;width:482px;height:228px}.p-birthday .m-letter .m-paper .u-bg{width:100%;height:100%}.p-birthday .m-letter .m-paper .u-text{position:absolute;font-size:16px;z-index:1;color:#524d7d}.p-birthday .m-letter .m-paper .u-text.name{left:52px;top:30px}.p-birthday .m-letter .m-paper .u-text.date{right:86px;bottom:22px}.p-birthday .m-letter .u-img{position:absolute}.p-birthday .m-letter .u-img.u-pack-in,.p-birthday .m-letter .u-img.u-pack-out,.p-birthday .m-letter .u-img.u-pack-top-in,.p-birthday .m-letter .u-img.u-pack-top-out{max-height:100%;width:100%}.p-birthday .m-letter .u-img.u-girl{display:none;left:20px;max-height:400px}.p-birthday .m-letter .u-img.u-pack-top{max-width:100%}.p-birthday .m-letter .u-img.u-pack-out{z-index:2;bottom:0}.p-birthday .m-letter .u-img.u-pack-top-out{z-index:2;top:0}.p-birthday .m-letter .u-img.u-pack-top-in{display:none}.p-birthday .m-letter .u-img.u-hi{left:50%;bottom:-100px;width:310px;height:auto;margin:0 0 0 -155px}.p-birthday .m-content{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(2000px);transform:perspective(2000px);-webkit-transition:-webkit-transform .1s ease-out;transition:-webkit-transform .1s ease-out;transition:transform .1s ease-out;transition:transform .1s ease-out,-webkit-transform .1s ease-out}@media screen and (max-width:1133px){.m-main{min-width:100%}}@-webkit-keyframes scaleFade{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes scaleFade{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes flipUp{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@keyframes flipUp{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}}@-webkit-keyframes flipUpHidden{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}@keyframes flipUpHidden{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);opacity:0}}@-webkit-keyframes slideIn{0%{bottom:-200%}to{bottom:-170px}}@keyframes slideIn{0%{bottom:-200%}to{bottom:-170px}}@-webkit-keyframes cakeMove{0%{bottom:30%;left:50%}to{bottom:60px;left:calc(100% - 220px)}}@keyframes cakeMove{0%{bottom:30%;left:50%}to{bottom:60px;left:calc(100% - 220px)}}@-webkit-keyframes iconMove{0%{bottom:30%;left:50%}to{bottom:70px;-webkit-transform:perspective(2000px) translate3d(30px,20px,70px) skewY(-8deg) rotateY(12deg) rotateX(8deg) scaleX(.8);transform:perspective(2000px) translate3d(30px,20px,70px) skewY(-8deg) rotateY(12deg) rotateX(8deg) scaleX(.8);left:calc(30% - 80px)}}@keyframes iconMove{0%{bottom:30%;left:50%}to{bottom:70px;-webkit-transform:perspective(2000px) translate3d(30px,20px,70px) skewY(-8deg) rotateY(12deg) rotateX(8deg) scaleX(.8);transform:perspective(2000px) translate3d(30px,20px,70px) skewY(-8deg) rotateY(12deg) rotateX(8deg) scaleX(.8);left:calc(30% - 80px)}}@-webkit-keyframes cardMove{0%{right:40px;top:20px}to{top:30%;right:10%}}@keyframes cardMove{0%{right:40px;top:20px}to{top:30%;right:10%}}@-webkit-keyframes girlMove{0%{left:20px;top:0}to{left:0;top:30px}}@keyframes girlMove{0%{left:20px;top:0}to{left:0;top:30px}}.none{display:none}.hide{visibility:hidden}.show{visibility:visible}.clip{overflow:hidden;*zoom:1}.fl{float:left}.fl,.fr{*display:inline}.fr{float:right}.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}.fbox{display:table-cell;width:5000px;*display:inline-block;*width:auto}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.iflex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid{display:grid}.igrid{display:inline-grid}.ps{position:static}.pr{position:relative;*zoom:1}.pa{position:absolute}.pf{position:fixed}.po{position:static;margin:0}.islocked,.islocked body{width:100%;height:100%;overflow:hidden}.iconfont{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-family:iconfont;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;cursor:pointer}.m-vip-container{margin-top:112px;min-height:calc(100vh - 172px)}body{min-width:1544px}.v-birthday{background-color:#24292e}.v-birthday .c-breadcrumb{display:none}.m-birthday{min-width:1520px;position:relative;*zoom:1;overflow:hidden}.m-birthday .m-birthday-video{width:100%;height:100vh;position:relative;*zoom:1}.m-birthday .m-birthday-video .u-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.m-birthday .m-birthday-video .u-mask{background-color:rgba(0,0,0,.62);position:absolute;left:0;top:0;width:100%;height:100%}.m-birthday .m-letter{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(https://cdn.jx3box.com/design/card/birthday/default/letter.png) no-repeat top;width:1544px;height:839px;margin:0 auto}.m-birthday .m-letter .u-head{height:300px}.m-birthday .m-letter .u-head .u-atv,.m-birthday .m-letter .u-head .u-atv .i-atv{height:140px;width:140px}.m-birthday .m-letter .u-head .u-atv{float:right;margin-right:183px;margin-top:104px;position:relative;text-align:center}.m-birthday .m-letter .u-head .u-atv .i-stamp{position:absolute;background:url(https://cdn.jx3box.com/design/card/birthday/default/stamp.png) no-repeat;left:-88px;top:66px;width:272px;height:146px}.m-birthday .m-letter .u-zip{color:#24292e;font-size:40px;letter-spacing:35px;float:left;margin-left:175px;margin-top:102px}.m-birthday .m-letter .u-cont .u-title{color:#24292e;font-size:58px;text-align:center;margin-bottom:22px}.m-birthday .m-letter .u-cont .u-title b{padding:0 30px}.m-birthday .m-letter .u-cont .u-age{width:700px;margin:0 auto}.m-birthday .m-letter .u-cont .u-age span{background:url(https://cdn.jx3box.com/design/card/birthday/default/txt.png) 100% no-repeat;color:#682b1c;font-size:98px;font-weight:700;height:96px;line-height:96px;padding-right:580px;display:inline-block;text-shadow:0 0 5px #c1664c}.m-birthday .m-letter .u-circle{position:absolute;right:-80px;top:65px;width:1830px;height:945px;max-width:none}.m-birthday .m-letter .u-light{position:absolute;right:20px;top:330px}.m-birthday .c-footer{background-color:#24292e;margin:0;padding:20px 10px;border-radius:0}