*{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;border-radius:.08rem}.landing3-content .watch-btn-content .watch-btn .watch-btn-txt{position:relative;flex:1;display:flex;justify-content:center;align-items:center;font-size:.48rem;color:#fff;z-index:1}.landing3-content .watch-btn-content .watch-btn .click-gif{position:absolute;right:0;top:0;width:2rem;height:2rem;z-index:1}.landing3-content .watch-btn-content .watch-btn .btn-bg{position:absolute;left:0;top:0;width:100%;height:100%}[data-v-755fe455]{box-sizing:border-box;margin:0;padding:0}.viewport[data-v-755fe455]{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.canvas[data-v-755fe455]{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-755fe455]{position:relative;overflow:hidden;width:750px;z-index:9}.graphic[data-v-755fe455]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;background-image:var(--v3f546f4d);background-size:100% 100%;background-position:top center;background-repeat:no-repeat;z-index:0;overflow:hidden}.graphic[data-v-755fe455]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;background-image:var(--v50833637);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;z-index:1}.graphic .sec-main[data-v-755fe455]{position:relative;width:750px;display:flex;flex-direction:column;overflow-y:auto;z-index:2;padding:52px}.graphic .sec1[data-v-755fe455]{display:flex;align-items:center;justify-content:center;margin:80px auto 50px;z-index:3}.logo-img[data-v-755fe455]{height:100px;width:auto;display:block}.logo-container[data-v-755fe455]{display:flex;align-items:center;gap:12px}.play-icon[data-v-755fe455]{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-755fe455]{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-755fe455]{margin-bottom:32px;overflow:hidden}.main-image-wrapper[data-v-755fe455]{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;margin:0 auto;gap:20px;overflow:hidden}.main-image[data-v-755fe455]{flex:1;max-width:calc(100% - 120px)!important;height:auto;display:block;object-fit:cover}.image-title-vertical[data-v-755fe455]{position:relative;flex-shrink:0;width:100px;min-height:0;writing-mode:vertical-rl;display:flex;justify-content:center;align-items: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-755fe455]{margin:32px auto 40px;position:relative}.description-text[data-v-755fe455]{font-family:Poppins-Regular,Poppins;font-size:26px;color:#fff;line-height:40px;padding-right:48px}.description-text.description-collapsed[data-v-755fe455]{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.description-toggle[data-v-755fe455]{font-size:24px;line-height:1;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Poppins-Medium,Poppins;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;right:0;bottom:0}.description-toggle[data-v-755fe455]:hover{opacity:1}.description-toggle-arrow[data-v-755fe455]{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #ffffff;transition:transform .2s ease}.description-toggle-expanded .description-toggle-arrow[data-v-755fe455]{transform:rotate(180deg)}.sec-btn-section[data-v-755fe455]{margin-top:auto}.graphic .sec-btn-box[data-v-755fe455]{text-align:center}.graphic .sec-btn[data-v-755fe455]{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-755fe455]{width:150px;height:150px;position:absolute;right:20px;bottom:-50px;animation:point-755fe455 1s ease-in-out infinite}@keyframes point-755fe455{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ani-755fe455{0%,to{transform:scale(.8)}25%{transform:scale(1)}50%{transform:scale(.8)}75%{transform:scale(1)}}.sec-btn-box[data-v-755fe455]{text-align:center;padding:6px 0 20px}.sec4-txt[data-v-755fe455]{text-align:center;font-size:.36rem;margin-top:.3rem}.sec4-txt a[data-v-755fe455],.sec4-txt span[data-v-755fe455]{color:#868686;text-decoration:none;margin-right:.32rem}.min-landscape[data-v-755fe455]{display:none!important}@media screen and (max-width:767px){.max768hide[data-v-755fe455]{display:none!important}.graphic .sec1 .logo-img[data-v-755fe455]{height:100px!important;width:auto!important;margin:0 auto}.graphic .sec2 img[data-v-755fe455]{max-width:100%;height:auto;min-height:8.6rem}.graphic .sec2 h4[data-v-755fe455]{font-size:.38rem;margin:.42rem 0;line-height:1.4}.graphic .sec2 .graphicIntroductionRef[data-v-755fe455]{font-size:.28rem;margin:.5rem auto;line-height:1.6}.sec4-txt[data-v-755fe455]{font-size:.28rem;margin-top:.2rem}@media screen and (max-width:767px)and (orientation:landscape){.min-landscape[data-v-755fe455]{display:block!important}.landscape-med768hide[data-v-755fe455]{display:none!important}.graphic .sec1 .logo-img[data-v-755fe455]{height:100px!important;width:auto!important;margin:0 auto!important}.graphic .sec2[data-v-755fe455]{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0 .7rem}.width50[data-v-755fe455]{width:50%}.graphic .sec2 img[data-v-755fe455]{height:auto;margin:0}.graphic .sec2 h4[data-v-755fe455]{font-size:.24rem;margin:.22rem 0}.graphic .sec2 .graphicIntroductionRef[data-v-755fe455]{font-size:.18rem;width:100%;-webkit-line-clamp:5;line-clamp:5}.sec4-txt[data-v-755fe455]{font-size:.15rem;margin-top:.1rem}.graphic .sec3[data-v-755fe455]{padding:0 0 .2rem}}}@media screen and (min-width:768px){.med768hide[data-v-755fe455],.landscape-med768hide[data-v-755fe455]{display:none!important}@media screen and (min-width:768px)and (orientation:portrait){.graphic .sec1 .logo-img[data-v-755fe455]{height:100px!important;width:auto!important;margin:0 auto}.graphic .sec1.landscape-med768hide[data-v-755fe455]{display:block!important}.landscape-med768hide[data-v-755fe455]{display:none!important}.graphic .sec2 img[data-v-755fe455]{height:auto;max-width:500px}.graphic .sec2 h4[data-v-755fe455]{font-size:.38rem;margin:.42rem 0}.graphic .sec2 .graphicIntroductionRef[data-v-755fe455]{font-size:.28rem;margin:.5rem auto;max-width:8rem}.sec4-txt[data-v-755fe455]{font-size:.28rem;margin-top:.2rem}.sec-btn-box[data-v-755fe455]{padding:.3rem 0}}@media screen and (min-width:768px)and (orientation:landscape){.min-landscape[data-v-755fe455]{display:block!important}.landscape-med768hide[data-v-755fe455]{display:none!important}.graphic .sec1 .logo-img[data-v-755fe455]{height:100px!important;width:auto!important;margin:0 auto!important}.graphic .sec2[data-v-755fe455]{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-755fe455]{position:relative;transform:rotate(90deg)}.width50[data-v-755fe455]{width:50%;padding-left:.5rem}.graphic .sec2 img[data-v-755fe455]{max-width:400px;height:auto;margin:0}.graphic .sec2 h4[data-v-755fe455]{font-size:.24rem;margin:.22rem 0}.graphic .sec2 .graphicIntroductionRef[data-v-755fe455]{font-size:.18rem;width:100%;-webkit-line-clamp:5;line-clamp:5}.sec4-txt[data-v-755fe455]{font-size:.15rem;margin-top:.1rem}.graphic .sec3[data-v-755fe455]{padding:0 0 .2rem}.sec-btn-box[data-v-755fe455]{padding:.3rem 0}.image-title-vertical[data-v-755fe455]{font-size:34px}}@media screen and (min-width:1200px){.graphic .sec-main[data-v-755fe455]{max-width:1200px;margin:0 auto;padding:52px}.image-title-vertical[data-v-755fe455]{position:relative;transform:rotate(90deg);font-size:30px;letter-spacing:10px}}}.uni-loading-mask[data-v-755fe455]{position:fixed;inset:0;z-index:9998;background-color:#0000004d;display:flex;align-items:center;justify-content:center}.uni-loading-content[data-v-755fe455]{display:block}.uni-loading-mask .uni-loading-box[data-v-755fe455]{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-755fe455]{margin-top:.2rem;font-size:.3rem;color:#fff;text-align:center}.uni-loading-mask .uni-loading-icon[data-v-755fe455]{width:1.2rem;height:1.2rem;position:relative;display:flex;align-items:center;justify-content:center}.uni-loading-mask .uni-loading-circle[data-v-755fe455]{width:1rem;height:1rem;border:.1rem solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:uniLoading-755fe455 1s linear infinite}@keyframes uniLoading-755fe455{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fb-guide[data-v-755fe455]{display:none}.fb-guide.active[data-v-755fe455]{display:block}.fb-guide .mask[data-v-755fe455]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:100}.fb-guide .guide-content[data-v-755fe455]{position:fixed;top:0;right:0;width:100%;text-align:center;z-index:101}.tip-image[data-v-755fe455]{width:8%;margin-top:10px}.tip-text[data-v-755fe455]{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-755fe455]{font-size:14px;padding:0 8%}.tip-image[data-v-755fe455]{width:10%}}@media screen and (min-width:481px)and (max-width:767px){.tip-text[data-v-755fe455]{font-size:16px}}@supports (padding: max(0px)){.graphic[data-v-755fe455]{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.graphic .sec-btn[data-v-755fe455]{margin-bottom:max(.36rem,env(safe-area-inset-bottom))}}@media(hover:none)and (pointer:coarse){.graphic .sec-btn[data-v-755fe455]{min-height:44px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.graphic .sec-blur .blurimg[data-v-755fe455]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}[data-v-4808b13a]{box-sizing:border-box;margin:0;padding:0}.viewport[data-v-4808b13a]{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}.canvas[data-v-4808b13a]{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-4808b13a]{position:relative;overflow:hidden;width:750px;z-index:9}.graphic[data-v-4808b13a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;background-image:var(--v3d08c862);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;z-index:1}.graphic .sec-main[data-v-4808b13a]{position:relative;width:750px;display:flex;flex-direction:column;overflow-y:auto;z-index:2;padding:52px}.graphic .sec1[data-v-4808b13a]{display:flex;align-items:center;justify-content:center;margin:80px auto 50px;z-index:3}.logo-img[data-v-4808b13a]{height:100px;width:auto;display:block}.graphic .sec-title[data-v-4808b13a]{z-index:3}.title-wrapper[data-v-4808b13a]{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:20px}.title-text[data-v-4808b13a]{font-family:MiSans,MiSans;font-weight:400;font-size:26px;color:#fff}.title-left[data-v-4808b13a],.title-right[data-v-4808b13a]{height:auto;width:auto;max-width:100%;display:block}.title-right[data-v-4808b13a]{transform:rotate(180deg)}.graphic .sec2[data-v-4808b13a]{overflow:hidden}.main-image[data-v-4808b13a]{width:100%;height:auto;display:block;object-fit:cover}.divider-line[data-v-4808b13a]{width:100%;height:4px;margin:32px 0;display:flex;justify-content:center;align-items:center}.graphic .sec3[data-v-4808b13a]{margin:32px auto 40px}.description-text[data-v-4808b13a]{font-family:Poppins-Regular,Poppins;font-size:26px;color:#fff;line-height:40px}.graphic .sec-arrow[data-v-4808b13a]{display:flex;justify-content:center;align-items:center;margin:14px auto 4px;z-index:3}.arrow-icon[data-v-4808b13a]{width:auto;height:auto;max-width:100px;display:block;animation:bounce-4808b13a 1.2s ease-in-out infinite}@keyframes bounce-4808b13a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sec-btn-section[data-v-4808b13a]{margin-top:auto}.graphic .sec-btn-box[data-v-4808b13a]{text-align:center}.graphic .sec-btn[data-v-4808b13a]{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-4808b13a]{text-align:center;padding:6px 0 20px}@media screen and (max-width:767px){.graphic .sec1 .logo-img[data-v-4808b13a]{height:100px!important;width:auto!important;margin:0 auto}.graphic .sec2 img[data-v-4808b13a]{max-width:100%;height:auto}.description-text[data-v-4808b13a]{font-size:24px;line-height:36px}.arrow-icon[data-v-4808b13a]{max-width:80px}@media screen and (max-width:767px)and (orientation:landscape){.graphic .sec1 .logo-img[data-v-4808b13a]{height:80px!important}.graphic .sec2 img[data-v-4808b13a]{max-width:100%;height:auto}.description-text[data-v-4808b13a]{font-size:20px;line-height:30px}.arrow-icon[data-v-4808b13a]{max-width:60px}}}@media screen and (min-width:768px){@media screen and (min-width:768px)and (orientation:portrait){.graphic .sec1 .logo-img[data-v-4808b13a]{height:100px!important;width:auto!important;margin:0 auto}.graphic .sec2 img[data-v-4808b13a]{height:auto;max-width:100%}.description-text[data-v-4808b13a]{font-size:26px;line-height:40px}}@media screen and (min-width:768px)and (orientation:landscape){.graphic .sec1 .logo-img[data-v-4808b13a]{height:100px!important;width:auto!important;margin:0 auto!important}.graphic .sec2 img[data-v-4808b13a]{max-width:100%;height:auto;margin:0 auto}.description-text[data-v-4808b13a]{font-size:24px;line-height:36px}.arrow-icon[data-v-4808b13a]{max-width:90px}}@media screen and (min-width:1200px){.graphic .sec-main[data-v-4808b13a]{max-width:1200px;margin:0 auto;padding:52px}}}.uni-loading-mask[data-v-4808b13a]{position:fixed;inset:0;z-index:9998;background-color:#0000004d;display:flex;align-items:center;justify-content:center}.uni-loading-content[data-v-4808b13a]{display:block}.uni-loading-mask .uni-loading-box[data-v-4808b13a]{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-4808b13a]{margin-top:.2rem;font-size:.3rem;color:#fff;text-align:center}.uni-loading-mask .uni-loading-icon[data-v-4808b13a]{width:1.2rem;height:1.2rem;position:relative;display:flex;align-items:center;justify-content:center}.uni-loading-mask .uni-loading-circle[data-v-4808b13a]{width:1rem;height:1rem;border:.1rem solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:uniLoading-4808b13a 1s linear infinite}@keyframes uniLoading-4808b13a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fb-guide[data-v-4808b13a]{display:none}.fb-guide.active[data-v-4808b13a]{display:block}.fb-guide .mask[data-v-4808b13a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:100}.fb-guide .guide-content[data-v-4808b13a]{position:fixed;top:0;right:0;width:100%;text-align:center;z-index:101}.tip-image[data-v-4808b13a]{width:8%;margin-top:10px}.tip-text[data-v-4808b13a]{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-4808b13a]{font-size:14px;padding:0 8%}.tip-image[data-v-4808b13a]{width:10%}}@media screen and (min-width:481px)and (max-width:767px){.tip-text[data-v-4808b13a]{font-size:16px}}@supports (padding: max(0px)){.graphic[data-v-4808b13a]{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.graphic .sec-btn[data-v-4808b13a]{margin-bottom:max(.36rem,env(safe-area-inset-bottom))}}@media(hover:none)and (pointer:coarse){.graphic .sec-btn[data-v-4808b13a]{min-height:44px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.graphic .sec-blur .blurimg[data-v-4808b13a]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}