@font-face{font-family:PptSerif;src:url('assets/heading.woff2') format('woff2');font-weight:900;font-display:swap}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#e6eef6;color:#001c52;font-family:'Microsoft YaHei','PingFang SC',sans-serif}button,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid #2685ff;outline-offset:3px}[hidden]{display:none!important}#app{position:absolute;left:50%;top:50%;width:500px;height:890px;transform:translate(-50%,-50%) scale(var(--scale,.78));overflow:hidden;isolation:isolate}.page{position:absolute;inset:0;visibility:hidden;pointer-events:none}.page.active{visibility:visible;pointer-events:auto}.page.entering{animation:page-in .65s cubic-bezier(.2,.7,.2,1) both}.obj{position:absolute;margin:0;padding:0;border:0;background:none;overflow:visible}.obj>img{width:100%;height:100%;display:block;pointer-events:none}.text{line-height:1.4;overflow:hidden}.text p{margin:0;padding:0}.text span{white-space:normal}.artwork{pointer-events:none}.control{z-index:3}.control p{pointer-events:none}.customer-image img{object-fit:contain}.dynamic{font-size:inherit;line-height:1.35;font-weight:500;overflow:hidden;overflow-wrap:anywhere}.brand-word{font-weight:900;letter-spacing:2px}.brand-word p span{font-family:KaiTi,'Microsoft YaHei',sans-serif!important;font-weight:900!important}#p1-o20,#p4-o54,#p4-o56{pointer-events:none}#extra-input{position:absolute;left:70px;top:455px;width:359px;height:221px;border:1px dashed #b9d0ff;border-radius:12px;padding:17px;background:#f8fbff;z-index:4}#extra-input label{display:block;font-size:15px;margin-bottom:10px}textarea{resize:none;display:block;border:1px solid #cad9ec;border-radius:6px;background:#fff;padding:9px;width:100%;font-size:15px;line-height:1.5}#input-value{height:104px}#submit-extra,#supplement-form button{display:block;border:0;border-radius:10px;background:linear-gradient(100deg,#304573,#416578);color:#fff;padding:9px 25px;margin:10px auto 0;font-size:15px}#input-status{position:absolute;top:744px;left:60px;width:380px;text-align:center;font-size:14px}#p2-o3{white-space:nowrap}#p2-o3 p{white-space:nowrap}.loading-dots span{animation:blink 1.3s infinite;animation-delay:calc(var(--i)*.17s)}.original-step,.original-progress{visibility:hidden}#scan-text{position:absolute;left:135px;top:388px;width:230px;height:112px;overflow:hidden;font-size:17px;line-height:1.65;padding:10px}.scan-line{position:absolute;left:130px;top:370px;width:240px;height:2px;background:#50a8ff;box-shadow:0 0 18px #409bff;animation:scan 2.8s ease-in-out infinite;pointer-events:none}.progress-track{position:absolute;left:71px;top:576px;width:324px;height:15px;border:1px solid white;border-radius:12px;background:#ebeff7;overflow:hidden}#progress-fill{height:100%;width:0;background:linear-gradient(90deg,#277cff,#4baaff,#9c73ff);border-radius:12px;transition:width .5s}#analysis-steps{list-style:none;position:absolute;left:87px;top:607px;width:340px;padding:0;margin:0}#analysis-steps li{height:52px;position:relative;padding-left:40px}#analysis-steps h2{font-size:13px;margin:0;line-height:20px;font-weight:700}#analysis-steps p{font-size:12px;margin:0;line-height:19px;color:#7a9abb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-indicator{position:absolute;left:0;top:0;width:21px;height:21px;background:#d4e1f4;border-radius:50%;font-size:14px;color:white;text-align:center;line-height:21px}.done .step-indicator{background:#2d82ff}.running .step-indicator{background:#fff;border:2px solid #328dff;box-shadow:inset 0 0 0 4px white}.running .step-indicator:after{content:'';position:absolute;inset:4px;border-radius:50%;background:#328dff}.waiting h2{color:#83a0bd;font-weight:400!important}.finished .scan-line,.failed .scan-line{display:none}#facts-next-area{position:absolute;left:30px;top:580px;width:440px;height:255px;background:none;border:0;z-index:2}#p3-o34{z-index:5}#p3-o28{transform:rotate(-7deg)}#p3-o50{font-size:11px;line-height:1.35}#p4-o9,#p4-o24,#p4-o49{font-weight:700}#p4-o19,#p4-o58,#p4-o59{cursor:pointer;font-size:11px!important}#p4-o10{font-size:14px}#p4-o25{font-size:13px}#p4-o41,#p4-o60{font-size:12px}#p4-o53{font-weight:700;font-size:19px}.invisible-control{cursor:pointer}.modal{position:absolute;inset:0;z-index:100;background:#0c2e5570;display:grid;place-items:center;padding:28px}.modal>section{background:#f5faff;border:1px solid white;border-radius:20px;width:100%;padding:24px;box-shadow:0 20px 65px #03215444;animation:page-in .4s both}.modal h2{margin:0 0 16px;font-size:22px}.modal #modal-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:16px;max-height:390px;overflow:hidden}.modal #modal-body img{width:100%;height:350px;object-fit:contain}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:17px}.modal-actions button{padding:8px 14px;border:1px solid #b7cde8;border-radius:8px;background:#fff;font-size:14px}#supplement-form label{display:block;margin:16px 0 7px;font-size:14px}#supplement{height:115px}#toast{position:absolute;left:50px;bottom:45px;z-index:110;background:#143857ed;color:white;padding:14px 20px;border-radius:9px;font-size:15px;text-align:center;width:400px}.opening #p1-o2{animation:landscape-open 2.9s cubic-bezier(.12,.7,.1,1) both}.opening #p1-o3,.opening #p1-o4{animation:ink-reveal 2s .3s both}.opening #p1-o8{animation:ink-reveal 2.2s .45s both}.opening #p1-o9{animation:ink-reveal 2s .7s both}.opening #p1-o10,.opening #p1-o11{animation:card-reveal 2.2s .8s both}.opening .image-pane,.opening #p1-o12,.opening #p1-o13,.opening #p1-o14,.opening #p1-o15,.opening #p1-o22,.opening #p1-o23{animation:ink-reveal 2s 1s both}.opening #p1-o24{animation:flowers-open 3s .15s both}.opening-light{position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#fff8 48%,#d0f1ff22 53%,transparent 60%);mix-blend-mode:screen;animation:light-pass 3.3s ease-out both;z-index:8}.opening-petals{position:absolute;inset:0;pointer-events:none;z-index:9}.opening-petals i{position:absolute;top:-40px;left:calc(40px + var(--i)*37px);width:12px;height:20px;border-radius:80% 15% 80% 15%;background:linear-gradient(45deg,#ffffff,#e3f3ff);filter:drop-shadow(0 1px 3px #9dbad244);animation:petal-fall calc(2.7s + var(--i)*.08s) calc(var(--i)*.045s) both}.opening-ended .opening-light,.opening-ended .opening-petals{display:none}@keyframes landscape-open{from{transform:scale(1.13);filter:blur(10px) brightness(1.5)}to{transform:scale(1);filter:none}}@keyframes ink-reveal{from{opacity:0;filter:blur(6px);transform:translateY(17px)}to{opacity:1;filter:none;transform:none}}@keyframes card-reveal{from{opacity:0;transform:perspective(800px) rotateX(13deg) translateY(45px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes flowers-open{from{opacity:0;transform:translate(-25px,40px) scale(1.05)}to{opacity:1;transform:none}}@keyframes light-pass{0%{transform:translateX(-65%);opacity:0}20%{opacity:1}100%{transform:translateX(65%);opacity:0}}@keyframes petal-fall{0%{transform:translate(30px,0) rotate(0);opacity:0}20%{opacity:.85}100%{transform:translate(-140px,800px) rotate(220deg);opacity:0}}@keyframes page-in{from{opacity:0;filter:blur(3px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes scan{50%{transform:translateY(140px)}}@keyframes blink{0%,75%,100%{opacity:.2}35%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.opening-light,.opening-petals,.scan-line{display:none}}
.brand-word{overflow:visible;letter-spacing:0}.brand-word p{visibility:hidden}.brand-word:after{content:'';position:absolute;left:0;top:5px;width:94px;height:26px;background:url('assets/reference-wordmark.svg') center/contain no-repeat}


.control:before{content:"";position:absolute;inset:-7px -12px}.text.dynamic{white-space:pre-line}.page:not(.active) *{animation-play-state:paused!important}
@font-face{font-family:PptSans;src:url('assets/body.woff2') format('woff2');font-weight:100 900;font-display:swap}body{font-family:PptSans,'Microsoft YaHei','PingFang SC',sans-serif}.dynamic{font-family:PptSans,'Microsoft YaHei',sans-serif}

.opening-ended .image-pane{animation:none!important;opacity:1;filter:none;transform:none}#p4-o10.dynamic{font-size:16px!important;height:52px!important;line-height:1.55}#p4-o19.dynamic,#p4-o58.dynamic,#p4-o59.dynamic{font-size:12px!important;white-space:nowrap;line-height:1.1}#p4-o25.dynamic,#p4-o41.dynamic,#p4-o60.dynamic{font-size:12px!important;white-space:nowrap;line-height:1.2}#p3-o55.dynamic{font-size:12px!important;white-space:nowrap;line-height:1.2}
#p4-o19.dynamic,#p4-o58.dynamic,#p4-o59.dynamic{font-size:13px!important;height:20px!important;line-height:20px;white-space:nowrap}

/* A full second to move from the facts into reflection. */
.page.facts-exit{visibility:visible;pointer-events:none;z-index:2;animation:facts-away 1s cubic-bezier(.22,.65,.2,1) both}
.page.reflection-enter{z-index:3;animation:reflection-arrive 1s cubic-bezier(.22,.65,.2,1) both}
@keyframes facts-away{0%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:translateX(-55px) scale(.96);filter:blur(5px)}}
@keyframes reflection-arrive{0%{opacity:0;transform:translateX(65px) scale(1.025);filter:blur(7px)}35%{opacity:.3}100%{opacity:1;transform:none;filter:none}}
#p4-o28.dynamic,#p4-o31.dynamic,#p4-o34.dynamic,#p4-o37.dynamic{font-size:15px!important;height:22px!important;top:467px!important;line-height:22px;white-space:nowrap}
#p4-o53.dynamic{top:677.61px!important;height:75.05px!important;display:flex;align-items:center;font-size:19px!important;line-height:1.4}
@media(prefers-reduced-motion:reduce){.page.facts-exit{visibility:hidden}.page.reflection-enter{animation:none}}
#p4-o53.dynamic{top:681.82px!important;height:56px!important}

#p3-o28.dynamic.promotion-pending{font-size:20px!important}