.wrapper h2,.wrapper p,.wrapper span{line-height:1.5}.wrapper h2.font-en,.wrapper h2:has(.font-en),.wrapper p.font-en,.wrapper p:has(.font-en),.wrapper span.font-en,.wrapper span:has(.font-en){font-weight:400;line-height:1}.wrapper .letter-space{letter-spacing:4px}.wrapper .txt-underline{line-height:1}.form-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.form-input::placeholder{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.form-input,.form-select,.form-checkbox{border-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));background-color:transparent}.form-input:focus,.form-input:hover,.form-select:focus,.form-select:hover,.form-checkbox:focus,.form-checkbox:hover{--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.quiz-swiper .swiper-slide{min-height:calc(100vh - 140px);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.quiz-swiper .swiper-slide.swiper-slide-active{pointer-events:auto}.quiz-swiper .swiper-slide:has(.btn){justify-content:flex-start}.options{margin-top:2.5rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;display:grid;width:20rem;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:2rem}.options .opt{position:relative;height:5.5rem;cursor:pointer;border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}.options .opt p,.options .opt span{line-height:1.375}.options .opt .quiz-deco{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.options .opt:hover,.options .opt.active{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.options .opt:hover .quiz-deco,.options .opt.active .quiz-deco{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.quiz-deco{position:absolute;z-index:10;width:4rem;transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.glow-box{position:relative;margin-top:1rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;width:20rem;overflow:hidden;border-radius:9999px;display:flex;aspect-ratio:1 / 1;align-items:center;justify-content:center}.glow-box .thumb{margin-left:auto;margin-right:auto;width:40%;--tw-translate-y:2rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-mask-image:linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%)}.glow-box.glow1{box-shadow:inset 0 0 20px 20px #fde5bc}.glow-box.glow2{box-shadow:inset 0 0 20px 20px #dfcd87}.glow-box.glow3{box-shadow:inset 0 0 20px 20px #e8b59b}.glow-box.glow4{box-shadow:inset 0 0 20px 20px #ecd7b5}.result{position:relative;width:20rem;flex:1 1 0%;border-top-left-radius:1rem;border-top-right-radius:1rem;padding:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.result .narrow-txt{line-height:1.25rem}.result .narrow-txt.text-3xl{letter-spacing:8px}.result .narrow-txt span{line-height:1;letter-spacing:normal}.result .font-copper{line-height:1}.result .font-copper span{line-height:1}.result.result1{background:#b69f87}.result.result2{background:#c2b06b}.result.result3{background:#bb6a41}.result.result4{background:#d19b65}.deco-left1{position:absolute;left:0.5rem;top:1.5rem;width:6rem}.en .deco-left1{top:4rem}.stamp-wrapper .step1-box .deco-left1{top:3rem;--tw-translate-x:-1.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stamp-wrapper .step2-box .deco-left1{top:3rem;--tw-translate-x:-2.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.prize-box{margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:2rem;width:100%;max-width:24rem}.prize-box .prize-row{margin-bottom:2rem;display:flex;width:100%;align-items:flex-start;justify-content:center}.prize-box .prize-row .item{width:50%;padding-left:1rem;padding-right:1rem}.stamp-box{position:relative;margin-left:auto;margin-right:auto;display:grid;width:20rem;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem}.stamp-box .stamp{position:relative;aspect-ratio:1 / 1;width:100%;display:flex;align-items:center;justify-content:center}.stamp-box .stamp span{font-family:Copperplate, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif;font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(75 40 8 / var(--tw-text-opacity))}.result .stamp-box .stamp span{line-height:1}.result .stamp-box .stamp span span{line-height:1}.stamp-box .stamp span{opacity:0.5}.stamp-box .stamp-point{background:url(../images/stamp-bg.png) no-repeat;background-size:cover;background-position:center}.stamp-box .stamp-point.earned{background:url(../images/stamp-icon.png) no-repeat;background-size:cover;background-position:center}.stamp-box .stamp-point.earned span{opacity:0}.stamp-box .stamp-chocolate{background:url(../images/stamp-free-cc.png) no-repeat;background-size:cover;background-position:center}.stamp-box .stamp-chocolate.earned{background:url(../images/stamp-icon-earned.png) no-repeat;background-size:cover;background-position:center}.stamp-box .stamp-chocolate.redeemed:after{content:"";position:absolute;top:0px;left:0px;height:100%;width:100%;background:url(../images/stamp-gift-redeemed.png) no-repeat;background-size:cover;background-position:center}.stamp-box .stamp-gift{background:url(../images/stamp-free-gift.png) no-repeat;background-size:cover;background-position:center}.stamp-box .stamp-gift.earned{background:url(../images/stamp-icon-earned.png) no-repeat;background-size:cover;background-position:center}.stamp-box .stamp-gift.redeemed:after{content:"";position:absolute;top:0px;left:0px;height:100%;width:100%;background:url(../images/stamp-gift-redeemed.png) no-repeat;background-size:cover;background-position:center}.btn-next,.btn-finish{margin-top:2.5rem;margin-bottom:2.5rem}.step-indicator{position:absolute;left:50%;top:0px;width:100%;max-width:24rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));display:flex;align-items:center;justify-content:space-between;opacity:0}.step-indicator .step{position:relative;z-index:10;height:1.5rem;width:1.5rem;border-radius:9999px;font-family:Copperplate, Arial, Helvetica, 微軟正黑體, Microsoft JhengHei, Heiti TC, LiHei Pro, 新細明體, PMingLiU, sans-serif;font-size:0.875rem;line-height:1.25rem}.result .step-indicator .step{line-height:1}.result .step-indicator .step span{line-height:1}.step-indicator .step{display:flex;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.step-indicator .step.active{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(67 67 67 / var(--tw-text-opacity))}.step-indicator .bg{position:absolute;left:50%;height:0.5rem;width:100%;max-width:24rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));display:flex;justify-content:flex-start;overflow:hidden;background:#434343}.step-indicator .bg .inner{height:100%;width:0px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn-restart{position:fixed;bottom:0.5rem;left:50%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(67 67 67 / var(--tw-bg-opacity));padding:1rem;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-translate-x:10rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.btn-restart{--tw-translate-x:12rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.btn-restart{z-index:20;display:flex;align-items:center;justify-content:center;opacity:0}.btn-restart span{display:block;position:absolute;--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:12px;height:12px;border-left-width:2px;border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity));transform-origin:center center}.form-select.input-hidden{white-space:pre-line;word-break:break-all}
/*# sourceMappingURL=index.css.map */