/* Mome H5 定制失败页 v2：复用成功页V3视觉体系，375×667一屏展示。 */
:root{--failure-v2-red:#a01b1f;--failure-v2-title:#181c18;--failure-v2-copy:#77776f}
.result-mask.failed{overflow:hidden;overscroll-behavior:none;background:#f3f3f3}
.result-mask.failed .result-card{width:100%;max-width:var(--h5-page-max,430px);min-height:100%;overflow:hidden;background:#fff;box-shadow:none}
.result-mask.failed .result-hero{width:100%;height:100vh;height:100svh;height:100dvh;min-height:0;overflow:hidden;padding:0;background:#fff}
.result-mask.failed .page-deco{height:100%}
.result-mask.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.failed .page-deco::after{content:none}
.result-mask.failed .color-chips{top:max(17px,env(safe-area-inset-top));left:6.4%;gap:7px}
.result-mask.failed .color-chips i{width:14px;height:14px;border:0;box-shadow:none}
.result-mask.failed .color-chips i:nth-child(1){background:#a41a1e}.result-mask.failed .color-chips i:nth-child(2){background:#224ea0}.result-mask.failed .color-chips i:nth-child(3){background:#f3a021}
.result-mask.failed .result-hero h2{top:max(55px,calc(env(safe-area-inset-top) + 38px));left:18.4%;margin:0;color:var(--failure-v2-title);font-size:clamp(29px,7.73vw,33px);line-height:1.2;font-weight:800;letter-spacing:-.045em}
.result-mask.failed .result-hero h2::before{left:clamp(-46px,-12vw,-41px);width:32px;height:32px;content:"×";color:#fff;font:300 31px/1 Arial,sans-serif;background:var(--failure-v2-red);box-shadow:none}
.result-mask.failed .result-desc-top{top:max(106px,calc(env(safe-area-inset-top) + 89px));right:16px;left:6.4%;margin:0;color:var(--failure-v2-copy);font-size:clamp(13px,3.47vw,15px);line-height:1.5;font-weight:400;white-space:nowrap}
.result-mask.failed .success-result-panel{display:none}
.result-mask.failed .fail-illustration{display:block;position:absolute;z-index:2;top:max(148px,22.2dvh);left:50%;width:min(63vw,35dvh);max-width:270px;transform:translateX(-50%)}
.result-mask.failed .fail-illustration img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}
.result-mask.failed .retry-result-btn{display:flex;position:absolute;z-index:4;top:max(393px,58.9dvh);left:50%;width:min(194px,52vw);height:48px;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;color:#fff;font:700 19px/1 "Microsoft YaHei",sans-serif;transform:translateX(-50%);background:linear-gradient(105deg,#bd1724,#d93238);box-shadow:0 8px 17px rgba(157,23,31,.2)}
.result-mask.failed .retry-result-btn::before{content:"↻";font:400 30px/1 Arial,sans-serif}
.result-mask.failed .retry-result-btn:focus{outline:0}
.result-mask.failed .retry-result-btn:focus-visible{outline:2px solid rgba(160,27,31,.28);outline-offset:3px}
.result-mask.failed .retry-result-btn:active{transform:translateX(-50%) scale(.98);box-shadow:0 4px 10px rgba(157,23,31,.16)}
.result-mask.failed .floating-mark{display:block;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.failed .floating-mark::before,.result-mask.failed .floating-mark::after{display:none}
.result-mask.failed .floating-mark.smile{display:none!important}
.result-mask.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.failed .floating-mark.paw-tan{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.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.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.failed .floating-mark.bone{right:auto;bottom:calc(env(safe-area-inset-bottom) + 5.6vw);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.failed .success-brand-mark,.result-mask.failed .success-corner-pets-mark{display:block;position:absolute;z-index:3;height:auto;object-fit:contain;pointer-events:none}
.result-mask.failed .success-brand-mark{bottom:calc(env(safe-area-inset-bottom) + 9.37vw);left:7.8%;width:18.5%}
.result-mask.failed .success-corner-pets-mark{right:5.5%;bottom:calc(env(safe-area-inset-bottom) + 14.17vw);width:17%}
.result-mask.failed .result-code{display:none}
.result-mask.failed .result-hero::before{content:none}
.result-mask.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.failed .result-auxiliary{display:none!important}
@media(min-height:701px) and (orientation:portrait){.result-mask.failed .result-hero h2{top:max(min(18.4vw,79px),calc(env(safe-area-inset-top) + 52px))}.result-mask.failed .result-desc-top{top:max(min(31.86vw,137px),calc(env(safe-area-inset-top) + 105px))}.result-mask.failed .fail-illustration{top:min(23.3dvh,210px);width:min(63vw,34dvh)}.result-mask.failed .retry-result-btn{top:min(59dvh,531px)}.result-mask.failed .floating-mark.smile{top:22.7%}.result-mask.failed .floating-mark.paw{top:60.4%}.result-mask.failed .floating-mark.paw-tan{top:59.6%}.result-mask.failed .floating-mark.heart{top:66.6%}}
@media(max-width:360px){.result-mask.failed .result-hero h2{left:19%}.result-mask.failed .result-desc-top{font-size:12px}.result-mask.failed .retry-result-btn{height:46px;font-size:18px}}