@font-face{font-family:Hisense Alfabet;src:url(../fonts/HisenseAlfabet-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Hisense Alfabet;src:url(../fonts/HisenseAlfabet-LightItalic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Hisense Alfabet;src:url(../fonts/HisenseAlfabet-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hisense Alfabet;src:url(../fonts/HisenseAlfabet-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Hisense Alfabet;src:url(../fonts/HisenseAlfabet-MediumItalic.otf) format("opentype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Hisense Alfabet;src:url(../fonts/HisenseAlfabet-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Hisense Alfabet;src:url(../fonts/HisenseAlfabet-Medium.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Hisense Alfabet;src:url(../fonts/HisenseAlfabet-Medium.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{--color-bg: #0a0a18;--color-teal: #2dd4d4;--color-mint: #6fe7c5;--color-mask: rgba(0, 0, 0, .55);--stage-screen-aspect: 16 / 9;--stage-mobile-aspect: 9 / 19.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;background:var(--color-bg);overflow:hidden;font-family:Hisense Alfabet,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;touch-action:manipulation}img{display:block;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button{background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}input,textarea,select,button{font-family:Hisense Alfabet,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif}a{color:var(--color-teal)}kbd{background:#ffffff1f;border-radius:4px;padding:1px 7px;font-size:.85em;font-family:monospace;border:1px solid rgba(255,255,255,.2)}.dev-hint{position:absolute;bottom:1.4%;left:50%;transform:translate(-50%);margin:0;font-size:.85vw;color:#ffffff8c;text-align:center;letter-spacing:.04em;pointer-events:none}.dev-progress{bottom:4%}body[class^=page-]:not(.page-mobile-email):not(.page-mobile-result){display:flex;align-items:center;justify-content:center}.screen-stage{position:relative;aspect-ratio:var(--stage-screen-aspect);width:100%;height:100%;max-width:calc(100vh * 16 / 9);max-height:56.25vw;background:#000;overflow:hidden}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.logo-tl{position:absolute;top:4%;left:3%;width:15.5%;height:auto}.page-landing .hero-title{position:absolute;top:9%;left:49%;transform:translate(-50%);width:36%;height:auto}.page-landing .hero-fans{position:absolute;top:32%;left:50%;transform:translate(-50%);width:70%;height:auto}.page-landing .hero-discover{position:absolute;top:72%;left:50%;transform:translate(-50%);width:60%;height:auto}.page-landing .cta-take-quiz{position:absolute;bottom:7%;left:50%;transform:translate(-50%);width:23%;transition:transform .15s ease}.page-landing .cta-take-quiz:active{transform:translate(-50%) scale(.96)}.page-landing .cta-take-quiz img{width:100%;height:auto;filter:drop-shadow(0 4px 20px rgba(45,212,212,.4))}.hero-title-small{position:absolute;top:4%;left:50%;transform:translate(-50%);width:25%;height:auto}.quiz-card{position:absolute;top:21%;left:8%;right:8%;bottom:8%;align-items:center;justify-content:center}.quiz-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.quiz-header{position:absolute;top:11%;left:8%;right:6%;height:13%;display:flex;align-items:center;gap:2.5%}.quiz-q-badge{height:100%;width:auto;object-fit:contain;flex-shrink:0}.quiz-title-wrap{flex:1;min-width:0;color:#292c32}.quiz-title{margin:1em 2.5em .3em 1em;font-size:2.5vw;font-weight:800;line-height:1.18;color:#292c32;letter-spacing:-.01em}.quiz-subtitle{margin:0 0 0 1.5em;font-size:1.6vw;color:#4a6a72;font-weight:400}.quiz-icons{position:absolute;left:8%;right:8%;top:39%;height:28%;display:flex;justify-content:space-around;align-items:center;gap:8%}.quiz-icon{height:100%;width:auto;max-width:28%;object-fit:contain}.quiz-options{position:absolute;left:6%;right:6%;bottom:12%;display:flex;justify-content:space-between;align-items:center;gap:2%}.opt-btn{flex:1;position:relative;transition:transform .2s ease}.opt-btn:active,.opt-btn.selected{z-index:2}.opt-img{width:100%;height:auto}.transition-mascot{position:absolute;bottom:0;right:0;width:80%;height:auto}.result-logo{position:absolute;top:4%;left:3%;width:15%;height:auto;z-index:4}.result-title{position:absolute;top:18%;left:19%;width:38%;height:auto;z-index:2}.result-mascots{position:absolute;bottom:2%;left:-19%;right:0;width:110%;height:43%;object-fit:contain;object-position:center bottom;z-index:3;pointer-events:none}.result-qr-card{position:absolute;top:47%;left:24.5%;width:27%;height:40%;background:#fff;border-radius:.5vw;padding:2vw 1.6vw;text-align:center;color:#0a4a55;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6vw;box-shadow:0 12px 40px #0000008c}.result-qr-title{margin:0;font-size:1.5vw;font-weight:800;line-height:1.18;color:#0a3a45}.result-qr-sub{margin:-.6vw 0 .4vw;font-size:1.25vw;color:#01aaa6;font-weight:700}.result-qr-canvas{width:58%;max-width:220px;height:auto;aspect-ratio:1 / 1;image-rendering:pixelated}.result-card{position:absolute;top:7%;right:8%;width:29%;height:90%;object-fit:contain;object-position:center;z-index:2}.page-mobile-email,.page-mobile-result{display:flex;align-items:stretch;justify-content:center;background:var(--color-bg)}.mobile-stage{position:relative;width:100%;max-width:480px;margin:0 auto;min-height:100dvh;background:var(--color-bg);overflow:hidden;padding:24px 18px 32px}.mobile-stage .bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.mobile-logo{position:relative;z-index:1;width:21%;height:auto;margin-bottom:8px}.mobile-title{position:relative;z-index:1;width:80%;max-width:280px;height:auto;margin:0 auto;display:block}.m-email-form{position:relative;z-index:1;background:#fffffff5;color:#0a4a55;border-radius:16px;padding:22px 20px 20px;text-align:center;width:80%;top:8%;margin:0 auto}.m-email-title{margin:0 0 8px;font-size:2em;font-weight:800;font-style:italic;color:var(--color-teal);font-family:Hisense Alfabet,sans-serif}.m-email-sub{margin:0 0 18px;font-size:1.3em;color:#333;font-family:Hisense Alfabet,sans-serif}.m-email-input{width:100%;background:transparent;border:0;border-bottom:2px solid #0a7a8a;padding:12px 4px;font-size:1.3em;color:#0a4a55;text-align:center;outline:none;margin-top:28px;margin-bottom:18px;font-family:Hisense Alfabet,sans-serif;font-style:italic;font-weight:500}.m-email-input::placeholder{font-family:Hisense Alfabet,sans-serif;font-style:italic;font-weight:500;color:#b9b9b9;opacity:1}.m-email-input::-webkit-input-placeholder{font-family:Hisense Alfabet,sans-serif;font-style:italic;color:#b9b9b9}.m-unlock-btn{display:block;margin:0 auto 14px;width:70%;max-width:220px;transition:transform .12s ease,opacity .18s ease}.m-unlock-btn:active{transform:scale(.96)}.m-unlock-btn img{width:100%;height:auto}.m-unlock-btn:disabled,.m-unlock-btn.is-loading{opacity:.45;cursor:not-allowed;pointer-events:none}.m-email-error{margin:-6px 0 14px;font-size:13px;color:#d63a3a;font-weight:600;font-family:Hisense Alfabet,sans-serif}.m-email-error[hidden]{display:none}.m-email-policy{font-size:11px;color:#555;margin:0;line-height:1.4;font-family:Hisense Alfabet,sans-serif}.m-full-card{position:relative;z-index:1;width:71%;max-width:360px;height:auto;margin:0 auto;display:block;pointer-events:auto;-webkit-user-select:auto;user-select:auto;filter:drop-shadow(0 8px 32px rgba(0,0,0,.6))}.m-tap-and-hold{position:relative;z-index:1;width:70%;max-width:280px;height:auto;margin:0 auto 18px;display:block}.m-result-actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.m-action-btn{width:70%;max-width:280px;transition:transform .12s ease}.m-action-btn:active{transform:scale(.96)}.m-action-btn img{width:100%;height:auto}.m-collection-btn{width:70%;max-width:280px}.m-share-btn{width:28%;max-width:120px}@media (max-aspect-ratio: 16/9){.screen-stage{width:100%;height:56.25vw}}