:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#202a37;background:#eef1f5;font-synthesis:none;--vpw:390;--vph:844}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2479cc;outline-offset:3px}button{touch-action:manipulation}button,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button img{pointer-events:none}[hidden]{display:none!important}
.workspace{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.console{padding:26px 22px;background:#fff;border-right:1px solid #dfe4eb;height:100vh;overflow:auto;position:sticky;top:0;font-size:13px}.console-brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:36px;height:38px;background:#064e86;color:#fff;border-radius:8px;font-size:22px;font-weight:700}.console-brand h1{margin:0;font-size:19px;letter-spacing:3px}.console-brand p{margin:3px 0;font-size:11px;color:#6c7885}.local-badge{margin-left:auto;font-size:9px;padding:4px 6px;background:#e5f2e9;color:#38764c;border-radius:4px}.console-note{font-size:12px;line-height:1.7;color:#6c7885;margin:18px 0}.console-section{border-top:1px solid #edf0f3;padding:17px 0 0;margin-top:16px}.console-section h2{font-size:13px;margin:0 0 13px}.console-section h2 span{float:right;font-size:11px;font-weight:400;color:#6b7e92}.console label{display:block;font-size:12px;margin:9px 0;color:#536171}.console label input:not([type=checkbox]),.console select{display:block;width:100%;margin-top:5px;padding:8px 9px;border:1px solid #dce2e8;border-radius:6px;background:#fff;color:#27384a;font-size:12px}.console .check{display:flex;align-items:center;gap:7px}.check input{accent-color:#1168aa}.console button{background:#f5f8fb;border:1px solid #dce5ee;border-radius:6px;padding:8px 6px;font-size:12px}.console button:hover:not(:disabled){background:#eaf2f9}.console-actions,.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.console-actions{margin-top:12px}.console button.danger{color:#a54330}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.step-grid button{padding:6px 3px;font-size:10px}.step-grid button.active{background:#0b5d96;color:#fff;border-color:#0b5d96}.step-grid button.complete{border-color:#a6c9bb}.hint{font-size:11px;line-height:1.7;color:#687889;margin:11px 0 0}.claim-summary{padding:10px;background:#f7f9fb;border-radius:6px;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.claim-summary img{max-width:100%;max-height:110px;object-fit:contain;display:block;margin:8px auto}.full-button{width:100%}.sms-preview{font-size:11px;line-height:1.8;color:#47607b;white-space:pre-wrap}.sms-preview:not(:empty){background:#edf5fc;border-radius:8px;padding:10px;margin-top:10px}.console-footer{font-size:10px;color:#89939f;line-height:1.8}.console summary{font-size:12px;cursor:pointer}#event-log{padding-left:17px;font-size:11px;line-height:1.9;color:#5f7184}.preview-area{padding:23px 30px 12px;min-width:0;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 40%,#fff9f0,transparent 60%),#eef1f5}.preview-heading{display:flex;justify-content:space-between;gap:25px;max-width:900px;width:100%;font-size:11px;color:#6b7989;margin-bottom:16px}.preview-heading span:first-child{font-weight:600;color:#34495f}.devices{display:flex;align-items:center;justify-content:center;gap:24px;max-width:100%}.device{width:min(calc(var(--vpw)*1px),calc((100vh - 104px)*var(--vpw)/var(--vph)));aspect-ratio:var(--vpw)/var(--vph);position:relative;overflow:hidden;background:#f28c32;border-radius:20px;box-shadow:0 15px 55px #29394d29;isolation:isolate}.artboard{width:844px;height:1640px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale,.5));transform-origin:center;background:#ee8838;color:#111;font-family:"PingFang SC","Microsoft YaHei",sans-serif}.screen{position:absolute;inset:0}.screen>.scene{position:absolute;inset:0;background:url('assets/page-art.webp') center/100% 100%;animation:page-in .35s ease both}.scene.home{background-image:url('assets/home-art.webp')}.scene.winner{background-image:url('assets/win-art.webp')}.safe-guide{position:absolute;left:47px;top:145px;width:750px;height:1350px;border:3px dashed #47ffcb;pointer-events:none;z-index:40;box-shadow:0 0 0 200px #04142c26}.safe-guide span{position:absolute;left:0;top:-36px;background:#082a3b;color:#62ffcf;font-size:24px;padding:3px 8px}.preview-footer{font-size:10px;color:#7c8795;margin:14px 0 0;text-align:center}.mobile-bar{display:none}#reference{margin:0;max-width:43%;height:calc(100vh - 104px)}#reference img{display:block;max-width:100%;max-height:calc(100% - 24px);border-radius:14px}#reference figcaption{text-align:center;font-size:11px;color:#6a7b8c;margin-top:8px}
.primary{height:90px;border:1.5px solid #fff5db;border-radius:80px;background:linear-gradient(#ffa33b,#ff4e0a);box-shadow:0 12px 21px #9e4a2733;color:#fff;font-size:44px;font-weight:750;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.06)}.primary:active{transform:scale(.97)}.primary:disabled{opacity:.6}.primary .arrow{font-weight:400;font-size:56px;line-height:1}.hero-action{position:absolute;left:149px;top:1289px;width:548px}.rule-link{position:absolute;left:244px;top:1390px;width:356px;height:60px;background:none;border:0;color:#fff;font-size:27px;text-decoration:underline;text-underline-offset:10px}.winner-note{position:absolute;top:1401px;left:103px;right:103px;text-align:center;color:#fff9e9;font-size:25px;line-height:1.7;text-shadow:0 1px 5px #8d421f}.winner-note strong{font-variant-numeric:tabular-nums}.panel{position:absolute;left:103px;width:641px;background:#fff;border-radius:30px;box-shadow:0 4px 8px #884d2510}.lead-panel{top:701px;height:726px;padding:30px 44px}.panel h2{margin:0;font-size:44px;line-height:1.3;font-weight:800;text-align:center;letter-spacing:2px}.title-line{width:152px;height:4px;margin:17px auto 27px;background:linear-gradient(90deg,transparent,#ff6534,transparent)}.fields{display:grid;gap:23px}.form-row{display:grid;grid-template-columns:129px 1fr;align-items:center;gap:0;min-height:76px}.form-row>label{font-size:27px;white-space:nowrap;letter-spacing:1px}.form-row input,.form-row select{width:100%;height:76px;background:#f1f3f6;border:1px solid transparent;border-radius:8px;color:#14191f;padding:0 21px;font-size:29px;min-width:0}.form-row input::placeholder{color:#a6aaaf;font-size:26px}.form-row input:focus,.form-row select:focus{border-color:#ff9e43;background:#fff8f1;outline:2px solid #ffc483}.form-row select{padding:0 12px;appearance:auto}.form-row input[readonly]{color:#262b30}.triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.triple select{font-size:26px;padding:0 8px}.consent{border-top:2px solid #d2d2d2;display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:16px;font-size:26px;white-space:nowrap}.consent input{width:29px;height:29px;accent-color:#ff6e12;margin:0}.inline-link{background:none;border:0;color:#1660dd;text-decoration:underline;padding:6px 0;font-size:inherit}.panel .primary{position:absolute;left:45px;right:45px;bottom:47px;width:calc(100% - 90px)}.form-error{position:absolute;left:44px;right:44px;bottom:12px;font-size:22px;text-align:center;color:#b22d10;margin:0;line-height:1.3}.small-back{position:absolute;top:220px;left:79px;border:0;background:#ffffff19;color:#fff;font-size:24px;padding:10px 15px;border-radius:24px}.upload-timer{left:103px;top:454px;width:641px;height:277px;background:linear-gradient(115deg,#fff1dc,#fff5ed);border:2px solid #fff;text-align:center;padding:40px 20px;border-radius:30px;position:absolute}.upload-timer h2{font-size:28px;color:#ff6109;margin:0 0 20px;letter-spacing:1px}.upload-timer .countdown{display:block;font-size:128px;font-weight:750;color:#ff6100;font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:1px}.upload-panel{top:745px;height:682px}.upload-zone{position:absolute;left:22px;right:22px;top:32px;height:378px;border:2px dashed #c1cde0;border-radius:15px;overflow:hidden;background:#f8fbff;padding:0;width:calc(100% - 44px);color:#131c28;display:flex;flex-direction:column;align-items:center}.upload-zone .plus{margin-top:22px;width:94px;height:94px;border-radius:50%;background:#edf0f6;color:#506079;font-size:105px;font-weight:200;line-height:81px}.upload-zone .upload-label{font-size:31px;margin-top:12px;letter-spacing:2px}.photo-guide{position:absolute;width:535px;left:27px;bottom:0}.uploaded-photo{width:100%;height:100%;object-fit:contain}.photo-change{position:absolute;left:0;right:0;bottom:0;background:#07365ac9;color:#fff;padding:10px;font-size:23px}.photo-description{position:absolute;top:443px;left:20px;right:20px;text-align:center;font-size:28px;line-height:1.6}.photo-description p{margin:0}.photo-description small{color:#929ba6;letter-spacing:5px;font-size:24px}.shipping-panel{top:461px;height:966px;padding:22px 44px}.remaining-strip{height:72px;background:linear-gradient(90deg,#ffe4c9,#fff3eb);border-radius:12px;display:flex;gap:20px;align-items:center;justify-content:center;color:#17212b;font-size:30px;margin:0 -12px 19px}.remaining-strip .countdown{color:#f16a0c;font-weight:700;font-size:38px;font-variant-numeric:tabular-nums}.shipping-panel h2{font-size:56px}.shipping-panel .title-line{margin-top:12px;margin-bottom:30px}.shipping-panel .fields{gap:22px}.shipping-panel .primary{bottom:47px}.shipping-panel .form-error{bottom:10px}.status-panel{top:744px;height:682px;text-align:center}.status-panel .status-icon{position:absolute;left:46px;top:-64px;width:546px;height:546px;object-fit:contain;pointer-events:none}.status-panel .success-icon{left:162px;top:2px;width:288px;height:257px}.status-panel h2{position:absolute;left:30px;right:30px;top:352px;font-size:43px;letter-spacing:1px}.status-panel .status-copy{position:absolute;left:40px;right:40px;top:446px;font-size:26px;line-height:1.7;margin:0;white-space:pre-line}.status-panel .title-line{position:absolute;top:429px;left:245px;margin:0}.status-panel.success h2{top:253px;font-size:39px}.status-panel.success .title-line{top:318px}.status-panel.success .status-copy{top:340px;font-size:24px;line-height:2.1}.status-list{margin:0;padding:0;list-style:none;text-align:left}.status-list li{background:#f8faff;border-radius:4px;margin:9px 0;padding:3px 14px}.status-list li span{color:#70aee2;margin-right:12px}.status-panel .under-link{position:absolute;left:80px;right:80px;bottom:-58px;border:0;background:transparent;color:white;font-size:24px;padding:10px;text-decoration:underline}.status-panel .shipping-details{font-size:23px;line-height:1.7;background:#f4f9ff;border-radius:8px;padding:12px;overflow-wrap:anywhere}.status-panel.review h2{font-size:43px}.status-panel.review .status-copy{top:337px;font-size:25px;line-height:1.7}.small-state{font-size:22px;color:#8a9aad}.sronly{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}.modal-shade{position:absolute;inset:0;background:#06111bc9;z-index:30;display:flex;align-items:center;justify-content:center}.rules-card{position:relative;width:660px;height:1240px;background:#fff;border-radius:30px;padding:42px;color:#212832;box-shadow:0 20px 80px #0004}.rules-card h2{text-align:center;font-size:39px;margin:0 0 24px}.rules-scroll{height:965px;overflow:auto;overscroll-behavior:contain;font-size:26px;line-height:1.65;padding:0 10px 0 0}.rules-scroll h3{font-size:27px;margin:23px 0 5px}.rules-scroll p{margin:0}.rules-card .primary{position:absolute;bottom:35px;left:42px;right:42px;width:calc(100% - 84px);font-size:34px}.close-modal{position:absolute;right:8px;top:8px;width:80px;height:80px;border:0;background:none;color:#536578;font-size:48px}.draw-layer{position:absolute;inset:0;background:linear-gradient(#000b,#070400e6);z-index:20;color:#fff}.draw-heading{position:absolute;left:60px;right:60px;top:451px;text-align:center}.draw-heading h2{font-size:64px;letter-spacing:4px;margin:0}.draw-heading p{font-size:37px;margin:22px 0}.gift-stage{position:absolute;left:0;right:0;top:650px;height:480px}.gift-stage img{position:absolute;max-width:none;pointer-events:none}.gift{left:-2%;top:-4%;width:104%;z-index:3;transform-origin:50% 70%;animation:gift-shake 3.2s ease-in-out both}.trails{left:-3%;top:0;width:106%;z-index:4;animation:trail-orbit 1.1s ease-in-out 3}.ring{left:9%;width:82%;top:75%;z-index:2;animation:ring-glow 1.4s ease-in-out 3}.draw-label{position:absolute;top:1212px;left:0;right:0;text-align:center;font-size:36px;letter-spacing:3px}.draw-dots{display:flex;gap:15px;justify-content:center;margin-top:15px}.draw-dots i{width:14px;height:14px;background:#fff;border-radius:50%;animation:dots 1s ease-in-out 4}.draw-dots i:nth-child(2){background:#ff7510;animation-delay:.15s}.draw-dots i:nth-child(3){animation-delay:.3s}.bloom{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#fff6d8cc,transparent 65%);opacity:0;animation:bloom 900ms ease 2.6s both;z-index:6;pointer-events:none}.confetti{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.confetti i{position:absolute;left:50%;top:45%;width:12px;height:22px;border-radius:2px;background:#ffcf65;animation:confetti 2.4s ease-out both;animation-delay:var(--delay)}#toast{position:absolute;left:110px;right:110px;bottom:156px;background:#11283ef0;border-radius:18px;color:#fff;padding:22px 24px;font-size:27px;line-height:1.5;text-align:center;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}#console-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#193044;color:#fff;padding:12px 18px;border-radius:9px;font-size:13px;z-index:100;display:none}#console-toast.show{display:block}
@keyframes page-in{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes gift-shake{0%{transform:rotate(0)}16%{transform:translateY(-18px) rotate(-2deg)}32%{transform:translateY(-6px) rotate(2deg)}44%{transform:translateY(-16px) rotate(-3deg)}53%{transform:translateY(-6px) rotate(4deg)}60%{transform:translateY(-16px) rotate(-6deg)}66%{transform:rotate(6deg)}72%{transform:rotate(-5deg)}78%{transform:rotate(5deg)}86%{transform:scale(.96)}100%{transform:translateY(-30px) scale(1.1)}}@keyframes trail-orbit{0%,100%{transform:rotate(-12deg) scale(.94);opacity:.4}50%{transform:rotate(12deg) scale(1.04);opacity:1}}@keyframes ring-glow{0%,100%{transform:scale(.92);opacity:.5}50%{transform:scale(1.05);opacity:1}}@keyframes dots{0%,70%,100%{opacity:.4;transform:none}35%{opacity:1;transform:translateY(-7px)}}@keyframes bloom{0%{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1.2)}100%{opacity:0;transform:scale(1.6)}}@keyframes confetti{0%{transform:translate(0,0) rotate(0);opacity:0}20%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}
@media(max-width:760px){.workspace{display:block}.mobile-bar{height:40px;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:0 12px;font-size:11px}.mobile-bar button{background:#edf4f9;border:0;border-radius:5px;padding:6px 10px;font-size:11px}.console{display:none;position:relative;height:auto;width:100%;border:0;z-index:70}.console.open{display:block}.preview-area{padding:0;background:#ed8a33}.preview-heading,.preview-footer{display:none}.devices{display:block;width:100%}.device{width:100%;height:calc(100svh - 40px);aspect-ratio:auto;border-radius:0;box-shadow:none}#reference{max-width:100%;height:auto;padding:20px;background:#eef1f5}#reference img{width:100%;max-height:none}.console.open+.preview-area .device{height:calc(100svh - 40px)}}
.status-panel .status-icon:not(.success-icon){clip-path:inset(64px 0 0)}.status-panel .full-icon{left:1px;top:-66px;width:637px;height:570px;clip-path:inset(66px 0 0)}
.winner-note{margin:0}.consent .inline-link{padding:0}.lead-panel .title-line{margin-bottom:22px}
.device{overflow:clip}
.form-row>label{font-size:25px;letter-spacing:0}
.lead-panel{padding-top:24px}.lead-panel .title-line{margin:12px auto 18px}.lead-panel .fields{gap:12px}.lead-panel .form-row{min-height:64px}.lead-panel .form-row input,.lead-panel .form-row select{height:64px;font-size:26px;padding:0 12px}.lead-panel .form-row input::placeholder{font-size:23px}.lead-panel .triple select{font-size:24px;padding:0 6px}.phone-code-controls{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:10px;min-width:0}.code-button{height:64px;border:1px solid #ffd2ab;border-radius:8px;background:#fff2e5;color:#cc5a0c;font-size:24px;white-space:nowrap;padding:0 6px}.code-button:disabled{opacity:1;color:#91979f;border-color:#e6e8eb;background:#f1f3f6}.otp-note{margin:8px 0 0;height:28px;line-height:28px;font-size:22px;text-align:center;color:#69788a;white-space:nowrap}.otp-note strong{color:#d25a0b;letter-spacing:2px;font-variant-numeric:tabular-nums}.otp-note.verified{color:#258354}.lead-panel .consent{margin-top:12px;padding-top:12px}
@media(max-width:760px){.workspace{min-height:0}.mobile-bar{position:sticky;top:0;z-index:80}.console.open{position:fixed;top:40px;bottom:0;height:auto;overflow:auto;box-shadow:0 12px 28px #10283a33}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body.avalon-live{background:#f3a143}.avalon-live .mobile-bar,.avalon-live .console,.avalon-live .preview-heading,.avalon-live .preview-footer,.avalon-live #reference,.avalon-live #safe-guide,.avalon-live #console-toast{display:none!important}.avalon-live .workspace{display:block;min-height:100svh}.avalon-live .preview-area{padding:0;min-height:100svh;background:#f3a143;justify-content:center}.avalon-live .devices{width:100%;margin:0}.avalon-live .device{width:min(100vw,480px);height:100svh;max-height:none;border-radius:0;box-shadow:none;aspect-ratio:auto}.avalon-live .triple input{min-width:0;width:100%}