.app-root{width:100%;min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .35s ease}.fade-enter-from,.fade-leave-to{opacity:0}.landscape-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.landscape-icon{animation:rotate-phone 1.8s ease-in-out infinite}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.landscape-text{color:#fff;font-size:16px;letter-spacing:2px}.loading-page[data-v-8842348b]{position:relative;width:100%;height:100vh;overflow:hidden;background:#eaf6ff}.bg[data-v-8842348b]{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center center;background-color:#eaf6ff}.loading-bar[data-v-8842348b]{position:absolute;left:50%;bottom:11vh;transform:translate(-50%);width:70vw;max-width:360px;height:10px;background:#ffffff8c;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #1450b41f}.bar[data-v-8842348b]{height:100%;background:linear-gradient(90deg,#2b7bff,#57c8ff);border-radius:6px;transition:width .12s linear}.loading-text[data-v-8842348b]{position:absolute;left:50%;bottom:7.5vh;transform:translate(-50%);font-size:14px;color:#2b5a8b;letter-spacing:2px}.home-page[data-v-b780dbd0]{max-width:750px;margin:0 auto;background:#f2f8ff}.first-screen[data-v-b780dbd0]{height:100vh;height:100dvh;background:url(https://oss.bonappt.com/web/assets/img/home_main.png) no-repeat center top / 100% auto;background-color:#f2f8ff;position:relative;z-index:2}.scroll-hint[data-v-b780dbd0]{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:50%;max-width:250px;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.scroll-body[data-v-b780dbd0]{position:relative;z-index:1;margin-top:-100vh;margin-top:-100dvh}.scene[data-v-b780dbd0]{position:relative;width:100%;line-height:0}.scene .bg[data-v-b780dbd0]{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.btn[data-v-b780dbd0],.bottom-logo[data-v-b780dbd0]{position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.btn[data-v-b780dbd0]:active,.bottom-card:active .bottom-card-img[data-v-b780dbd0]{filter:brightness(.92)}.card[data-v-b780dbd0]{position:absolute;cursor:pointer}.card[data-v-b780dbd0]:active{filter:brightness(.92)}.card-img[data-v-b780dbd0]{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.checked-badge[data-v-b780dbd0]{position:absolute;width:8.3%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.badge-c1[data-v-b780dbd0]{left:6.6%;top:46%}.badge-c2[data-v-b780dbd0]{left:83.6%;top:56.7%}.badge-c3[data-v-b780dbd0]{left:6.6%;top:62.5%}.badge-c4[data-v-b780dbd0]{left:84.5%;top:72.5%}.badge-c5[data-v-b780dbd0]{left:6.6%;top:80.8%}.hotspot[data-v-b780dbd0]{position:absolute;cursor:pointer;z-index:2;background:transparent}.hotspot[data-v-b780dbd0]:active{filter:brightness(.9)}.hs-c1[data-v-b780dbd0]{left:6.6%;top:42%;width:44%;height:5%}.hs-c2[data-v-b780dbd0]{left:51%;top:54%;width:40%;height:5%}.hs-c3[data-v-b780dbd0]{left:6.6%;top:59%;width:42%;height:5%}.hs-c4[data-v-b780dbd0]{left:51.5%;top:69%;width:42%;height:5%}.hs-c5[data-v-b780dbd0]{left:4.6%;top:77%;width:42%;height:6%}.btn-rules[data-v-b780dbd0]{position:fixed;right:1%;top:10px;width:8%;height:auto;z-index:30}.exhibit-hint[data-v-b780dbd0]{position:absolute;z-index:3;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform:translate(-50%,-50%)}.exhibit-hint[data-v-b780dbd0]:active{filter:brightness(.92)}.hint-dot[data-v-b780dbd0]{position:relative;display:block;width:11px;height:11px;border-radius:50%;background:#ff7a00;box-shadow:0 0 6px #ff7a00e6}.hint-dot[data-v-b780dbd0]:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;background:#ff7a00;transform:translate(-50%,-50%);animation:hint-ripple-b780dbd0 1.6s ease-out infinite}@keyframes hint-ripple-b780dbd0{0%{transform:translate(-50%,-50%) scale(1);opacity:.85}to{transform:translate(-50%,-50%) scale(3.4);opacity:0}}.hint-c1[data-v-b780dbd0]{left:28.6%;top:43.5%}.hint-c2[data-v-b780dbd0]{left:71%;top:56%}.hint-c3[data-v-b780dbd0]{left:27.6%;top:61%}.hint-c4[data-v-b780dbd0]{left:72.5%;top:71%}.hint-c5[data-v-b780dbd0]{left:25.6%;top:79.5%}.c1[data-v-b780dbd0]{left:60.8%;top:45%;width:31.9%;height:auto}.c2[data-v-b780dbd0]{left:3.2%;top:51.3%;width:39.6%;height:auto}.c3[data-v-b780dbd0]{left:56.4%;top:62.1%;width:37.7%;height:auto}.c4[data-v-b780dbd0]{left:8.7%;top:68.1%;width:30%;height:auto}.c5[data-v-b780dbd0]{left:55.1%;top:80.1%;width:41.5%;height:auto}.bottom-nav-row[data-v-b780dbd0]{position:absolute;left:4%;top:87%;width:92%;display:flex}.bottom-btn-nav[data-v-b780dbd0],.bottom-btn-video[data-v-b780dbd0]{flex:1 1 0;min-width:0;display:block;height:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bottom-btn-nav[data-v-b780dbd0]:active,.bottom-btn-video[data-v-b780dbd0]:active{filter:brightness(.92)}.bottom-card[data-v-b780dbd0]{position:absolute;left:4%;top:90%;width:92.3%;cursor:pointer}.bottom-card-img[data-v-b780dbd0]{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.progress-count[data-v-b780dbd0]{position:absolute;right:5.5%;top:48%;color:#fff;font-size:18px;font-weight:700;line-height:1;font-family:PingFang SC,Microsoft YaHei,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}.count-sep[data-v-b780dbd0]{margin:0 2px;opacity:.9}.bottom-logo[data-v-b780dbd0]{left:24.2%;top:95%;width:51.6%;height:auto;cursor:default}.rules-page[data-v-87e46ed6]{position:relative;max-width:750px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;background:#fff;overflow:hidden}.rules-header[data-v-87e46ed6]{width:93%;margin:0 auto -24px;position:relative;z-index:2;flex-shrink:0;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.rules-box[data-v-87e46ed6]{flex:1;margin:0 5.5%;border:2px solid #a1c9fb;border-top:none;border-radius:0 0 16px 16px;background:linear-gradient(180deg,#e8f4ff,#fff);overflow:hidden;display:flex;flex-direction:column}.rules-content[data-v-87e46ed6]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:12px 16px 16px}.rules-content[data-v-87e46ed6]::-webkit-scrollbar{display:none}.rule-section[data-v-87e46ed6]{margin-bottom:14px}.rule-section[data-v-87e46ed6]:last-child{margin-bottom:0}.rule-section h3[data-v-87e46ed6]{font-size:15px;font-weight:700;color:#1f74e8;display:flex;align-items:center;gap:6px;margin:0 0 8px;line-height:1.4}.rule-section .dot[data-v-87e46ed6]{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1f74e8;flex-shrink:0}.rule-section p[data-v-87e46ed6]{font-size:12.5px;line-height:1.7;color:#333;margin:0 0 6px;text-align:justify}.rule-section p[data-v-87e46ed6]:last-child{margin-bottom:0}.rule-section b[data-v-87e46ed6]{font-weight:700;color:#222}.rules-footer[data-v-87e46ed6]{flex-shrink:0;text-align:center;padding:10px 0 14px}.rules-footer img[data-v-87e46ed6]{width:52%;max-width:390px;display:inline-block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.back-btn[data-v-87e46ed6]{position:fixed;top:10px;right:10px;z-index:100;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center}.back-bg[data-v-87e46ed6]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.back-text[data-v-87e46ed6]{position:relative;z-index:1;color:#1f74e8;font-size:13px;font-weight:700;letter-spacing:2px}.back-to-top[data-v-74e93a0c]{position:fixed;left:50%;transform:translate(-50%);bottom:16px;width:42%;max-width:300px;height:auto;z-index:99;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.back-to-top[data-v-74e93a0c]:active{filter:brightness(.92)}.fade-enter-active[data-v-74e93a0c],.fade-leave-active[data-v-74e93a0c]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-74e93a0c],.fade-leave-to[data-v-74e93a0c]{opacity:0;transform:translate(-50%) translateY(12px)}.exhibit-page[data-v-f866130c]{min-height:100vh;background:#eaf6ff}.float-actions[data-v-f866130c]{position:fixed;top:12px;right:12px;z-index:20;display:flex;flex-direction:column;gap:10px;align-items:center}.circle-btn[data-v-f866130c]{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer}.circle-btn[data-v-f866130c]:active{filter:brightness(.92)}.circle-bg[data-v-f866130c]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cd-num[data-v-f866130c]{position:relative;z-index:1;color:#1f74e8;font-size:14px;font-weight:700;font-family:DIN Alternate,PingFang SC,Microsoft YaHei,monospace;letter-spacing:.5px}.cd-done[data-v-f866130c]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;color:#1f74e8;font-weight:700}.done-line1[data-v-f866130c]{font-size:12px}.done-line2[data-v-f866130c]{font-size:12px;letter-spacing:1px}.back-text[data-v-f866130c]{position:relative;z-index:1;color:#1f74e8;font-size:13px;font-weight:700;letter-spacing:2px}.full-img[data-v-f866130c]{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.quiz-home[data-v-45fcb0a3]{position:relative;width:100%;min-height:100vh;background:#eaf6ff;overflow:hidden}.home-bg[data-v-45fcb0a3]{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.btn-start[data-v-45fcb0a3]{position:absolute;left:50%;top:82%;transform:translate(-50%);width:48.3%;max-width:362px;height:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.btn-start[data-v-45fcb0a3]:active{filter:brightness(.92);transform:translate(-50%) scale(.98)}.btn-record[data-v-45fcb0a3]{position:absolute;left:50%;top:88.5%;transform:translate(-50%);width:48.3%;max-width:362px;height:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.btn-record[data-v-45fcb0a3]:active{filter:brightness(.92);transform:translate(-50%) scale(.98)}.back-btn[data-v-45fcb0a3]{position:fixed;right:12px;top:12px;width:44px;height:44px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center}.back-bg[data-v-45fcb0a3]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.back-text[data-v-45fcb0a3]{position:relative;z-index:1;color:#1f74e8;font-size:13px;font-weight:700;letter-spacing:2px}.back-btn[data-v-45fcb0a3]:active{filter:brightness(.92)}.bottom-tip[data-v-45fcb0a3]{position:absolute;left:50%;bottom:2%;transform:translate(-50%);width:92%;text-align:center;font-size:2.6vw;line-height:1.4;color:#a1a1a1;letter-spacing:.5px;pointer-events:none;z-index:2}.quiz-page[data-v-2a645d01]{width:100%;height:100vh;height:100dvh}.quiz-loading[data-v-2a645d01]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:4.5vw;color:#555;background:#fff;z-index:20}.quiz-play[data-v-2a645d01]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:100% 100%;-webkit-user-select:none;user-select:none}.bg-normal[data-v-2a645d01]{background-image:url(https://oss.bonappt.com/web/assets/img/quiz_bg_blue.png)}.bg-right[data-v-2a645d01]{background-image:url(https://oss.bonappt.com/web/assets/img/quiz_bg_green.png)}.bg-wrong[data-v-2a645d01]{background-image:url(https://oss.bonappt.com/web/assets/img/quiz_bg_red.png)}.progress-pill[data-v-2a645d01]{position:absolute;left:64%;top:12.74%;width:25.6%;height:1.97%;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;white-space:nowrap;text-shadow:0 .4vw .55vw rgba(0,0,0,2.6)}.progress-label[data-v-2a645d01]{color:#fff;font-size:4.4vw;font-weight:500;letter-spacing:.05em}.progress-num[data-v-2a645d01]{color:#fff;font-size:4.4vw;font-weight:500;margin:0 .15em 0 .5em}.progress-total[data-v-2a645d01]{color:#fff;font-size:4.4vw;font-weight:500}.timer-capsule[data-v-2a645d01]{position:absolute;left:78.67%;top:15.39%;width:17.2%;height:2.34%;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.timer-text[data-v-2a645d01]{color:#fff;font-size:2.24vw;font-weight:700;letter-spacing:.05em}.question-area[data-v-2a645d01]{position:absolute;left:12.13%;top:19.46%;width:73.2%;height:9.6%;z-index:2;display:flex;align-items:center;overflow:hidden}.q-text[data-v-2a645d01]{margin:0;width:100%;padding:0 1.5%;font-size:4vw;font-weight:600;line-height:1.5;color:#212121;word-break:break-word;white-space:normal;text-align:left}.options[data-v-2a645d01]{position:absolute;top:0;right:0;bottom:0;left:0;list-style:none;padding:0;margin:0;z-index:2}.option[data-v-2a645d01]{position:absolute;left:18.53%;width:67.73%;height:7.82%;cursor:pointer;transition:filter .15s ease}.option.disabled[data-v-2a645d01]{cursor:default}.option[data-v-2a645d01]:active:not(.disabled){filter:brightness(.96)}.opt-bar[data-v-2a645d01]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none}.opt-block-wrap[data-v-2a645d01]{position:absolute;left:-7.28%;top:3.94%;width:12.99%;height:52.76%;pointer-events:none}.opt-block[data-v-2a645d01]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-drag:none}.opt-letter[data-v-2a645d01]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:4vw;font-weight:800}.opt-text[data-v-2a645d01]{position:absolute;left:10.83%;top:0;width:82.28%;height:100%;display:flex;flex-direction:column;justify-content:center;font-size:4vw;font-weight:500;line-height:1.4;color:#212121;pointer-events:none;overflow:visible}.opt-status[data-v-2a645d01]{position:absolute;left:88.78%;top:50.39%;width:13.78%;height:55.12%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.analysis-wrap[data-v-2a645d01]{position:absolute;left:7.07%;top:74.82%;width:85.6%;min-height:13.05%;box-sizing:border-box;padding:5.5vw 4.5vw 4vw;background:#e8f3fc;border:1px solid #b1d3fe;border-radius:2.6vw;box-shadow:0 .5vw 1.2vw #2d5fa01f;z-index:2;pointer-events:none}.analysis-tag[data-v-2a645d01]{position:absolute;left:41%;top:-4.5vw;width:17.3vw;height:9.5vw;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.analysis-body[data-v-2a645d01]{margin:0;font-size:4vw;font-weight:500;line-height:1.6;color:#212121;word-break:break-word;white-space:normal}.footer-action[data-v-2a645d01]{position:absolute;left:34.4%;top:90.7%;width:31.2%;height:4.25%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:filter .15s ease}.footer-action[data-v-2a645d01]:active{filter:brightness(.92);transform:scale(.98)}.btn-next-img[data-v-2a645d01]{width:100%;height:auto;object-fit:contain;pointer-events:none}.footer-action.btn-result[data-v-2a645d01]{left:25.87%;width:48.27%;border-radius:33px;background-image:url(https://oss.bonappt.com/web/assets/img/btn_rect2.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.footer-text[data-v-2a645d01]{font-size:4vw;font-weight:800;color:#fff;letter-spacing:2px}.back-btn[data-v-2a645d01]{position:fixed;right:12px;top:12px;width:44px;height:44px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center}.back-bg[data-v-2a645d01]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.back-text[data-v-2a645d01]{position:relative;z-index:1;color:#1f74e8;font-size:13px;font-weight:700;letter-spacing:2px}.back-btn[data-v-2a645d01]:active{filter:brightness(.92)}.lottery-mask[data-v-18a194be]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#ffffffc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;-webkit-user-select:none;user-select:none}.close-btn[data-v-18a194be]{position:absolute;right:16px;top:14px;width:32px;height:32px;line-height:30px;text-align:center;font-size:22px;color:#888;border:1px solid #ccc;border-radius:50%;cursor:pointer;z-index:10}.wheel-box[data-v-18a194be]{position:relative;width:84vw;max-width:340px;aspect-ratio:503 / 625}.wheel-bg[data-v-18a194be]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}.sector-item[data-v-18a194be]{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.sector-icon[data-v-18a194be]{width:50%;max-width:60px;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.sector-text[data-v-18a194be]{font-size:4vw;font-weight:600;color:#fff;letter-spacing:1px;white-space:nowrap;text-shadow:0 1px 3px rgba(150,30,10,.5)}.pointer-hub[data-v-18a194be]{position:absolute;left:49.3%;top:39.2%;transform:translate(-50%,-50%);width:24%;max-width:82px;height:auto;z-index:6}.pointer-pivot[data-v-18a194be]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-origin:49.3% 38.2%;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22));transition:transform 4.2s cubic-bezier(.16,1,.3,1);pointer-events:none}.pointer[data-v-18a194be]{position:absolute;left:49.3%;top:38.2%;transform:translate(-50%,-100%);width:7%;max-width:34px;height:auto}.draw-btn[data-v-18a194be]{position:absolute;left:50%;top:89%;transform:translate(-50%,-50%);width:46%;max-width:160px;height:auto;z-index:7;cursor:pointer;transition:transform .15s ease,filter .15s ease;-webkit-tap-highlight-color:transparent}.draw-btn[data-v-18a194be]:not(.disabled):active{transform:translate(-50%,-50%) scale(.94);filter:brightness(.92)}.draw-btn.disabled[data-v-18a194be]{opacity:.65;pointer-events:none}.result-modal[data-v-18a194be]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#00000073}.result-card[data-v-18a194be]{width:72vw;max-width:300px;background:#fff;border-radius:20px;padding:28px 20px 24px;text-align:center;box-shadow:0 16px 48px #0003;animation:popIn-18a194be .35s ease-out}@keyframes popIn-18a194be{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.result-icon[data-v-18a194be]{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px}.result-icon.prize[data-v-18a194be]{background:linear-gradient(135deg,#fff5e6,#ffe4b3)}.result-icon.prize img[data-v-18a194be]{width:50px;height:auto}.result-icon.nop[data-v-18a194be]{background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.result-msg[data-v-18a194be]{margin:0 0 20px;font-size:16px;font-weight:700;color:#333;line-height:1.5}.result-btn[data-v-18a194be]{display:inline-block;padding:10px 32px;border-radius:24px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ffb04f,#ff7a1f);cursor:pointer;letter-spacing:2px}.result-btn[data-v-18a194be]:active{filter:brightness(.92)}.mask-fade-enter-active[data-v-18a194be],.mask-fade-leave-active[data-v-18a194be]{transition:opacity .25s}.mask-fade-enter-from[data-v-18a194be],.mask-fade-leave-to[data-v-18a194be]{opacity:0}.fade-enter-active[data-v-18a194be],.fade-leave-active[data-v-18a194be]{transition:opacity .25s}.fade-enter-from[data-v-18a194be],.fade-leave-to[data-v-18a194be]{opacity:0}.result-page[data-v-687c3dcb]{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow-y:auto;background-repeat:no-repeat;background-position:center;background-size:100% 100%;-webkit-user-select:none;user-select:none}.result-page.pass[data-v-687c3dcb]{background-image:url(https://oss.bonappt.com/web/assets/img/quiz_success.png)}.result-page.fail[data-v-687c3dcb]{background-image:url(https://oss.bonappt.com/web/assets/img/quiz_fail.png)}.result-page.no-records[data-v-687c3dcb]{background-image:url(https://oss.bonappt.com/web/assets/img/quiz_fail.png)}.score-wrap[data-v-687c3dcb]{position:absolute;top:29.19%;height:5.3%;display:flex;align-items:baseline;z-index:2;pointer-events:none}.score-pass[data-v-687c3dcb]{left:30.8%}.score-fail[data-v-687c3dcb]{left:36.53%}.score-num[data-v-687c3dcb]{font-size:15.2vw;font-weight:800;line-height:1;background:linear-gradient(180deg,#ff2525,#fcdc6e,#f59259 50%,#ff5d00 85%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateY(-3px)}.score-slash[data-v-687c3dcb]{font-size:10vw;font-weight:800;line-height:1;margin-left:4px;background:linear-gradient(180deg,#1140df,#0ea8ef 20%,#0086ea 49%,#0ea8ef 64%,#00c4d4 84%,#15d883);-webkit-background-clip:text;background-clip:text;color:transparent}.score-tip[data-v-687c3dcb]{position:absolute;left:31.33%;top:37.75%;width:37.2%;height:1.85%;background-size:100% 100%;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.tip-text[data-v-687c3dcb]{color:#0076b4;font-size:4vw;font-weight:700;letter-spacing:1px;white-space:nowrap}.summary[data-v-687c3dcb]{position:absolute;top:44.4%;height:4.43%;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.summary.sum-pass[data-v-687c3dcb]{left:14.93%;width:70.53%;background-size:100% 100%}.summary.sum-fail[data-v-687c3dcb]{left:12.27%;width:75.2%;background-size:100% 100%}.sum-text[data-v-687c3dcb]{margin:0;padding:0 10%;font-size:4vw;font-weight:800;line-height:1.7;color:#212121;overflow:hidden}.record-card[data-v-687c3dcb]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.record-cell[data-v-687c3dcb]{position:absolute;width:36%;height:4.43%;background:url(https://oss.bonappt.com/web/assets/img/bg_btn.png) no-repeat center;background-size:100% 100%;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 6%;box-sizing:border-box}.record-label[data-v-687c3dcb]{font-size:4vw;font-weight:700;color:#333;white-space:nowrap}.record-mark[data-v-687c3dcb]{position:absolute;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.history-card[data-v-687c3dcb]{position:absolute;left:9.73%;top:57.27%;width:80.53%;z-index:2;background:#ffffffd1;border-radius:16px;padding:16px}.history-list-title[data-v-687c3dcb]{font-size:14px;font-weight:700;color:#1f3a5f;margin:14px 0 8px;text-align:center}.empty-hint[data-v-687c3dcb]{text-align:center;color:#999;font-size:14px;padding:30px 0}.history-scroll[data-v-687c3dcb]{max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}.history-scroll[data-v-687c3dcb]::-webkit-scrollbar{width:4px}.history-scroll[data-v-687c3dcb]::-webkit-scrollbar-thumb{background:#b8d4ff;border-radius:4px}.history-item[data-v-687c3dcb]{display:flex;align-items:center;justify-content:space-between;height:40px;box-sizing:border-box;padding:0 4px;border-bottom:1px solid #f0f6ff;font-size:13px}.history-item[data-v-687c3dcb]:last-child{border-bottom:none}.h-date[data-v-687c3dcb]{color:#666}.h-score[data-v-687c3dcb]{color:#1f3a5f;font-weight:700}.h-result[data-v-687c3dcb]{padding:2px 10px;border-radius:10px;font-size:12px;font-weight:700}.h-result.pass[data-v-687c3dcb]{background:#eaf8f0;color:#2dd47b}.h-result.fail[data-v-687c3dcb]{background:#ffeaea;color:#ff5252}.footer-action[data-v-687c3dcb]{position:absolute;left:26%;top:90.39%;width:47.87%;height:4.06%;z-index:3;cursor:pointer;border-radius:33px;background-repeat:no-repeat;background-position:center;background-size:100% 100%;display:flex;align-items:center;justify-content:center;transition:filter .15s ease}.footer-action.btn-lottery[data-v-687c3dcb]{background-image:url(https://oss.bonappt.com/web/assets/img/btn_draw_now.png)}.footer-action.btn-restart[data-v-687c3dcb]{background-image:url(https://oss.bonappt.com/web/assets/img/btn_restart.png)}.footer-action.btn-back[data-v-687c3dcb]{background-image:url(https://oss.bonappt.com/web/assets/img/btn_rect2.png)}.footer-text[data-v-687c3dcb]{font-size:4vw;font-weight:800;color:#fff;letter-spacing:2px}.footer-action[data-v-687c3dcb]:active{filter:brightness(.9)}.back-btn[data-v-687c3dcb]{position:fixed;right:12px;top:12px;width:44px;height:44px;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center}.back-bg[data-v-687c3dcb]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.back-text[data-v-687c3dcb]{position:relative;z-index:1;color:#1f74e8;font-size:13px;font-weight:700;letter-spacing:2px}.back-btn[data-v-687c3dcb]:active{filter:brightness(.92)}.video-page[data-v-bd4f092d]{min-height:100vh;background-color:#fff;background-image:url(https://oss.bonappt.com/web/assets/img/group83.png);background-repeat:no-repeat;background-position:top center;background-size:100% auto;padding-bottom:30px}.float-back[data-v-bd4f092d]{position:fixed;top:12px;right:12px;z-index:20;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer}.float-back[data-v-bd4f092d]:active{filter:brightness(.92)}.float-back .circle-bg[data-v-bd4f092d]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.float-back .back-text[data-v-bd4f092d]{position:relative;z-index:1;color:#1f74e8;font-size:13px;font-weight:700;letter-spacing:2px}.video-list[data-v-bd4f092d]{padding:56vw 4.5% 0;display:flex;flex-direction:column;gap:16px}.video-card[data-v-bd4f092d]{position:relative}.video-tag[data-v-bd4f092d]{position:absolute;top:-6px;left:16px;z-index:2;background:linear-gradient(135deg,#4a9eff,#2d7cf6);color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;letter-spacing:.5px;box-shadow:4px -3px #c4e1ff}.video-thumb[data-v-bd4f092d]{position:relative;width:100%;aspect-ratio:16 / 9.8;border-radius:14px;overflow:hidden}.video-bg[data-v-bd4f092d]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.video-cover[data-v-bd4f092d]{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px 10px 0 16px;width:100%;height:100%;box-sizing:border-box;object-fit:cover;z-index:1;border-radius:14px}.play-btn[data-v-bd4f092d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16%;max-width:60px;height:auto;z-index:2;cursor:pointer;transition:transform .2s ease}.video-card:active .play-btn[data-v-bd4f092d]{transform:translate(-50%,-50%) scale(.92)}.video-modal[data-v-bd4f092d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000c7;display:flex;align-items:center;justify-content:center}.video-modal-box[data-v-bd4f092d]{position:relative;width:92%;max-width:720px}.video-player[data-v-bd4f092d]{display:block;width:100%;max-height:76vh;border-radius:12px;background:#000}.video-close[data-v-bd4f092d]{position:absolute;top:-44px;right:0;width:36px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:20px;border-radius:50%;background:#ffffff2e;cursor:pointer;-webkit-user-select:none;user-select:none}.video-close[data-v-bd4f092d]:active{background:#ffffff52}.bottom-action[data-v-bd4f092d]{text-align:center;margin-top:28px;padding:0 20%}.bottom-action img[data-v-bd4f092d]{width:100%;height:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.bottom-action img[data-v-bd4f092d]:active{filter:brightness(.92)}.video-state[data-v-bd4f092d]{text-align:center;margin-top:24vw;color:#9aa6b2;font-size:14px;letter-spacing:1px}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;padding:0;width:100%;height:100%;background:#eaf6ff;font-family:PingFang SC,Helvetica Neue,Microsoft YaHei,Arial,sans-serif;color:#1f3a5f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}a{color:inherit;text-decoration:none}.page{position:relative;width:100%;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#e3f3ff,#d6ecff 60%,#cfe7ff)}:root{--p-blue: #2b7bff;--p-cyan: #57c8ff;--p-deep: #0d3a78;--p-orange: #ff9b3a;--p-orange-2: #ffb04f;--p-bg-1: #eaf6ff;--p-bg-2: #d9ecff}.flex-c{display:flex;align-items:center;justify-content:center}.flex-c-c{display:flex;flex-direction:column;align-items:center}.no-scroll{overflow:hidden}