/* Mome H5 生成结果页 v1：首屏状态海报，成功页第二屏保留真实结果与下载。 */
:root{--result-red:#b6242b;--result-ink:#202525;--result-copy:#737774;--result-cream:#fff2de}
.result-mask{position:fixed;z-index:75;inset:0;display:none;align-items:flex-start;justify-content:center;width:100%;height:100vh;height:100svh;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0;background:#f2ede7;-webkit-overflow-scrolling:touch}
.result-mask.active{display:flex}
.result-card{position:relative;width:100%;max-width:var(--h5-page-max,430px);min-height:100%;overflow:hidden;padding:0;border:0;border-radius:0;color:var(--result-ink);text-align:left;transform:none;background:radial-gradient(ellipse at 18% 13%,rgba(255,250,239,.92),transparent 39%),radial-gradient(ellipse at 87% 45%,rgba(255,246,227,.76),transparent 34%),radial-gradient(ellipse at 23% 80%,rgba(249,227,202,.56),transparent 38%),linear-gradient(180deg,#fcedd8 0%,#fff2de 49%,#fae8d0 100%);box-shadow:none}
.result-hero{position:relative;z-index:1;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;padding:max(28px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom))}
.page-deco{position:absolute;z-index:0;inset:0 0 auto;width:100%;height:100vh;height:100svh;height:100dvh;pointer-events:none}
.page-deco::before{position:absolute;top:48px;right:-10px;width:124px;height:96px;border-radius:52% 48% 46% 54%/58% 51% 49% 42%;background:radial-gradient(circle at 32% 42%,rgba(205,102,86,.13) 0 15px,transparent 16px),radial-gradient(circle at 72% 48%,rgba(205,102,86,.13) 0 15px,transparent 16px),linear-gradient(140deg,rgba(222,125,107,.11),rgba(237,153,130,.17));content:"";transform:rotate(13deg)}
.page-deco::after{position:absolute;right:0;bottom:0;left:0;height:32px;content:"";opacity:.72;background:linear-gradient(7deg,transparent 0 29%,rgba(238,131,139,.38) 30% 45%,transparent 46%) 0 3px/61px 27px repeat-x,linear-gradient(-7deg,transparent 0 34%,rgba(246,166,95,.32) 35% 52%,transparent 53%) 19px 0/73px 30px repeat-x,repeating-linear-gradient(90deg,rgba(224,88,112,.26) 0 3px,transparent 3px 9px,rgba(244,174,96,.23) 9px 14px,transparent 14px 20px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%);mask-image:linear-gradient(180deg,transparent,#000 30%)}
.color-chips{display:flex;position:absolute;top:max(31px,env(safe-area-inset-top));left:24px;gap:7px}.color-chips i{display:block;width:16px;height:16px;border:1px solid rgba(255,255,255,.92);box-shadow:0 1px 2px rgba(72,46,28,.12)}.color-chips i:nth-child(1){background:#b81320}.color-chips i:nth-child(2){background:#235fb5}.color-chips i:nth-child(3){background:#ee9716}
.result-hero h2{position:absolute;z-index:2;top:clamp(112px,12.7vh,132px);left:64px;margin:0;color:var(--result-ink);font-size:clamp(29px,7.5vw,34px);line-height:1.18;font-weight:800;letter-spacing:-.04em}
.result-hero h2::before{display:grid;position:absolute;top:50%;left:-40px;width:31px;height:31px;place-items:center;border-radius:50%;content:"✓";color:#fff;font-family:Arial,sans-serif;font-size:23px;line-height:1;font-weight:700;transform:translateY(-50%);background:linear-gradient(145deg,#c73539,#a90f1c);box-shadow:0 4px 10px rgba(151,15,24,.18)}
.result-desc-top{position:absolute;z-index:2;top:clamp(161px,18.2vh,187px);right:24px;left:25px;margin:0;color:var(--result-copy);font-size:clamp(14px,3.7vw,17px);line-height:1.55;font-weight:400;white-space:nowrap}
.floating-mark{position:absolute;z-index:1;pointer-events:none}.floating-mark.smile{top:22%;left:18px;width:58px;height:31px;border-bottom:4px solid var(--result-red);border-radius:0 0 58px 58px;transform:rotate(-10deg)}.floating-mark.smile::before,.floating-mark.smile::after{position:absolute;top:-9px;width:5px;height:13px;border-radius:5px;content:"";background:var(--result-red)}.floating-mark.smile::before{left:8px;transform:rotate(-25deg)}.floating-mark.smile::after{left:31px;transform:rotate(-18deg)}
.floating-mark.paw{top:32%;left:27px;width:29px;height:29px;border-radius:50%;opacity:.46;background:radial-gradient(ellipse at 52% 65%,#e48280 0 31%,transparent 33%)}.floating-mark.paw::before{position:absolute;inset:-5px -3px auto;height:17px;content:"";background:radial-gradient(circle at 13% 70%,#e48280 0 4px,transparent 4.5px),radial-gradient(circle at 37% 34%,#e48280 0 4px,transparent 4.5px),radial-gradient(circle at 63% 30%,#e48280 0 4px,transparent 4.5px),radial-gradient(circle at 87% 69%,#e48280 0 4px,transparent 4.5px)}
.floating-mark.heart{top:42%;right:19px;width:23px;height:23px;border-right:3px solid #ef9319;border-bottom:3px solid #ef9319;border-radius:4px;transform:rotate(45deg)}.floating-mark.heart::before,.floating-mark.heart::after{position:absolute;border:3px solid #ef9319;content:""}.floating-mark.heart::before{top:-8px;left:-3px;width:12px;height:14px;border-right:0;border-bottom:0;border-radius:10px 0 0}.floating-mark.heart::after{top:-3px;right:-8px;width:14px;height:12px;border-bottom:0;border-left:0;border-radius:0 10px 0 0}
.floating-mark.dot{top:63%;right:25px;width:25px;height:25px;border-radius:50%;opacity:.55;background:#e47079;box-shadow:inset 5px 2px 0 rgba(255,255,255,.16)}
.floating-mark.bone{right:50%;bottom:11.5%;width:25px;height:8px;border:2px solid #d9ae6c;border-radius:7px;opacity:.75;transform:translateX(4px) rotate(42deg)}.floating-mark.bone::before,.floating-mark.bone::after{position:absolute;top:50%;width:10px;height:10px;border:2px solid #d9ae6c;border-radius:50%;content:"";transform:translateY(-50%);background:var(--result-cream)}.floating-mark.bone::before{left:-6px}.floating-mark.bone::after{right:-6px}
.result-hero::before{position:absolute;z-index:1;bottom:max(71px,calc(env(safe-area-inset-bottom) + 51px));left:39px;width:92px;content:"猫么\A Mome";color:var(--result-red);font-family:"Arial Rounded MT Bold","Microsoft YaHei",sans-serif;font-size:22px;line-height:.92;font-weight:900;white-space:pre;letter-spacing:-.04em}.result-hero::after{position:absolute;z-index:1;right:27px;bottom:max(68px,calc(env(safe-area-inset-bottom) + 48px));width:88px;height:55px;content:"";background:url("/static/h5-home/result-corner-pets.svg?v=1") center/contain no-repeat}
.result-code{position:absolute;z-index:2;right:24px;bottom:max(39px,calc(env(safe-area-inset-bottom) + 19px));max-width:225px;color:#7f827e;font-size:13px;line-height:20px;font-variant-numeric:tabular-nums;text-align:right}.result-code[hidden]{display:none}.fail-illustration,.retry-result-btn{display:none}
.result-details{position:relative;z-index:2;padding:24px 16px calc(36px + env(safe-area-inset-bottom));border-top:1px solid rgba(181,96,79,.13);background:rgba(255,250,242,.92)}.result-grid{display:grid;grid-template-columns:1fr;gap:14px}.result-item{position:relative;overflow:hidden;padding:39px 9px 9px;border:1px solid rgba(171,8,23,.11);border-radius:18px;background:rgba(255,255,255,.76);box-shadow:0 8px 24px rgba(92,48,30,.07)}.result-label{position:absolute;top:10px;left:14px;color:#532c26;font-size:15px;line-height:22px;font-weight:700}.result-item img{display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.5)}.result-note,#resultDesc{color:var(--result-copy);font-size:13px;line-height:21px}.result-note{padding:9px 3px 2px}#resultDesc{margin:14px 4px 0;text-align:center}
.download-result-btn{display:flex;width:min(310px,100%);min-height:48px;align-items:center;justify-content:center;margin:17px auto 0;border-radius:999px;color:#fff;font-size:17px;line-height:24px;font-weight:700;text-decoration:none;background:linear-gradient(105deg,#a90717,#d72d35);box-shadow:0 8px 18px rgba(171,8,23,.18)}.download-result-btn[hidden]{display:none}
.result-mask.failed .result-hero h2::before{content:"×";font-size:31px;font-weight:300}.result-mask.failed .result-desc-top{white-space:normal}.result-mask.failed .fail-illustration{display:block;position:absolute;z-index:2;top:35.5%;left:50%;width:min(55vw,230px);transform:translateX(-50%)}.result-mask.failed .fail-illustration img{display:block;width:100%;height:auto}.result-mask.failed .retry-result-btn{display:flex;position:absolute;z-index:3;top:60%;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 .result-details{display:none}.result-mask.failed .result-code{display:none}
@media(max-width:360px){.result-hero{padding-right:18px;padding-left:18px}.result-hero h2{left:57px}.result-desc-top{right:18px;left:20px;font-size:13px}.result-hero::before{left:28px}}
@media(max-height:760px) and (orientation:portrait){.result-hero h2{top:87px}.result-desc-top{top:131px}.floating-mark.smile{top:25%}.floating-mark.paw{top:38%}.result-mask.failed .fail-illustration{top:33%;width:min(55vw,216px)}.result-mask.failed .retry-result-btn{top:67%}.result-hero::before{bottom:max(57px,calc(env(safe-area-inset-bottom) + 39px))}.result-hero::after{bottom:max(54px,calc(env(safe-area-inset-bottom) + 36px))}.result-code{bottom:max(29px,calc(env(safe-area-inset-bottom) + 11px))}}
@media(orientation:landscape) and (max-height:600px){.result-hero{min-height:600px}.page-deco{height:600px}}
@media(min-width:431px){.result-card{box-shadow:0 0 34px rgba(74,43,24,.08)}}