/* Mome H5 定制成功页 v3：375×667 微信最小可视区，430×900 大屏校验。 */
:root{--success-v3-red:#a01b1f;--success-v3-title:#181c18;--success-v3-copy:#77776f;--success-v3-code:#8f8d86}
.result-mask:not(.failed){overflow:hidden;overscroll-behavior:none;background:#f3f3f3}
.result-mask:not(.failed) .result-card{width:100%;max-width:var(--h5-page-max,430px);min-height:100%;overflow:hidden;background:#fff;box-shadow:none}
.result-mask:not(.failed) .result-hero{width:100%;height:100vh;height:100svh;height:100dvh;min-height:0;overflow:hidden;padding:0;background:#fff}
.result-mask:not(.failed) .page-deco{height:100%}
.result-mask:not(.failed) .page-deco::before{top:max(3px,env(safe-area-inset-top));right:1.9%;width:18%;height:auto;aspect-ratio:1052/960;border-radius:0;opacity:.18;transform:none;filter:none;background:url("/static/h5-home/success-v3/success-top-deco.png?v=1") center/contain no-repeat}
.result-mask:not(.failed) .page-deco::after{content:none}
.result-mask:not(.failed) .color-chips{top:max(17px,env(safe-area-inset-top));left:6.4%;gap:7px}
.result-mask:not(.failed) .color-chips i{width:14px;height:14px;border:0;box-shadow:none}
.result-mask:not(.failed) .color-chips i:nth-child(1){background:#a41a1e}.result-mask:not(.failed) .color-chips i:nth-child(2){background:#224ea0}.result-mask:not(.failed) .color-chips i:nth-child(3){background:#f3a021}
.result-mask:not(.failed) .result-hero h2{top:max(55px,calc(env(safe-area-inset-top) + 38px));left:18.4%;margin:0;color:var(--success-v3-title);font-size:clamp(29px,7.73vw,33px);line-height:1.2;font-weight:800;letter-spacing:-.045em}
.result-mask:not(.failed) .result-hero h2::before{left:clamp(-46px,-12vw,-41px);width:32px;height:32px;content:"✓";color:#fff;font:700 23px/1 Arial,sans-serif;background:var(--success-v3-red);box-shadow:none}
.result-mask:not(.failed) .result-desc-top{top:max(101px,calc(env(safe-area-inset-top) + 84px));right:16px;left:6.4%;margin:0;color:var(--success-v3-copy);font-size:clamp(13px,3.47vw,15px);line-height:1.5;font-weight:400;text-align:left;white-space:nowrap}
.result-mask:not(.failed) .success-result-panel{position:absolute;z-index:1;top:max(140px,20.99dvh);left:50%;width:min(94vw,52dvh);max-width:404px;aspect-ratio:1;isolation:auto;transform:translateX(-50%)}
.result-mask:not(.failed) .success-result-panel::before{content:none}
.result-mask:not(.failed) .success-result-frame{display:block;position:relative;width:100%;height:100%;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.result-mask:not(.failed) .success-result-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:0;border-radius:0;background:transparent}
.result-mask:not(.failed) .success-result-frame img.subject-fitted{position:absolute;top:50%;left:50%;width:var(--result-canvas-width);max-width:none;height:auto;max-height:none;object-fit:fill;transform:translate(var(--result-shift-x),var(--result-shift-y));transform-origin:0 0}
.result-mask:not(.failed) .floating-mark{border:0;border-radius:0;transform:none;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:none}
.result-mask:not(.failed) .floating-mark::before,.result-mask:not(.failed) .floating-mark::after{display:none}
.result-mask:not(.failed) .floating-mark.smile{display:none!important}
.result-mask:not(.failed) .floating-mark.paw{top:71.2%;left:3.5%;width:10.5%;height:auto;aspect-ratio:468/512;opacity:.66;background-image:url("/static/h5-home/success-v3/success-paw-pink.png?v=1")}
.result-mask:not(.failed) .floating-mark.paw-tan{display:block;top:70.2%;right:2.8%;width:11.5%;height:auto;aspect-ratio:560/460;opacity:.62;background-image:url("/static/h5-home/success-v3/success-paw-tan.png?v=1")}
.result-mask:not(.failed) .floating-mark.heart{top:78.4%;right:3.5%;width:8.3%;height:auto;aspect-ratio:456/512;opacity:.72;background-image:url("/static/h5-home/success-v3/success-heart-orange.png?v=1")}
.result-mask:not(.failed) .floating-mark.dot{top:68%;right:4.6%;width:7.2%;height:auto;aspect-ratio:344/380;opacity:.56;background-image:url("/static/h5-home/success-v3/success-dot-pink.png?v=1")}
.result-mask:not(.failed) .floating-mark.bone{right:auto;bottom:calc(env(safe-area-inset-bottom) + 13.5vw);left:44%;width:12%;height:auto;aspect-ratio:568/540;opacity:.64;background-image:url("/static/h5-home/success-v3/success-bone.png?v=1")}
.result-mask:not(.failed) .success-brand-mark,.result-mask:not(.failed) .success-corner-pets-mark{display:block;position:absolute;z-index:3;height:auto;max-height:none;border:0;border-radius:0;object-fit:contain;background:transparent;box-shadow:none;pointer-events:none}
.result-mask:not(.failed) .success-brand-mark{bottom:calc(env(safe-area-inset-bottom) + 9.37vw);left:7.8%;width:18.5%}
.result-mask:not(.failed) .success-corner-pets-mark{right:5.5%;bottom:calc(env(safe-area-inset-bottom) + 14.17vw);width:17%}
.result-mask:not(.failed) .result-code{right:7.5%;bottom:calc(env(safe-area-inset-bottom) + 7.5vw);max-width:62%;color:var(--success-v3-code);font-size:clamp(12px,3.2vw,14px);line-height:18px;font-weight:400;text-align:right;font-variant-numeric:tabular-nums}
.result-mask:not(.failed) .result-hero::before{content:none}
.result-mask:not(.failed) .result-hero::after{position:absolute;z-index:1;right:0;bottom:0;left:0;width:100%;height:7.5vw;max-height:32px;content:"";pointer-events:none;opacity:.78;background:url("/static/h5-home/success-v3/success-footer-brush.png?v=1") center bottom/100% 100% no-repeat}
.result-mask:not(.failed) .result-auxiliary{display:none!important}
@media(min-height:701px) and (orientation:portrait){.result-mask:not(.failed) .result-hero h2{top:max(min(18.4vw,79px),calc(env(safe-area-inset-top) + 52px))}.result-mask:not(.failed) .result-desc-top{top:max(min(28.9vw,124px),calc(env(safe-area-inset-top) + 98px))}.result-mask:not(.failed) .success-result-panel{top:min(19.55dvh,176px);width:min(94vw,49dvh)}.result-mask:not(.failed) .floating-mark.smile{top:22.7%}.result-mask:not(.failed) .floating-mark.paw{top:60.4%}.result-mask:not(.failed) .floating-mark.paw-tan{top:59.6%}.result-mask:not(.failed) .floating-mark.heart{top:66.6%}}
@media(max-width:360px){.result-mask:not(.failed) .result-hero h2{left:19%}.result-mask:not(.failed) .result-desc-top{font-size:12px}}
@media(prefers-reduced-motion:reduce){.result-mask:not(.failed) *{scroll-behavior:auto}}