*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.landing3-content{width:100%;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));position:relative;display:flex;flex-direction:column;align-items:center;padding:0}.landing3-content .content-bg{position:fixed;inset:0;width:100%;height:100%}.landing3-content .landing3-poster{position:absolute;left:50%;top:0;right:0;width:100%;transform:translate(-50%,4%) scale(1.52);z-index:-2}.landing3-content .top{width:100%;position:relative;text-align:center}.landing3-content .logo-name{position:relative;width:4.96rem;margin-top:1rem}.landing3-content .poster-content{width:100%;position:relative;padding:.56rem .32rem}.landing3-content .poster-content .poster-img{width:100%}.landing3-content .poster-content .video-mask{position:absolute;top:0;left:0;width:100%;height:100%}.landing3-content .watch-btn-content{position:relative;width:100%;flex:1;padding:.24rem .32rem}.landing3-content .watch-btn-content .watch-btn{position:relative;display:flex;width:100%;height:1.28rem;background:linear-gradient(to bottom,#bf65fa,#8f33da,#022486);border-radius:.08rem}.landing3-content .watch-btn-content .watch-btn .watch-btn-txt{flex:1;display:flex;justify-content:center;align-items:center;font-size:.48rem;color:#fff}.landing3-content .watch-btn-content .watch-btn .click-gif{position:absolute;right:0;top:0;width:2rem;height:2rem}[data-v-e2e34df0]{box-sizing:border-box;margin:0;padding:0}.viewport[data-v-e2e34df0]{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.canvas[data-v-e2e34df0]{width:750px;transform-origin:0 0;position:absolute;top:0;left:0}@font-face{font-family:Poppins-Regular;src:url(https://assets.goodreels.com/fonts/Poppins/Poppins-Regular.ttf);font-display:swap}@font-face{font-family:Poppins-Medium;src:url(https://assets.goodreels.com/fonts/Poppins/Poppins-Medium.ttf);font-display:swap}@font-face{font-family:Poppins-SemiBold;src:url(https://assets.goodreels.com/fonts/Poppins/Poppins-SemiBold.ttf);font-display:swap}.graphic[data-v-e2e34df0]{position:relative;overflow:hidden;width:750px;z-index:9}.graphic[data-v-e2e34df0]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;background-image:var(--d1f063d4);background-size:100% 100%;background-position:top center;background-repeat:no-repeat;z-index:0;overflow:hidden}.graphic[data-v-e2e34df0]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;background-image:var(--v72174b64);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;z-index:1}.graphic .sec-main[data-v-e2e34df0]{position:relative;width:750px;display:flex;flex-direction:column;overflow-y:auto;z-index:2;padding:52px}.graphic .sec1[data-v-e2e34df0]{display:flex;align-items:center;justify-content:center;margin:80px auto 50px;z-index:3}.logo-img[data-v-e2e34df0]{height:100px;width:auto;display:block}.logo-container[data-v-e2e34df0]{display:flex;align-items:center;gap:12px}.play-icon[data-v-e2e34df0]{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;box-shadow:0 4px 15px #8b5cf666}.app-name[data-v-e2e34df0]{font-size:36px;font-weight:700;background:linear-gradient(135deg,#9ca3af,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;font-family:Poppins-SemiBold,Poppins}.graphic .sec2[data-v-e2e34df0]{margin-bottom:32px;overflow:hidden}.main-image-wrapper[data-v-e2e34df0]{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;margin:0 auto;gap:20px;overflow:hidden}.main-image[data-v-e2e34df0]{flex:1;max-width:calc(100% - 120px);height:auto;display:block;object-fit:cover}.image-title-vertical[data-v-e2e34df0]{position:relative;flex-shrink:0;width:100px;min-height:0;display:flex;align-items:center;justify-content:center;transform:rotate(90deg);transform-origin:center;font-weight:600;font-size:46px;color:#fff;line-height:1;letter-spacing:10px;text-shadow:0 2px 8px rgba(0,0,0,.8);white-space:nowrap;z-index:2;font-family:Poppins-SemiBold,Poppins;overflow:visible}.graphic .sec3[data-v-e2e34df0]{margin:32px auto 40px}.description-text[data-v-e2e34df0]{font-family:Poppins-Regular,Poppins;font-size:26px;color:#fff;line-height:40px}.sec-btn-section[data-v-e2e34df0]{margin-top:auto}.graphic .sec-btn-box[data-v-e2e34df0]{text-align:center}.graphic .sec-btn[data-v-e2e34df0]{width:100%;height:128px;background:url(/assets/btn-bg-BIftR49k.png) no-repeat center center;background-size:100% 100%;font-weight:600;font-size:48px;color:#fff;line-height:38px;display:flex;align-items:center;justify-content:center;font-family:Poppins-SemiBold,Poppins;position:relative}.cursor-icon[data-v-e2e34df0]{width:150px;height:150px;position:absolute;right:20px;bottom:-50px;animation:point-e2e34df0 1s ease-in-out infinite}@keyframes point-e2e34df0{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ani-e2e34df0{0%,to{transform:scale(.8)}25%{transform:scale(1)}50%{transform:scale(.8)}75%{transform:scale(1)}}.sec-btn-box[data-v-e2e34df0]{text-align:center;padding:6px 0 20px}.sec4-txt[data-v-e2e34df0]{text-align:center;font-size:.36rem;margin-top:.3rem}.sec4-txt a[data-v-e2e34df0],.sec4-txt span[data-v-e2e34df0]{color:#868686;text-decoration:none;margin-right:.32rem}.min-landscape[data-v-e2e34df0]{display:none!important}@media screen and (max-width:767px){.max768hide[data-v-e2e34df0]{display:none!important}.graphic .sec1 .logo-img[data-v-e2e34df0]{height:100px!important;width:auto!important;margin:0 auto}.graphic .sec2 img[data-v-e2e34df0]{max-width:100%;height:auto;min-height:8.6rem}.graphic .sec2 h4[data-v-e2e34df0]{font-size:.38rem;margin:.42rem 0;line-height:1.4}.graphic .sec2 .graphicIntroductionRef[data-v-e2e34df0]{font-size:.28rem;margin:.5rem auto;line-height:1.6}.sec4-txt[data-v-e2e34df0]{font-size:.28rem;margin-top:.2rem}@media screen and (max-width:767px)and (orientation:landscape){.min-landscape[data-v-e2e34df0]{display:block!important}.landscape-med768hide[data-v-e2e34df0]{display:none!important}.graphic .sec1 .logo-img[data-v-e2e34df0]{height:100px!important;width:auto!important;margin:0 auto!important}.graphic .sec2[data-v-e2e34df0]{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0 .7rem}.width50[data-v-e2e34df0]{width:50%}.graphic .sec2 img[data-v-e2e34df0]{height:auto;margin:0}.graphic .sec2 h4[data-v-e2e34df0]{font-size:.24rem;margin:.22rem 0}.graphic .sec2 .graphicIntroductionRef[data-v-e2e34df0]{font-size:.18rem;width:100%;-webkit-line-clamp:5;line-clamp:5}.sec4-txt[data-v-e2e34df0]{font-size:.15rem;margin-top:.1rem}.graphic .sec3[data-v-e2e34df0]{padding:0 0 .2rem}}}@media screen and (min-width:768px){.med768hide[data-v-e2e34df0],.landscape-med768hide[data-v-e2e34df0]{display:none!important}@media screen and (min-width:768px)and (orientation:portrait){.graphic .sec1 .logo-img[data-v-e2e34df0]{height:100px!important;width:auto!important;margin:0 auto}.graphic .sec1.landscape-med768hide[data-v-e2e34df0]{display:block!important}.landscape-med768hide[data-v-e2e34df0]{display:none!important}.graphic .sec2 img[data-v-e2e34df0]{height:auto;max-width:500px}.graphic .sec2 h4[data-v-e2e34df0]{font-size:.38rem;margin:.42rem 0}.graphic .sec2 .graphicIntroductionRef[data-v-e2e34df0]{font-size:.28rem;margin:.5rem auto;max-width:8rem}.sec4-txt[data-v-e2e34df0]{font-size:.28rem;margin-top:.2rem}.sec-btn-box[data-v-e2e34df0]{padding:.3rem 0}}@media screen and (min-width:768px)and (orientation:landscape){.min-landscape[data-v-e2e34df0]{display:block!important}.landscape-med768hide[data-v-e2e34df0]{display:none!important}.graphic .sec1 .logo-img[data-v-e2e34df0]{height:100px!important;width:auto!important;margin:0 auto!important}.graphic .sec2[data-v-e2e34df0]{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0 .7rem;max-width:1200px;margin-left:auto;margin-right:auto}.image-title-vertical[data-v-e2e34df0]{position:relative;transform:rotate(90deg)}.width50[data-v-e2e34df0]{width:50%;padding-left:.5rem}.graphic .sec2 img[data-v-e2e34df0]{max-width:400px;height:auto;margin:0}.graphic .sec2 h4[data-v-e2e34df0]{font-size:.24rem;margin:.22rem 0}.graphic .sec2 .graphicIntroductionRef[data-v-e2e34df0]{font-size:.18rem;width:100%;-webkit-line-clamp:5;line-clamp:5}.sec4-txt[data-v-e2e34df0]{font-size:.15rem;margin-top:.1rem}.graphic .sec3[data-v-e2e34df0]{padding:0 0 .2rem}.sec-btn-box[data-v-e2e34df0]{padding:.3rem 0}.image-title-vertical[data-v-e2e34df0]{font-size:34px}}@media screen and (min-width:1200px){.graphic .sec-main[data-v-e2e34df0]{max-width:1200px;margin:0 auto;padding:52px}.image-title-vertical[data-v-e2e34df0]{position:relative;transform:rotate(90deg);font-size:30px;letter-spacing:10px}}}.uni-loading-mask[data-v-e2e34df0]{position:fixed;inset:0;z-index:9998;background-color:#0000004d;display:flex;align-items:center;justify-content:center}.uni-loading-content[data-v-e2e34df0]{display:block}.uni-loading-mask .uni-loading-box[data-v-e2e34df0]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;box-sizing:border-box}.uni-loading-mask .uni-loading-title[data-v-e2e34df0]{margin-top:.2rem;font-size:.3rem;color:#fff;text-align:center}.uni-loading-mask .uni-loading-icon[data-v-e2e34df0]{width:1.2rem;height:1.2rem;position:relative;display:flex;align-items:center;justify-content:center}.uni-loading-mask .uni-loading-circle[data-v-e2e34df0]{width:1rem;height:1rem;border:.1rem solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:uniLoading-e2e34df0 1s linear infinite}@keyframes uniLoading-e2e34df0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fb-guide[data-v-e2e34df0]{display:none}.fb-guide.active[data-v-e2e34df0]{display:block}.fb-guide .mask[data-v-e2e34df0]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:100}.fb-guide .guide-content[data-v-e2e34df0]{position:fixed;top:0;right:0;width:100%;text-align:center;z-index:101}.tip-image[data-v-e2e34df0]{width:8%;margin-top:10px}.tip-text[data-v-e2e34df0]{color:#fff;font-size:18px;margin-top:15px;padding:0 6%;line-height:1.6}@media screen and (max-width:480px){.tip-text[data-v-e2e34df0]{font-size:14px;padding:0 8%}.tip-image[data-v-e2e34df0]{width:10%}}@media screen and (min-width:481px)and (max-width:767px){.tip-text[data-v-e2e34df0]{font-size:16px}}@supports (padding: max(0px)){.graphic[data-v-e2e34df0]{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.graphic .sec-btn[data-v-e2e34df0]{margin-bottom:max(.36rem,env(safe-area-inset-bottom))}}@media(hover:none)and (pointer:coarse){.graphic .sec-btn[data-v-e2e34df0]{min-height:44px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.graphic .sec-blur .blurimg[data-v-e2e34df0]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}[data-v-45aab4f1]{box-sizing:border-box;margin:0;padding:0}.viewport[data-v-45aab4f1]{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.canvas[data-v-45aab4f1]{width:750px;transform-origin:0 0;position:absolute;top:0;left:0}@font-face{font-family:Poppins-Regular;src:url(https://assets.goodreels.com/fonts/Poppins/Poppins-Regular.ttf);font-display:swap}@font-face{font-family:Poppins-Medium;src:url(https://assets.goodreels.com/fonts/Poppins/Poppins-Medium.ttf);font-display:swap}@font-face{font-family:Poppins-SemiBold;src:url(https://assets.goodreels.com/fonts/Poppins/Poppins-SemiBold.ttf);font-display:swap}.graphic[data-v-45aab4f1]{position:relative;overflow:hidden;width:750px;z-index:9}.graphic[data-v-45aab4f1]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;background-image:var(--v469f1e37);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;z-index:1}.graphic .sec-main[data-v-45aab4f1]{position:relative;width:750px;display:flex;flex-direction:column;overflow-y:auto;z-index:2;padding:52px}.graphic .sec1[data-v-45aab4f1]{display:flex;align-items:center;justify-content:center;margin:80px auto 50px;z-index:3}.logo-img[data-v-45aab4f1]{height:100px;width:auto;display:block}.graphic .sec-title[data-v-45aab4f1]{z-index:3}.title-wrapper[data-v-45aab4f1]{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:20px}.title-text[data-v-45aab4f1]{font-family:MiSans,MiSans;font-weight:400;font-size:26px;color:#fff}.title-left[data-v-45aab4f1],.title-right[data-v-45aab4f1]{height:auto;width:auto;max-width:100%;display:block}.title-right[data-v-45aab4f1]{transform:rotate(180deg)}.graphic .sec2[data-v-45aab4f1]{overflow:hidden}.main-image[data-v-45aab4f1]{width:100%;height:auto;display:block;object-fit:cover}.divider-line[data-v-45aab4f1]{width:100%;height:4px;margin:32px 0;display:flex;justify-content:center;align-items:center}.graphic .sec3[data-v-45aab4f1]{margin:32px auto 40px}.description-text[data-v-45aab4f1]{font-family:Poppins-Regular,Poppins;font-size:26px;color:#fff;line-height:40px}.graphic .sec-arrow[data-v-45aab4f1]{display:flex;justify-content:center;align-items:center;margin:14px auto 4px;z-index:3}.arrow-icon[data-v-45aab4f1]{width:auto;height:auto;max-width:100px;display:block;animation:bounce-45aab4f1 1.2s ease-in-out infinite}@keyframes bounce-45aab4f1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sec-btn-section[data-v-45aab4f1]{margin-top:auto}.graphic .sec-btn-box[data-v-45aab4f1]{text-align:center}.graphic .sec-btn[data-v-45aab4f1]{width:100%;height:128px;background:url(/assets/btn-bg-BIftR49k.png) no-repeat center center;background-size:100% 100%;font-weight:600;font-size:48px;color:#fff;line-height:38px;display:flex;align-items:center;justify-content:center;font-family:Poppins-SemiBold,Poppins;position:relative}.sec-btn-box[data-v-45aab4f1]{text-align:center;padding:6px 0 20px}@media screen and (max-width:767px){.graphic .sec1 .logo-img[data-v-45aab4f1]{height:100px!important;width:auto!important;margin:0 auto}.graphic .sec2 img[data-v-45aab4f1]{max-width:100%;height:auto}.description-text[data-v-45aab4f1]{font-size:24px;line-height:36px}.arrow-icon[data-v-45aab4f1]{max-width:80px}@media screen and (max-width:767px)and (orientation:landscape){.graphic .sec1 .logo-img[data-v-45aab4f1]{height:80px!important}.graphic .sec2 img[data-v-45aab4f1]{max-width:100%;height:auto}.description-text[data-v-45aab4f1]{font-size:20px;line-height:30px}.arrow-icon[data-v-45aab4f1]{max-width:60px}}}@media screen and (min-width:768px){@media screen and (min-width:768px)and (orientation:portrait){.graphic .sec1 .logo-img[data-v-45aab4f1]{height:100px!important;width:auto!important;margin:0 auto}.graphic .sec2 img[data-v-45aab4f1]{height:auto;max-width:100%}.description-text[data-v-45aab4f1]{font-size:26px;line-height:40px}}@media screen and (min-width:768px)and (orientation:landscape){.graphic .sec1 .logo-img[data-v-45aab4f1]{height:100px!important;width:auto!important;margin:0 auto!important}.graphic .sec2 img[data-v-45aab4f1]{max-width:100%;height:auto;margin:0 auto}.description-text[data-v-45aab4f1]{font-size:24px;line-height:36px}.arrow-icon[data-v-45aab4f1]{max-width:90px}}@media screen and (min-width:1200px){.graphic .sec-main[data-v-45aab4f1]{max-width:1200px;margin:0 auto;padding:52px}}}.uni-loading-mask[data-v-45aab4f1]{position:fixed;inset:0;z-index:9998;background-color:#0000004d;display:flex;align-items:center;justify-content:center}.uni-loading-content[data-v-45aab4f1]{display:block}.uni-loading-mask .uni-loading-box[data-v-45aab4f1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;box-sizing:border-box}.uni-loading-mask .uni-loading-title[data-v-45aab4f1]{margin-top:.2rem;font-size:.3rem;color:#fff;text-align:center}.uni-loading-mask .uni-loading-icon[data-v-45aab4f1]{width:1.2rem;height:1.2rem;position:relative;display:flex;align-items:center;justify-content:center}.uni-loading-mask .uni-loading-circle[data-v-45aab4f1]{width:1rem;height:1rem;border:.1rem solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:uniLoading-45aab4f1 1s linear infinite}@keyframes uniLoading-45aab4f1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fb-guide[data-v-45aab4f1]{display:none}.fb-guide.active[data-v-45aab4f1]{display:block}.fb-guide .mask[data-v-45aab4f1]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:100}.fb-guide .guide-content[data-v-45aab4f1]{position:fixed;top:0;right:0;width:100%;text-align:center;z-index:101}.tip-image[data-v-45aab4f1]{width:8%;margin-top:10px}.tip-text[data-v-45aab4f1]{color:#fff;font-size:18px;margin-top:15px;padding:0 6%;line-height:1.6}@media screen and (max-width:480px){.tip-text[data-v-45aab4f1]{font-size:14px;padding:0 8%}.tip-image[data-v-45aab4f1]{width:10%}}@media screen and (min-width:481px)and (max-width:767px){.tip-text[data-v-45aab4f1]{font-size:16px}}@supports (padding: max(0px)){.graphic[data-v-45aab4f1]{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.graphic .sec-btn[data-v-45aab4f1]{margin-bottom:max(.36rem,env(safe-area-inset-bottom))}}@media(hover:none)and (pointer:coarse){.graphic .sec-btn[data-v-45aab4f1]{min-height:44px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.graphic .sec-blur .blurimg[data-v-45aab4f1]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}