:root{--te-orange:#f7941d;--te-orange-dark:#e8720f;--te-navy:#1f3a4d;--te-teal:#1a7d84;--te-teal-dark:#0d4a52;--te-blue:#4fa8e0;--te-blue-dark:#2f6fae;--page-max-width:480px}*{box-sizing:border-box}html,body{scrollbar-width:none;height:100%;margin:0;padding:0;overflow-x:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{color:var(--te-navy);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#f4f0e8;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}#app{min-height:100dvh;min-height:calc(var(--vh,1vh) * 100)}button,input,textarea{font-family:inherit}.page{max-width:var(--page-max-width);min-height:100dvh;min-height:calc(var(--vh,1vh) * 100);background:url(/assets/page-bg-Y4pITj0i.png) top/cover no-repeat,#fdf6e3;margin:0 auto;padding-bottom:48px;position:relative;overflow:hidden}.page--dark{color:#eee;background:radial-gradient(120% 60% at 15% 0,#fff6d840 0%,#fff6d800 55%),radial-gradient(90% 50% at 100% 0,#ffb26b4d 0%,#ffb26b00 60%),#2b2b28}.page__header{z-index:51;justify-content:flex-end;width:100%;max-width:340px;margin:0 auto;padding:0 2px;display:flex;position:relative}.te-logo{width:auto;height:52px;display:block}.page__body{padding:20px 22px 0}.section-title{color:var(--te-navy);margin:4px 0 18px;font-size:22px;font-weight:800;display:inline-block;position:relative}.section-title:before,.section-title:after{content:"";background:var(--te-orange);width:2px;position:absolute;top:4px;bottom:4px;transform:skew(-15deg)}.section-title:before{left:-14px}.section-title:after{right:-14px}.section-sub{color:#5b5f66;margin-bottom:18px;font-size:13px;line-height:1.7}.ticket{background:#fff;border-radius:0 0 14px 14px;margin:22px 0 28px;padding-top:14px;position:relative;overflow:visible;box-shadow:0 12px 24px #30423f33,0 3px 7px #3c280a1a}.ticket__header{color:#fff;text-align:center;letter-spacing:1px;background-image:url(/assets/ticket-rod-Bc_oNOg5.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;padding:14px 20px 16px;font-size:21px;font-weight:800;position:relative}.ticket__header-img{width:100%;display:block}.ticket__body{background:#fff;border:1.5px dashed #6fb9c2;border-top:none;border-radius:0 0 12px 12px;min-height:40px;margin:0 14px 16px;padding:26px 16px 24px;position:relative}.ticket__body--orange{border-color:#f0b95c}.ticket__body--blue{border-color:#7fc2e8}.ticket__body--scallop{border-radius:0}.ticket__notch{background:#fdf6e3;border-radius:50%;width:16px;height:16px;position:absolute;top:-1px;transform:translateY(-50%)}.ticket__notch--l{left:-9px}.ticket__notch--r{right:-9px}.ticket__scallop{background-image:radial-gradient(circle at 8px 0,#0000 8px,#fff 8.5px);background-position:-8px 0;background-size:16px 16px;height:16px;position:absolute;bottom:-8px;left:0;right:0}.ticket__body--image{background:0 0;border:none;min-height:0;margin:-1px 0 0;padding:0}.ticket__body-bg{width:100%;height:auto;display:block}.ticket__body-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:6% 11.5% 15%}.pill-btn{color:#fff;background:linear-gradient(135deg, #ffcf5c 0%, var(--te-orange-dark) 100%);cursor:pointer;letter-spacing:2px;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:14px 20px;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 20px #e8720f59}.pill-btn:active{transform:translateY(2px)scale(.99);box-shadow:0 6px 14px #e8720f4d}.pill-btn--blue{background:linear-gradient(135deg, #a9dcfb 0%, var(--te-blue-dark) 100%);box-shadow:0 10px 20px #2f6fae59}.pill-btn--ghost{color:var(--te-orange-dark);border:1.5px solid var(--te-orange);box-shadow:none;background:#fff}.pill-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.pill-btn-wrap{padding:6px 4px 28px}.img-btn{cursor:pointer;background:0 0;border:none;width:58%;max-width:230px;margin:0 auto;padding:0;display:block}.img-btn img{width:100%;display:block}.img-btn:active{transform:translateY(2px)scale(.98)}.img-btn--wide{width:68%;max-width:280px}.img-btn[disabled]{opacity:.6;cursor:not-allowed}.flag-title{width:90%;max-width:360px;margin:4px auto 18px;display:block}.field{border:1px solid var(--te-teal);background:#fff;border-radius:999px;align-items:center;min-height:34px;margin-bottom:12px;padding:0 10px 0 46px;display:flex;position:relative;overflow:visible}.field__icon{object-fit:fill;z-index:1;width:58px;height:38px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.field input{color:var(--te-navy);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.field input::placeholder{color:#8c8c8c}.form-card{background:#fff;border-radius:18px;margin-bottom:20px;padding:18px 16px 6px;box-shadow:0 12px 28px #3c280a1a}.upload-box{border:1.5px dashed var(--te-teal);color:#7a8085;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:140px;font-size:15px;display:flex;overflow:hidden}.upload-box img{object-fit:cover;width:100%;height:100%}.center-emoji{text-align:center;margin-bottom:8px;font-size:46px;line-height:1}.muted{color:#8a8f95;text-align:center;margin-top:10px;font-size:12px}.rank-list{margin:0;padding:0;list-style:none}.rank-list li{border-bottom:1px dashed #eee1c2;align-items:center;gap:12px;padding:10px 4px;font-size:14px;display:flex}.rank-list li:last-child{border-bottom:none}.rank-list .rank-no{height:28px;color:var(--te-orange-dark);background:#f2e9d2;border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.rank-list li:first-child .rank-no{color:#fff;background:linear-gradient(135deg,#ffe07a,#f7941d)}.rank-list li:nth-child(2) .rank-no{color:#fff;background:linear-gradient(135deg,#e3e6ea,#b7bcc4)}.rank-list li:nth-child(3) .rank-no{color:#fff;background:linear-gradient(135deg,#f2c08a,#c07a3c)}.rank-list .rank-name{flex:1;font-weight:600}.rank-list .rank-time{color:#9a9fa5;font-size:12px}.style-tabs{gap:10px;margin-bottom:16px;display:flex}.style-tab{text-align:center;color:#6c7076;cursor:pointer;background:#fff;border:1.5px solid #e6e0cf;border-radius:12px;flex:1;padding:12px 4px;font-size:13px;font-weight:700;line-height:1.4}.style-tab.active{border-color:var(--te-orange);background:linear-gradient(135deg, #ffcf5c 0%, var(--te-orange-dark) 100%);color:#fff;box-shadow:0 8px 16px #e8720f4d}.hex-card{border:2px solid var(--te-orange);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:#fff;margin:10px 0 24px;padding:22px 18px 20px;position:relative;box-shadow:0 12px 28px #3c280a1a}.hex-badge{background:var(--te-orange);color:var(--te-teal-dark);border-radius:999px;margin-bottom:10px;padding:5px 18px;font-size:14px;font-weight:800;display:inline-block}.prize-photo{border:2px solid var(--te-orange);border-radius:12px;width:120px;margin:10px auto 0;display:block}.idiom-boxes{margin:18px 0;flex-wrap:wrap;justify-content:center;gap:10px;max-width:214px;margin-inline:auto;display:flex}.idiom-box{border-bottom:3px solid var(--te-navy);justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-weight:700;display:flex}.fade-enter-active,.fade-leave-active{transition:opacity .18s}.fade-enter-from,.fade-leave-to{opacity:0}.modal-mask{z-index:100;background:#112e3aa3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-mask .ticket{width:100%;max-width:360px}.asset-loader{z-index:100;color:var(--te-teal-dark);letter-spacing:.08em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffceded;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex;position:fixed;inset:0}.asset-loader__spinner{border:4px solid #1a7d8433;border-top-color:var(--te-orange);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite asset-loader-spin}.asset-loader-fade-enter-active,.asset-loader-fade-leave-active{transition:opacity .2s}.asset-loader-fade-enter-from,.asset-loader-fade-leave-to{opacity:0}@keyframes asset-loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.asset-loader__spinner{animation-duration:1.8s}}