@font-face{font-family:BeePingFang;src:url(/assets/fonts/pingfang-sc-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BeePingFang;src:url(/assets/fonts/pingfang-sc-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:BeeLatin;src:url(/assets/fonts/tt-commons-regular.woff2)format("woff2");font-weight:400 500;font-style:normal;font-display:swap}:root{--content-width:430px;--visual-height:100dvh;--visual-bottom:100dvh;--visual-top:0px;color:#153966;font-synthesis:none;background:#e9f5ff;font-family:PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none}.wide-backdrop{display:none}@media (width>=431px){.wide-backdrop{filter:blur(24px);pointer-events:none;background-position:50%;background-size:cover;display:block;position:fixed;inset:-32px}.wide-backdrop:after{content:"";background:#e9f5ff40;position:absolute;inset:0}}.campaign{--u:calc(min(100vw,var(--content-width)) / 750);z-index:1;width:min(100%, var(--content-width));margin-inline:auto;position:absolute;inset:0;overflow:clip}.page-scroll{position:absolute;inset:0;overflow:clip}.page-scroll.is-locked{pointer-events:none;overflow:clip}.canvas{width:100%;height:100%;position:relative;overflow:clip;container-type:inline-size}.canvas-home{background:linear-gradient(#bce4ff 50%,#25431a 50%)}.canvas-scenes{background:#fff}.canvas-result{background:#f6faff}.screen-art{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.page-decoration{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;display:block;position:absolute}.home-title{left:calc(90 * var(--u));top:calc(50% - 587 * var(--u));width:calc(600 * var(--u))}.home-bee{left:calc(116 * var(--u));top:calc(50% - 272 * var(--u));width:calc(500 * var(--u))}.scene-title{left:calc(113 * var(--u));top:calc(50% - 431 * var(--u));width:calc(400 * var(--u))}.scene-frame{left:calc(433 * var(--u));top:calc(50% - 455 * var(--u));width:calc(206 * var(--u))}.scene-bee{left:calc(425 * var(--u));top:calc(50% - 470 * var(--u));width:calc(220 * var(--u))}.scene-hint{left:calc(262 * var(--u));top:calc(50% + 505 * var(--u));width:calc(227 * var(--u))}.result-title{left:calc(123 * var(--u));top:max(calc(50% - 457 * var(--u)),calc(env(safe-area-inset-top,0px) + 16px + 68 * var(--u)));width:calc(500 * var(--u))}.result-message{left:calc(211 * var(--u));top:min(calc(50% + 282 * var(--u)),calc(100% - 280 * var(--u) - max(20px,env(safe-area-inset-bottom,0px))));width:calc(320 * var(--u))}.brand-logo{left:calc(236 * var(--u));top:max(calc(env(safe-area-inset-top,0px) + 16px),calc(50% - 580 * var(--u)));width:calc(279 * var(--u));height:calc(48 * var(--u));object-fit:contain;position:absolute}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.art-button,.scene-card,.close-button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;display:block;position:absolute}.art-button img,.scene-card img,.close-button img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.art-button{color:#153966;text-decoration:none}.art-button:focus-visible,.scene-card:focus-visible,.close-button:focus-visible{outline-offset:3px;border-radius:12px;outline:2px solid #cda23b}.art-button:disabled{opacity:.8;cursor:wait}.home-button{left:calc(195 * var(--u));top:min(calc(50% + 473 * var(--u)),calc(100% - 100 * var(--u) - max(20px,env(safe-area-inset-bottom,0px))));width:calc(360 * var(--u));height:calc(100 * var(--u))}.scene-grid{--grid-width:min(calc(504 * var(--u)),calc((100dvh - 200px) * 504 / 593));width:var(--grid-width);aspect-ratio:504/593;left:50%;top:clamp(150px,calc(50% - 144 * var(--u)),calc(100% - var(--grid-width) * 593 / 504 - 20px));position:absolute;transform:translate(-50%)}.scene-card{width:46.4286%;height:47.2175%;container-type:inline-size}.card-morning{top:0;left:0}.card-immunity{top:0;left:53.5714%}.card-glow{top:52.6138%;left:.59524%}.card-energy{top:52.7825%;left:53.5714%}.scene-card .card-art{width:128.205%;height:121.429%;position:absolute;top:-3.92857%;left:-14.1026%}.scene-card .card-label{color:#173667;text-align:center;white-space:nowrap;pointer-events:none;width:100%;font-family:BeePingFang,PingFang SC,Microsoft YaHei,sans-serif;font-size:10.2564cqw;font-weight:400;line-height:1.2;position:absolute;top:82.8571%;left:0}.scene-card[aria-pressed=true] .card-label{color:#fff;font-weight:600}.flower{left:calc(115 * var(--u));top:calc(50% - 332 * var(--u));width:calc(520 * var(--u));height:calc(520 * var(--u));position:absolute}.flower img{width:100%;height:100%;position:absolute;inset:0}.flower-lit{opacity:0;transition:opacity 1s ease-in-out}.flower-lit.is-lit{opacity:1}.coupon-button{left:calc(205 * var(--u));top:min(calc(50% + 484 * var(--u)),calc(100% - 100 * var(--u) - max(20px,env(safe-area-inset-bottom,0px))));width:calc(340 * var(--u));height:calc(100 * var(--u))}.modal-overlay{z-index:10;background:#000000c7;position:fixed;inset:0}.modal-panel{z-index:11;left:50%;bottom:max(0px, calc(100dvh - var(--visual-bottom)));width:min(100%, var(--content-width));border-radius:24px 24px 0 0;outline:none;position:fixed;overflow:hidden;transform:translate(-50%);container-type:inline-size}.modal-panel:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:1px solid #ffffff4d;border-bottom:0;position:absolute;inset:0}.form-panel{max-height:calc(var(--visual-height) - 12px);background:#95c8fe}.form-scroll{max-height:inherit;scrollbar-width:none;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px);overflow:auto}.registration-artboard{width:100%;height:clamp(121.067cqw,calc(var(--visual-height) * .7),165.467cqw);position:relative}.form-art{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.registration-form{font-family:BeeLatin,BeePingFang,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;position:absolute;inset:0}.field{color:#f1f6ff;width:74.94%;font-size:3.467cqw;line-height:1;position:absolute;left:12.53%}.field-name{top:28.85%}.field-phone{top:46.25%}.field-email{top:63.44%}.field span{margin-bottom:2.13cqw;display:block}.field input{color:#153966;-webkit-appearance:none;background:#fff;border:1px solid #dce6ef;border-radius:1.2cqw;outline:none;width:100%;height:10.8cqw;padding:0 4.13cqw;font-family:inherit;font-size:max(16px,3.1cqw);font-weight:400;line-height:normal;display:block}.field input::placeholder{color:#b9bec5;font-size:3.1cqw}.field input:focus{border-color:#f4d78b;box-shadow:0 0 0 2px #f7d68b80}.submit-button{width:48%;height:13.333cqw;top:80.4%;left:26%}.submission-status{background:#f2d78d;border-radius:999px;place-items:center;font-size:3.6cqw;display:grid;position:absolute;inset:3%}.form-error{text-align:center;color:#fff3cf;width:88%;margin:0;font-size:2.9cqw;line-height:1.2;position:absolute;top:76.8%;left:6%}.close-button{z-index:2;width:44px;height:44px;padding:12px}.form-panel>.close-button{top:4.33cqw;right:8.93cqw}.intro-panel{top:calc(var(--visual-top) + max(env(safe-area-inset-top,0px), min(48px,7.12dvh)));background:#fff}.intro-panel:after{border-color:#fffffff2}.intro-scroll-area{position:absolute;inset:0}.intro-scroll{overscroll-behavior:contain;touch-action:pan-y;outline:none;width:100%;height:100%}.intro-scrollbar{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#dde2e880;border-radius:999px;width:4px;margin:66px 8px 18px 0;display:flex}.intro-scroll-thumb{border-radius:inherit;background:#f7f8fa;flex:1;min-height:32px;position:relative}.intro-scroll-thumb:before{content:"";position:absolute;inset:0 -9px}.intro-artboard{width:100%;position:relative}.intro-art{width:100%;height:auto;display:block}.adopt-button{aspect-ratio:400/100;width:53.3333%;bottom:12cqw;left:23.3333%}.intro-panel>.close-button{top:10px;right:8px}.form-scroll::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.flower-lit{transition-duration:.01ms}}