/* ===== 小程序标签在浏览器里的基础表现 ===== */
/* 750rpx = 100vw：1rem = 100rpx；桌面端限宽 480px 后 1rem = 64px */
html { font-size: calc(100vw / 7.5); -webkit-text-size-adjust: 100%; }
@media (min-width: 480px) { html { font-size: 64px; } }
body { margin: 0; min-height: 100vh; }
#app { position: relative; max-width: 480px; margin: 0 auto; min-height: 100vh; overflow-x: hidden; }
.mp-page { position: relative; min-height: 100vh; }
.mp-page[hidden] { display: none; }

view, scroll-view { display: block; box-sizing: border-box; }
text { display: inline; }
scroll-view { overflow: hidden; -webkit-overflow-scrolling: touch; }
scroll-view.scroll-y { overflow-y: auto; }
scroll-view.scroll-x { overflow-x: auto; white-space: nowrap; }
img { display: inline-block; vertical-align: top; max-width: 100%; }
img.mode-aspectFit { object-fit: contain; }
img.mode-aspectFill { object-fit: cover; }
img.mode-widthFix { height: auto; }
img.mode-scaleToFill { object-fit: fill; }
button { display: block; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; line-height: inherit; text-align: inherit; cursor: pointer; -webkit-appearance: none; appearance: none; }
button::after { display: none; }
input { display: block; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; color: inherit; font: inherit; min-width: 0; box-sizing: border-box; -webkit-appearance: none; appearance: none; }
canvas { display: block; }
[hidden] { display: none !important; }

/* ===== wx.showToast / showModal / 保存图片 弹层 ===== */
#mp-ui { position: fixed; inset: 0; z-index: 9999; pointer-events: none; }
#mp-ui > * { pointer-events: auto; }
.mp-toast { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 2.4rem; max-width: 70vw; padding: .32rem .4rem; border-radius: .16rem; background: rgba(17, 17, 17, .78); color: #fff; font-size: .28rem; text-align: center; box-sizing: border-box; }
.mp-toast-text-only { padding: .2rem .32rem; }
.mp-toast-icon { width: .64rem; height: .64rem; margin: 0 auto .16rem; border-radius: 50%; }
.mp-toast-icon-success { background: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center / 100% no-repeat; }
.mp-toast-icon-loading { border: .05rem solid rgba(255, 255, 255, .3); border-top-color: #fff; animation: mp-spin .8s linear infinite; box-sizing: border-box; }
.mp-toast-icon-error { background: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6z'/%3E%3C/svg%3E") center / 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6z'/%3E%3C/svg%3E") center / 100% no-repeat; }
@keyframes mp-spin { to { transform: rotate(360deg); } }
.mp-modal-mask, .mp-imgsave { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .5); }
.mp-modal { width: 6.4rem; max-width: 90vw; border-radius: .24rem; background: #fff; overflow: hidden; font-size: .3rem; color: #2b2b3a; }
.mp-modal-title { padding: .4rem .48rem .16rem; font-size: .34rem; font-weight: 600; text-align: center; }
.mp-modal-content { padding: 0 .48rem .4rem; line-height: 1.6; color: #666; text-align: center; white-space: pre-line; }
.mp-modal-content:empty { padding-bottom: .2rem; }
.mp-modal-btns { display: flex; border-top: 1px solid #ececf4; }
.mp-modal-btns button { flex: 1; padding: .28rem 0; font-size: .32rem; text-align: center; }
.mp-modal-btns button + button { border-left: 1px solid #ececf4; }
.mp-modal-cancel { color: #666; }
.mp-modal-ok { color: #6c5ce7; font-weight: 600; }
.mp-imgsave-body { display: flex; flex-direction: column; align-items: center; gap: .24rem; max-width: 90vw; }
.mp-imgsave img { width: 5.4rem; max-height: 70vh; object-fit: contain; border-radius: .16rem; box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .35); }
.mp-imgsave-tip { color: #fff; font-size: .26rem; opacity: .85; }
.mp-imgsave-dl { padding: .18rem .6rem; border-radius: .4rem; background: #6c5ce7; color: #fff; font-size: .28rem; text-decoration: none; }
.mp-imgsave-close { color: #fff; font-size: .28rem; opacity: .7; }

body{background:#F4F0FB}
/* ===== app.wxss ===== */
.mp-page{--bg:#f4f0fb;--purple:#6c5ce7;--purple-d:#5848c2;--purple-l:#efebff;--pink:#ff6b9d;--green:#00b894;--orange:#ffb142;--ink:#2b2b3a;--ink2:#8a8aa0;--line:#ececf4;--card:#fff;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Helvetica Neue,sans-serif;font-size:0.28rem}
button,img,.mp-page,scroll-view,text,view{box-sizing:border-box}
.statusbar{height:env(safe-area-inset-top);width:100%}
.card{background:var(--card);border-radius:0.28rem;box-shadow:0 0.12rem 0.4rem rgba(80,60,160,.06)}
.btn-primary{background:linear-gradient(120deg,var(--purple),var(--pink));border:none;border-radius:9.99rem;color:#fff;font-weight:700;line-height:2.6}
.btn-primary::after{border:none}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ellipsis-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}
/* ===== components/bg-layer/bg-layer ===== */
bg-layer[data-cid] .bg-root{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}
bg-layer[data-cid] .bg-layer{inset:0;opacity:1;position:absolute}
bg-layer[data-cid] .bg-layer.off{opacity:0;transition:opacity 1.4s ease}
bg-layer[data-cid] .glow{border-radius:50%;-webkit-filter:blur(0.6rem);filter:blur(0.6rem);position:absolute}
bg-layer[data-cid] .g1{height:5.8rem;right:-1.5rem;top:-1.9rem;width:5.8rem}
bg-layer[data-cid] .g2{height:6.2rem;left:-2.7rem;top:24%;width:6.2rem}
bg-layer[data-cid] .g3{bottom:-1.6rem;height:5rem;right:-1.1rem;width:5rem}
/* ===== components/tab-bar/tab-bar ===== */
tab-bar[data-cid] .tabbar-wrap{bottom:0;left:0;pointer-events:none;position:fixed;right:0;z-index:50}
tab-bar[data-cid] .tabbar{backdrop-filter:saturate(160%) blur(0.2rem);-webkit-backdrop-filter:saturate(160%) blur(0.2rem);background:hsla(0,0%,100%,.78);border-top:0.01rem solid rgba(180,175,220,.18);height:1.1rem;overflow:hidden;padding-bottom:0.24rem;pointer-events:auto}
tab-bar[data-cid] .tab,tab-bar[data-cid] .tabbar{display:-webkit-flex;display:flex;position:relative}
tab-bar[data-cid] .tab{-webkit-align-items:center;align-items:center;color:#9896b0;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;gap:0.04rem;-webkit-justify-content:center;justify-content:center;transition:color .25s ease,-webkit-transform .2s ease;transition:color .25s ease,transform .2s ease;transition:color .25s ease,transform .2s ease,-webkit-transform .2s ease}
tab-bar[data-cid] .dot{background:#6c5ce7;border-radius:50%;height:0.08rem;left:50%;position:absolute;top:0.14rem;-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);transition:-webkit-transform .32s cubic-bezier(.34,1.56,.64,1);transition:transform .32s cubic-bezier(.34,1.56,.64,1);transition:transform .32s cubic-bezier(.34,1.56,.64,1),-webkit-transform .32s cubic-bezier(.34,1.56,.64,1);width:0.08rem}
tab-bar[data-cid] .tab.on .dot{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}
tab-bar[data-cid] .ic{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:0.44rem;-webkit-justify-content:center;justify-content:center;width:0.44rem}
tab-bar[data-cid] .ti{height:0.4rem;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;width:0.4rem}
tab-bar[data-cid] .tab.on .ti{-webkit-transform:scale(1.08);transform:scale(1.08)}
tab-bar[data-cid] .tt{color:inherit;font-size:0.22rem;font-weight:500;letter-spacing:0.01rem;transition:color .25s ease,font-weight .2s ease}
tab-bar[data-cid] .tab.on,tab-bar[data-cid] .tab.on .tt{color:#6c5ce7}
tab-bar[data-cid] .tab.on .tt{font-weight:700}
tab-bar[data-cid] .tab-hover{opacity:.7;-webkit-transform:scale(.97);transform:scale(.97)}
/* ===== pages/splash/splash ===== */
[data-page="pages/splash/splash"] .splash{background:linear-gradient(160deg,#6c5ce7,#8b7bf0 60%,#ff6b9d);-webkit-flex-direction:column;flex-direction:column;inset:0;position:fixed}
[data-page="pages/splash/splash"] .logo,[data-page="pages/splash/splash"] .splash{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}
[data-page="pages/splash/splash"] .logo{-webkit-animation:breathe 1.8s ease-in-out infinite;animation:breathe 1.8s ease-in-out infinite;background:hsla(0,0%,100%,.18);border-radius:0.44rem;height:1.6rem;width:1.6rem}
[data-page="pages/splash/splash"] .logo-img{height:0.96rem;width:0.96rem}
@-webkit-keyframes breathe{0%,100%{opacity:.85;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}
}
@keyframes breathe{0%,100%{opacity:.85;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}
}
[data-page="pages/splash/splash"] .brand{color:#fff;font-size:0.52rem;font-weight:800;letter-spacing:0.04rem;margin-top:0.36rem}
[data-page="pages/splash/splash"] .slogan{color:hsla(0,0%,100%,.85);font-size:0.26rem;margin-top:0.14rem}
/* ===== pages/login/login ===== */
[data-page="pages/login/login"] .login-page{-webkit-align-items:center;align-items:center;background:linear-gradient(165deg,#6c5ce7,#8267f0 40%,#b487f3 78%,#e4a8e8);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100vh;overflow:hidden;padding:0 0.48rem;position:relative}
[data-page="pages/login/login"] .deco{border-radius:50%;-webkit-filter:blur(0.6rem);filter:blur(0.6rem);pointer-events:none;position:absolute}
[data-page="pages/login/login"] .d1{background:rgba(255,107,157,.45);height:4.2rem;right:-1.4rem;top:-1.2rem;width:4.2rem}
[data-page="pages/login/login"] .d2{background:rgba(155,108,255,.5);height:3.4rem;left:-1.6rem;top:3.8rem;width:3.4rem}
[data-page="pages/login/login"] .d3{background:rgba(255,214,165,.32);bottom:-1rem;height:3rem;right:-0.8rem;width:3rem}
[data-page="pages/login/login"] .statusbar{width:100%}
[data-page="pages/login/login"] .brand{-webkit-flex-direction:column;flex-direction:column;padding-top:0.96rem;position:relative;z-index:2}
[data-page="pages/login/login"] .brand,[data-page="pages/login/login"] .logo{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}
[data-page="pages/login/login"] .logo{background:hsla(0,0%,100%,.18);border:0.02rem solid hsla(0,0%,100%,.4);border-radius:0.44rem;box-shadow:0 0.16rem 0.4rem rgba(60,40,120,.22);height:1.48rem;-webkit-justify-content:center;justify-content:center;width:1.48rem}
[data-page="pages/login/login"] .logo-i{height:0.84rem;width:0.84rem}
[data-page="pages/login/login"] .bname{color:#fff;font-size:0.52rem;font-weight:700;letter-spacing:0.06rem;margin-top:0.28rem;text-shadow:0 0.04rem 0.16rem rgba(60,40,120,.25)}
[data-page="pages/login/login"] .bslogan{color:hsla(0,0%,100%,.82);font-size:0.26rem;letter-spacing:0.01rem;margin-top:0.12rem}
[data-page="pages/login/login"] .card{-webkit-align-items:center;align-items:center;background:#fff;border-radius:0.36rem;box-shadow:0 0.2rem 0.6rem rgba(56,34,120,.22);box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:0.72rem;padding:0.48rem 0.44rem 0.4rem;position:relative;width:100%;z-index:2}
[data-page="pages/login/login"] .ct{color:#2b2b3a;font-size:0.34rem;font-weight:700}
[data-page="pages/login/login"] .cs{color:#9896b0;font-size:0.23rem;margin-top:0.1rem}
[data-page="pages/login/login"] .ava-btn{-webkit-align-items:center;align-items:center;background:transparent;border:none;border-radius:50%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;line-height:1;margin:0.4rem 0 0.08rem;padding:0}
[data-page="pages/login/login"] button.ava-btn::after{display:none}
[data-page="pages/login/login"] .ava-btn-hover{opacity:.7}
[data-page="pages/login/login"] .ava-img,[data-page="pages/login/login"] .ava-ph{border-radius:50%;height:1.52rem;width:1.52rem}
[data-page="pages/login/login"] .ava-img{border:0.04rem solid #f0ecfb;box-shadow:0 0.1rem 0.26rem rgba(108,92,231,.18)}
[data-page="pages/login/login"] .ava-ph{-webkit-align-items:center;align-items:center;background:#f6f4fc;border:0.02rem dashed #d9d3f0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}
[data-page="pages/login/login"] .ava-cam{height:0.56rem;width:0.56rem}
[data-page="pages/login/login"] .ava-tag{color:#6c5ce7;font-size:0.22rem;margin-top:0.14rem}
[data-page="pages/login/login"] .nick{-webkit-align-items:center;align-items:center;background:#f7f5fc;border-radius:0.22rem;box-sizing:border-box;display:-webkit-flex;display:flex;gap:0.2rem;margin-top:0.28rem;padding:0.26rem 0.28rem;width:100%}
[data-page="pages/login/login"] .nick-l{color:#5b5870;-webkit-flex:0 0 auto;flex:0 0 auto;font-size:0.27rem}
[data-page="pages/login/login"] .nick-i{color:#2b2b3a;-webkit-flex:1;flex:1;font-size:0.27rem}
[data-page="pages/login/login"] .nick-ph{color:#b5b2c8}
[data-page="pages/login/login"] .lbtn{-webkit-align-items:center;align-items:center;background:linear-gradient(120deg,#6c5ce7,#9b6cff 52%,#ff6b9d);border:none;border-radius:0.48rem;box-shadow:0 0.14rem 0.32rem rgba(108,92,231,.34);display:-webkit-flex;display:flex;gap:0.14rem;height:0.96rem;-webkit-justify-content:center;justify-content:center;margin-top:0.4rem;padding:0;width:100%}
[data-page="pages/login/login"] .lbtn::after{border:none}
[data-page="pages/login/login"] .lbtn-i{height:0.42rem;width:0.42rem}
[data-page="pages/login/login"] .lbtn-t{color:#fff;font-size:0.31rem;font-weight:600;letter-spacing:0.03rem}
[data-page="pages/login/login"] .lbtn:active{opacity:.88;-webkit-transform:scale(.985);transform:scale(.985)}
[data-page="pages/login/login"] .agree{-webkit-align-items:flex-start;align-items:flex-start;gap:0.12rem;margin-top:0.3rem}
[data-page="pages/login/login"] .agree,[data-page="pages/login/login"] .cb{display:-webkit-flex;display:flex}
[data-page="pages/login/login"] .cb{-webkit-align-items:center;align-items:center;background:#fff;border:0.02rem solid #cfcadf;border-radius:50%;-webkit-flex:0 0 auto;flex:0 0 auto;height:0.32rem;-webkit-justify-content:center;justify-content:center;margin-top:0.02rem;transition:background .2s ease,border-color .2s ease;width:0.32rem}
[data-page="pages/login/login"] .cb.on{background:#6c5ce7;border-color:#6c5ce7}
[data-page="pages/login/login"] .cb-i{height:0.2rem;width:0.2rem}
[data-page="pages/login/login"] .agree-t{color:#9896b0;font-size:0.21rem;line-height:1.6}
[data-page="pages/login/login"] .link{color:#6c5ce7}
[data-page="pages/login/login"] .foot{color:hsla(0,0%,100%,.7);font-size:0.2rem;margin-top:auto;padding:0.4rem 0 calc(0.5rem + env(safe-area-inset-bottom));position:relative;text-align:center;z-index:2}
[data-page="pages/login/login"] .close-btn{-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.18);border-radius:50%;color:hsla(0,0%,100%,.85);display:-webkit-flex;display:flex;height:0.56rem;-webkit-justify-content:center;justify-content:center;left:0.24rem;position:absolute;top:calc(0.2rem + env(safe-area-inset-top));width:0.56rem;z-index:10}
[data-page="pages/login/login"] .close-x{height:0.28rem;width:0.28rem}
[data-page="pages/login/login"] .close-btn:active{background:hsla(0,0%,100%,.32)}
/* ===== pages/home/home ===== */
[data-page="pages/home/home"] .page{box-sizing:border-box;min-height:100vh;padding:0 0.36rem 1.1rem;position:relative;z-index:1}
[data-page="pages/home/home"] .header{padding:0.28rem 0.4rem 0.08rem}
[data-page="pages/home/home"] .brand{color:#2b2b3a;font-size:0.44rem;font-weight:800}
[data-page="pages/home/home"] .slogan{color:#8a8aa0;font-size:0.24rem;margin-top:0.06rem}
[data-page="pages/home/home"] .ad-wrap{margin:0.18rem 0.32rem 0}
[data-page="pages/home/home"] .share-hint{-webkit-align-items:center;align-items:center;background:#fff;border-left:0.08rem solid var(--hc,#6c5ce7);border-radius:0.2rem;box-shadow:0 0.1rem 0.28rem rgba(80,60,160,.1);display:-webkit-flex;display:flex;margin:0.16rem 0.32rem 0;padding:0.18rem 0.2rem}
[data-page="pages/home/home"] .sh-ic{-webkit-flex:0 0 auto;flex:0 0 auto;height:0.64rem;margin-right:0.18rem;width:0.64rem}
[data-page="pages/home/home"] .sh-txt{display:-webkit-flex;display:flex;-webkit-flex:1 1 auto;flex:1 1 auto;-webkit-flex-direction:column;flex-direction:column;line-height:1.32}
[data-page="pages/home/home"] .sh-l1{color:#2b2b3a;font-size:0.26rem;font-weight:600}
[data-page="pages/home/home"] .sh-l2{color:var(--hc,#6c5ce7);font-size:0.22rem;margin-top:0.04rem}
[data-page="pages/home/home"] .sh-close{-webkit-align-items:center;align-items:center;color:#b5bac3;display:-webkit-flex;display:flex;-webkit-flex:0 0 auto;flex:0 0 auto;font-size:0.38rem;height:0.44rem;-webkit-justify-content:center;justify-content:center;width:0.44rem}
[data-page="pages/home/home"] .zcard{background:#fff;border-radius:0.26rem;box-shadow:0 0.12rem 0.34rem rgba(80,60,160,.08);margin:0.22rem 0.32rem 0;overflow:hidden;padding:0.22rem 0.22rem 0.24rem;position:relative}
[data-page="pages/home/home"] .zcard::before{background:linear-gradient(180deg,var(--zl,#efebff) 0,hsla(0,0%,100%,0) 100%);content:"";height:1.4rem;left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}
[data-page="pages/home/home"] .z-head{gap:0.18rem;position:relative}
[data-page="pages/home/home"] .z-emoji,[data-page="pages/home/home"] .z-head{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}
[data-page="pages/home/home"] .z-emoji{border-radius:0.24rem;-webkit-flex:0 0 auto;flex:0 0 auto;height:0.8rem;-webkit-justify-content:center;justify-content:center;width:0.8rem}
[data-page="pages/home/home"] .z-icon{height:0.5rem;width:0.5rem}
[data-page="pages/home/home"] .z-titles{-webkit-flex:1;flex:1;min-width:0}
[data-page="pages/home/home"] .z-name{-webkit-align-items:center;align-items:center;color:#2b2b3a;display:-webkit-flex;display:flex;font-size:0.3rem;font-weight:700;gap:0.1rem}
[data-page="pages/home/home"] .z-pill{background:var(--zl,#efebff);border-radius:0.2rem;color:var(--zd,#5848c2);font-size:0.2rem;font-weight:600;padding:0.02rem 0.12rem}
[data-page="pages/home/home"] .z-date{color:#8a8aa0;font-size:0.22rem;margin-top:0.04rem}
[data-page="pages/home/home"] .z-switch{border-radius:0.28rem;-webkit-flex:0 0 auto;flex:0 0 auto;font-size:0.22rem;font-weight:600;padding:0.08rem 0.18rem}
[data-page="pages/home/home"] .z-overall{-webkit-align-items:center;align-items:center;border-radius:0.2rem;display:-webkit-flex;display:flex;font-size:0.24rem;font-weight:600;gap:0.14rem;margin:0.18rem 0 0;padding:0.14rem 0.18rem}
[data-page="pages/home/home"] .z-overall .stars{letter-spacing:0.02rem}
[data-page="pages/home/home"] .z-overall .lab{color:#8a8aa0;-webkit-flex:1;flex:1;font-size:0.22rem;font-weight:500;text-align:right}
[data-page="pages/home/home"] .z-row3{display:grid;gap:0.14rem;grid-template-columns:1fr 1fr 1fr;padding:0.18rem 0 0}
[data-page="pages/home/home"] .z-m{background:#fafafc;border-radius:0.2rem;padding:0.16rem 0.06rem;text-align:center}
[data-page="pages/home/home"] .z-m .ic{height:0.32rem;margin:0 auto;width:0.32rem}
[data-page="pages/home/home"] .z-m .stars{color:#f4be3a;letter-spacing:0.01rem}
[data-page="pages/home/home"] .z-m .stars,[data-page="pages/home/home"] .z-m .tag{font-size:0.22rem;margin-top:0.06rem}
[data-page="pages/home/home"] .z-m .tag{color:#2b2b3a;font-weight:600}
[data-page="pages/home/home"] .stars-row{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:0.06rem}
[data-page="pages/home/home"] .star{height:0.22rem;margin-right:0.04rem;width:0.22rem}
[data-page="pages/home/home"] .star:last-child{margin-right:0}
[data-page="pages/home/home"] .close-x{height:0.36rem;width:0.36rem}
[data-page="pages/home/home"] .z-date{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}
[data-page="pages/home/home"] .z-date-arrow{height:0.26rem;margin-left:0.06rem;width:0.26rem}
[data-page="pages/home/home"] .z-chips{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:0.12rem;padding:0.18rem 0 0}
[data-page="pages/home/home"] .z-chips text{background:#f3f4f8;border-radius:0.3rem;color:#8a8aa0;font-size:0.22rem;padding:0.06rem 0.18rem}
[data-page="pages/home/home"] .z-chips .b{color:#2b2b3a;font-weight:600;margin-left:0.06rem}
[data-page="pages/home/home"] .z-phrase{background:#fafafc;border-left:0.06rem solid var(--zc,#6c5ce7);border-radius:0 0.16rem 0.16rem 0;color:#2b2b3a;font-size:0.24rem;line-height:1.55;margin:0.18rem 0 0;padding:0.16rem 0.18rem}
[data-page="pages/home/home"] .z-advice{border-top:0.02rem dashed #ececf2;-webkit-flex-direction:column;flex-direction:column;gap:0.12rem;margin-top:0.18rem;padding:0.18rem 0 0.04rem}
[data-page="pages/home/home"] .z-advice,[data-page="pages/home/home"] .z-advice .row{display:-webkit-flex;display:flex}
[data-page="pages/home/home"] .z-advice .row{-webkit-align-items:flex-start;align-items:flex-start;color:#2b2b3a;font-size:0.23rem;gap:0.14rem;line-height:1.5}
[data-page="pages/home/home"] .z-advice .ic{-webkit-flex:0 0 auto;flex:0 0 auto;height:0.3rem;margin-top:0.02rem;width:0.3rem}
[data-page="pages/home/home"] .z-advice .txt{color:#5a5a6e;-webkit-flex:1;flex:1}
[data-page="pages/home/home"] .zcard-empty .z-icon{height:0.44rem;width:0.44rem}
[data-page="pages/home/home"] .sec-title{color:#2b2b3a;font-size:0.3rem;font-weight:700;margin:0.34rem 0.4rem 0.14rem}
[data-page="pages/home/home"] .cat{margin-top:0.3rem}
[data-page="pages/home/home"] .cat-head{-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:flex;margin-bottom:0.16rem;padding:0 0.32rem}
[data-page="pages/home/home"] .cat-name{color:#2b2b3a;font-size:0.34rem;font-weight:800;letter-spacing:0.01rem}
[data-page="pages/home/home"] .cat-desc{color:#9a9aa8;font-size:0.22rem;margin-left:0.14rem}
[data-page="pages/home/home"] .tlist{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:0.2rem;padding:0 0.32rem}
[data-page="pages/home/home"] .tcard{background:#fff;border:0.02rem solid #ececf4;border-radius:0.28rem;box-shadow:0 0.08rem 0.24rem rgba(80,60,160,.06);gap:0.24rem;padding:0.26rem 0.28rem}
[data-page="pages/home/home"] .tcard,[data-page="pages/home/home"] .ticon{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}
[data-page="pages/home/home"] .ticon{border-radius:0.28rem;-webkit-flex:0 0 auto;flex:0 0 auto;height:0.96rem;-webkit-justify-content:center;justify-content:center;width:0.96rem}
[data-page="pages/home/home"] .ti{height:0.56rem;width:0.56rem}
[data-page="pages/home/home"] .t-main{-webkit-flex:1;flex:1;min-width:0}
[data-page="pages/home/home"] .t-name{color:#2b2b3a;font-size:0.3rem;font-weight:700}
[data-page="pages/home/home"] .t-sub{color:#8a8aa0;font-size:0.22rem;margin-top:0.06rem}
[data-page="pages/home/home"] .t-arrow{color:#c5c5d6;-webkit-flex:0 0 auto;flex:0 0 auto;font-size:0.44rem}
[data-page="pages/home/home"] .bottom-pad{height:1.1rem}
[data-page="pages/home/home"] .mask{-webkit-align-items:flex-end;align-items:flex-end;background:rgba(0,0,0,.45);display:-webkit-flex;display:flex;inset:0;position:fixed;z-index:100}
[data-page="pages/home/home"] .sheet{background:#fff;border-radius:0.32rem 0.32rem 0 0;padding:0.28rem 0.28rem calc(0.28rem + env(safe-area-inset-bottom));width:100%}
[data-page="pages/home/home"] .sheet-head{-webkit-align-items:center;align-items:center;color:#2b2b3a;display:-webkit-flex;display:flex;font-size:0.3rem;font-weight:700;-webkit-justify-content:space-between;justify-content:space-between;padding:0.06rem 0.06rem 0.22rem}
[data-page="pages/home/home"] .close{color:#8a8aa0;font-size:0.44rem;line-height:1}
[data-page="pages/home/home"] .grid{display:grid;gap:0.16rem;grid-template-columns:repeat(4,1fr)}
[data-page="pages/home/home"] .cell{background:#fff;border:0.02rem solid #ececf4;border-radius:0.2rem;padding:0.18rem 0.06rem;text-align:center}
[data-page="pages/home/home"] .cell.on{border-width:0.03rem}
[data-page="pages/home/home"] .ce{height:0.52rem;width:0.52rem}
[data-page="pages/home/home"] .cn{color:#2b2b3a;font-size:0.24rem;font-weight:600;margin-top:0.08rem}
[data-page="pages/home/home"] .cr{color:#8a8aa0;font-size:0.18rem;margin-top:0.02rem}
/* ===== pages/mine/mine ===== */
[data-page="pages/mine/mine"] .page{box-sizing:border-box;min-height:100vh;padding-bottom:1.1rem;position:relative;z-index:1}
[data-page="pages/mine/mine"] .user{gap:0.22rem;padding:0.3rem 0.4rem 0.1rem}
[data-page="pages/mine/mine"] .avatar,[data-page="pages/mine/mine"] .user{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}
[data-page="pages/mine/mine"] .avatar{background:#fff;border-radius:50%;box-shadow:0 0.08rem 0.22rem rgba(80,60,160,.1);height:1rem;-webkit-justify-content:center;justify-content:center;width:1rem}
[data-page="pages/mine/mine"] .cat{height:0.6rem;width:0.6rem}
[data-page="pages/mine/mine"] .avatar .letter{border-radius:50%;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:0.4rem;font-weight:700;text-shadow:0 0.02rem 0.04rem rgba(0,0,0,.15)}
[data-page="pages/mine/mine"] .avatar .letter,[data-page="pages/mine/mine"] button.ava-btn{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;height:1rem;-webkit-justify-content:center;justify-content:center;width:1rem}
[data-page="pages/mine/mine"] button.ava-btn{background:transparent;border:none;border-radius:50%;-webkit-flex:0 0 auto;flex:0 0 auto;line-height:1;margin:0;overflow:hidden;padding:0}
[data-page="pages/mine/mine"] button.ava-btn::after{display:none}
[data-page="pages/mine/mine"] .ava-btn-hover{opacity:.72;-webkit-transform:scale(.96);transform:scale(.96)}
[data-page="pages/mine/mine"] .ava-img{background:#fff;border-radius:50%;box-shadow:0 0.08rem 0.22rem rgba(80,60,160,.12);display:block;height:1rem;width:1rem}
[data-page="pages/mine/mine"] .uname{color:#2b2b3a;font-size:0.34rem;font-weight:700}
[data-page="pages/mine/mine"] .uid{color:#8a8aa0;font-size:0.22rem;margin-top:0.04rem}
[data-page="pages/mine/mine"] .mz{-webkit-align-items:center;align-items:center;background:#fff;border-radius:0.26rem;box-shadow:0 0.08rem 0.24rem rgba(80,60,160,.06);display:-webkit-flex;display:flex;gap:0.2rem;margin:0.2rem 0.32rem 0;padding:0.24rem 0.26rem}
[data-page="pages/mine/mine"] .mz-icon{background:#efebff;border-radius:0.22rem;-webkit-flex:0 0 auto;flex:0 0 auto;height:0.76rem;padding:0.12rem;width:0.76rem}
[data-page="pages/mine/mine"] .mz-txt{-webkit-flex:1;flex:1;min-width:0}
[data-page="pages/mine/mine"] .mz-t{color:#2b2b3a;font-size:0.28rem;font-weight:700}
[data-page="pages/mine/mine"] .mz-s{color:#8a8aa0;font-size:0.22rem;margin-top:0.06rem}
[data-page="pages/mine/mine"] .marr{color:#c5c5d6;-webkit-flex:0 0 auto;flex:0 0 auto;font-size:0.4rem}
[data-page="pages/mine/mine"] .sec-title{color:#2b2b3a;font-size:0.3rem;font-weight:700;margin:0.38rem 0.4rem 0.14rem}
[data-page="pages/mine/mine"] .hist{padding:0 0.32rem;white-space:nowrap}
[data-page="pages/mine/mine"] .hitem{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:column;flex-direction:column;margin-right:0.2rem;vertical-align:top;width:1.3rem}
[data-page="pages/mine/mine"] .he,[data-page="pages/mine/mine"] .hitem{-webkit-align-items:center;align-items:center}
[data-page="pages/mine/mine"] .he{border-radius:0.24rem;box-shadow:0 0.06rem 0.18rem rgba(80,60,160,.08);box-sizing:border-box;display:-webkit-flex;display:flex;height:1.1rem;-webkit-justify-content:center;justify-content:center;padding:0.22rem;width:1.1rem}
[data-page="pages/mine/mine"] .hei{display:block;height:0.66rem;width:0.66rem}
[data-page="pages/mine/mine"] .hr{color:#5a5a6e;font-size:0.22rem;margin-top:0.1rem;width:1.1rem}
[data-page="pages/mine/mine"] .empty-hist,[data-page="pages/mine/mine"] .hr{text-align:center}
[data-page="pages/mine/mine"] .empty-hist{background:#fff;border-radius:0.2rem;color:#8a8aa0;font-size:0.24rem;margin:0 0.4rem;padding:0.3rem}
[data-page="pages/mine/mine"] .menu{background:#fff;border-radius:0.26rem;box-shadow:0 0.08rem 0.24rem rgba(80,60,160,.06);margin:0 0.32rem;overflow:hidden}
[data-page="pages/mine/mine"] .mitem{-webkit-align-items:center;align-items:center;border-bottom:0.02rem solid #f2f2f8;display:-webkit-flex;display:flex;gap:0.18rem;padding:0.3rem 0.28rem}
[data-page="pages/mine/mine"] .mitem:last-child{border-bottom:none}
[data-page="pages/mine/mine"] .mi{-webkit-flex:0 0 auto;flex:0 0 auto;height:0.44rem;width:0.44rem}
[data-page="pages/mine/mine"] .mt{color:#2b2b3a;-webkit-flex:1;flex:1;font-size:0.28rem}
[data-page="pages/mine/mine"] .bottom-pad{height:1.1rem}
[data-page="pages/mine/mine"] .mask{-webkit-align-items:flex-end;align-items:flex-end;background:rgba(0,0,0,.45);display:-webkit-flex;display:flex;inset:0;position:fixed;z-index:100}
[data-page="pages/mine/mine"] .sheet{background:#fff;border-radius:0.32rem 0.32rem 0 0;padding:0.28rem 0.28rem calc(0.28rem + env(safe-area-inset-bottom));width:100%}
[data-page="pages/mine/mine"] .sheet-head{color:#2b2b3a;font-size:0.3rem;font-weight:700;-webkit-justify-content:space-between;justify-content:space-between;padding:0.06rem 0.06rem 0.22rem}
[data-page="pages/mine/mine"] .close,[data-page="pages/mine/mine"] .sheet-head{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}
[data-page="pages/mine/mine"] .close{color:#8a8aa0;-webkit-justify-content:center;justify-content:center}
[data-page="pages/mine/mine"] .close-x{height:0.34rem;width:0.34rem}
[data-page="pages/mine/mine"] .grid{display:grid;gap:0.16rem;grid-template-columns:repeat(4,1fr)}
[data-page="pages/mine/mine"] .cell{background:#fff;border:0.02rem solid #ececf4;border-radius:0.2rem;padding:0.18rem 0.06rem;text-align:center}
[data-page="pages/mine/mine"] .cell.on{border-width:0.03rem}
[data-page="pages/mine/mine"] .ce{height:0.52rem;width:0.52rem}
[data-page="pages/mine/mine"] .cn{color:#2b2b3a;font-size:0.24rem;font-weight:600;margin-top:0.08rem}
[data-page="pages/mine/mine"] .cr{color:#8a8aa0;font-size:0.18rem;margin-top:0.02rem}
[data-page="pages/mine/mine"] .mask.mask-center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
[data-page="pages/mine/mine"] .edit-card{-webkit-align-self:center;align-self:center;background:#fff;border-radius:0.28rem;box-shadow:0 0.2rem 0.6rem rgba(0,0,0,.18);margin:0 auto;padding:0.4rem 0.4rem 0.32rem;width:5.6rem}
[data-page="pages/mine/mine"] .edit-title{color:#2b2b3a;font-size:0.32rem;font-weight:700;text-align:center}
[data-page="pages/mine/mine"] .edit-hint{color:#8a8aa0;font-size:0.22rem;line-height:1.5;margin-top:0.12rem;text-align:center}
[data-page="pages/mine/mine"] .edit-input{background:#f6f4fb;border:0.02rem solid transparent;border-radius:0.2rem;color:#2b2b3a;font-size:0.28rem;height:0.8rem;margin-top:0.28rem;padding:0 0.24rem}
[data-page="pages/mine/mine"] .edit-input:focus{background:#fff;border-color:#6c5ce7}
[data-page="pages/mine/mine"] .edit-actions{display:-webkit-flex;display:flex;gap:0.18rem;margin-top:0.32rem}
[data-page="pages/mine/mine"] .btn{border-radius:0.2rem;-webkit-flex:1;flex:1;font-size:0.28rem;font-weight:600;height:0.8rem;line-height:0.8rem;text-align:center}
[data-page="pages/mine/mine"] .btn-cancel{background:#f2f2f8;color:#5a5a6e}
[data-page="pages/mine/mine"] .btn-confirm{background:linear-gradient(120deg,#6c5ce7,#9b6cff);color:#fff}
[data-page="pages/mine/mine"] .login-prompt{background:#fff;border-radius:0.28rem;box-shadow:0 0.12rem 0.4rem rgba(80,60,160,.08);-webkit-flex-direction:column;flex-direction:column;margin:0.6rem 0.4rem 0.4rem;padding:0.6rem 0.4rem 0.5rem}
[data-page="pages/mine/mine"] .login-prompt,[data-page="pages/mine/mine"] .lp-ico{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}
[data-page="pages/mine/mine"] .lp-ico{background:linear-gradient(135deg,#eeeaff,#f7eafe);border-radius:50%;height:1.4rem;-webkit-justify-content:center;justify-content:center;margin-bottom:0.28rem;width:1.4rem}
[data-page="pages/mine/mine"] .lp-i{height:0.78rem;opacity:.85;width:0.78rem}
[data-page="pages/mine/mine"] .lp-t{color:#2a2a3d;font-size:0.32rem;font-weight:700;margin-bottom:0.12rem}
[data-page="pages/mine/mine"] .lp-s{color:#8a8aa0;font-size:0.24rem;line-height:1.5;margin-bottom:0.36rem;text-align:center}
[data-page="pages/mine/mine"] button.lp-btn{background:linear-gradient(120deg,#6c5ce7,#9b6cff);border:none;border-radius:0.44rem;box-shadow:0 0.08rem 0.2rem rgba(108,92,231,.3);color:#fff;font-size:0.28rem;font-weight:600;height:0.88rem;line-height:0.88rem;width:100%}
[data-page="pages/mine/mine"] button.lp-btn::after{display:none}
[data-page="pages/mine/mine"] .lp-tip{color:#b6b4c8;font-size:0.22rem;margin-top:0.24rem}
/* ===== pkgResult/pages/quiz/quiz ===== */
[data-page="pkgResult/pages/quiz/quiz"] .page{box-sizing:border-box;min-height:100vh;padding:0 0.4rem 0.6rem;z-index:1}
[data-page="pkgResult/pages/quiz/quiz"] .page,[data-page="pkgResult/pages/quiz/quiz"] .topbar{position:relative}
[data-page="pkgResult/pages/quiz/quiz"] .topbar{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;gap:0.16rem;padding:0.16rem 0 0.08rem}
[data-page="pkgResult/pages/quiz/quiz"] .back{background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%232B2B3A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m15 18-6-6 6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:0.3rem 0.3rem;border-radius:50%;box-shadow:0 0.06rem 0.18rem rgba(80,60,160,.08);-webkit-flex:0 0 auto;flex:0 0 auto;height:0.64rem;width:0.64rem}
[data-page="pkgResult/pages/quiz/quiz"] .tname{color:#2b2b3a;-webkit-flex:1;flex:1;font-size:0.3rem;min-width:0}
[data-page="pkgResult/pages/quiz/quiz"] .tcount,[data-page="pkgResult/pages/quiz/quiz"] .tname{font-weight:700}
[data-page="pkgResult/pages/quiz/quiz"] .tcount{-webkit-align-items:center;align-items:center;border-radius:9.99rem;display:-webkit-flex;display:flex;gap:0.03rem;padding:0.04rem 0.22rem;position:absolute;right:10px;top:189px;z-index:10}
[data-page="pkgResult/pages/quiz/quiz"] .tcount .tnow{font-size:0.3rem}
[data-page="pkgResult/pages/quiz/quiz"] .tcount .tsep,[data-page="pkgResult/pages/quiz/quiz"] .tcount .ttotal{font-size:0.2rem;opacity:.7}
[data-page="pkgResult/pages/quiz/quiz"] .tcount .ttotal{font-weight:500}
[data-page="pkgResult/pages/quiz/quiz"] .progress{background:rgba(108,92,231,.12);height:0.12rem;margin:0.1rem 0 0.36rem;overflow:hidden}
[data-page="pkgResult/pages/quiz/quiz"] .bar,[data-page="pkgResult/pages/quiz/quiz"] .progress{border-radius:9.99rem}
[data-page="pkgResult/pages/quiz/quiz"] .bar{height:100%;transition:width .35s ease}
[data-page="pkgResult/pages/quiz/quiz"] .qcard{background:#fff;border-radius:0.32rem;box-shadow:0 0.14rem 0.4rem rgba(80,60,160,.08);padding:0.44rem 0.36rem 0.4rem}
[data-page="pkgResult/pages/quiz/quiz"] .qtext{color:#2b2b3a;font-size:0.4rem;font-weight:700;line-height:1.5;margin-bottom:0.4rem}
[data-page="pkgResult/pages/quiz/quiz"] .options{-webkit-flex-direction:column;flex-direction:column;gap:0.22rem}
[data-page="pkgResult/pages/quiz/quiz"] .opt,[data-page="pkgResult/pages/quiz/quiz"] .options{display:-webkit-flex;display:flex}
[data-page="pkgResult/pages/quiz/quiz"] .opt{-webkit-align-items:center;align-items:center;background:#f7f7fb;border:0.03rem solid #f0f0f6;border-radius:0.24rem;-webkit-justify-content:space-between;justify-content:space-between;padding:0.3rem 0.32rem;transition:all .18s ease}
[data-page="pkgResult/pages/quiz/quiz"] .opt.sel{background:#fff;font-weight:700}
[data-page="pkgResult/pages/quiz/quiz"] .ot{color:#2b2b3a;font-size:0.3rem}
[data-page="pkgResult/pages/quiz/quiz"] .odot{border:0.03rem solid #d8d8e4;border-radius:50%;-webkit-flex:0 0 auto;flex:0 0 auto;height:0.3rem;width:0.3rem}
[data-page="pkgResult/pages/quiz/quiz"] .opt.sel .odot{border:none}
[data-page="pkgResult/pages/quiz/quiz"] .actions{border-top:0.02rem solid #f0f0f6;gap:0.24rem;-webkit-justify-content:space-between;justify-content:space-between;margin-top:0.56rem;padding-top:0.4rem}
[data-page="pkgResult/pages/quiz/quiz"] .actions,[data-page="pkgResult/pages/quiz/quiz"] .btn{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}
[data-page="pkgResult/pages/quiz/quiz"] .btn{border-radius:9.99rem;font-size:0.3rem;font-weight:700;gap:0.12rem;height:0.88rem;-webkit-justify-content:center;justify-content:center;transition:all .18s ease}
[data-page="pkgResult/pages/quiz/quiz"] .btn-prev{background:#f2f2f8;color:#6b6b7a;-webkit-flex:0 0 auto;flex:0 0 auto;padding:0 0.36rem}
[data-page="pkgResult/pages/quiz/quiz"] .btn-next{background:#e8e8f0;color:#b5bac3;-webkit-flex:1;flex:1;min-width:0}
[data-page="pkgResult/pages/quiz/quiz"] .btn.off{opacity:.6;pointer-events:none}
[data-page="pkgResult/pages/quiz/quiz"] .btn-icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%236B6B7A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m15 18-6-6 6-6'/%3E%3C/svg%3E")}
[data-page="pkgResult/pages/quiz/quiz"] .btn-icon-next,[data-page="pkgResult/pages/quiz/quiz"] .btn-icon-prev{background-position:50%;background-repeat:no-repeat;background-size:0.18rem 0.18rem;-webkit-flex:0 0 auto;flex:0 0 auto;height:0.18rem;width:0.18rem}
[data-page="pkgResult/pages/quiz/quiz"] .btn-icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m9 6 6 6-6 6'/%3E%3C/svg%3E")}
[data-page="pkgResult/pages/quiz/quiz"] .btn-label{white-space:nowrap}
/* ===== pkgResult/pages/result/result ===== */
[data-page="pkgResult/pages/result/result"] .page{-webkit-align-items:stretch;align-items:stretch;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100vh;padding:0 0.36rem 1.4rem;position:relative;z-index:1}
[data-page="pkgResult/pages/result/result"] .bar{gap:0.16rem;padding:0.16rem 0 0;width:100%}
[data-page="pkgResult/pages/result/result"] .back,[data-page="pkgResult/pages/result/result"] .bar{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex}
[data-page="pkgResult/pages/result/result"] .back{background:#fff;border-radius:50%;box-shadow:0 0.04rem 0.14rem rgba(80,60,160,.1);color:#2b2b3a;font-size:0.36rem;height:0.6rem;-webkit-justify-content:center;justify-content:center;width:0.6rem}
[data-page="pkgResult/pages/result/result"] .back-icon{height:0.22rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:0.22rem}
[data-page="pkgResult/pages/result/result"] .ttl{color:#2b2b3a;-webkit-flex:1;flex:1;font-size:0.3rem;font-weight:700;margin-right:0.6rem;text-align:center}
[data-page="pkgResult/pages/result/result"] .lhint{-webkit-align-items:center;align-items:center;-webkit-animation:lhintIn .36s ease-out both;animation:lhintIn .36s ease-out both;background:linear-gradient(95deg,#f0ebff,#faeaf5);border:0.01rem solid rgba(108,92,231,.1);border-radius:0.2rem;display:-webkit-flex;display:flex;gap:0.16rem;margin:0.24rem 0.32rem 0;padding:0.2rem 0.24rem}
@-webkit-keyframes lhintIn{0%{opacity:0;-webkit-transform:translateY(-0.08rem);transform:translateY(-0.08rem)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes lhintIn{0%{opacity:0;-webkit-transform:translateY(-0.08rem);transform:translateY(-0.08rem)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
[data-page="pkgResult/pages/result/result"] .lhint-l{-webkit-flex:1;flex:1;min-width:0}
[data-page="pkgResult/pages/result/result"] .lhint-t{color:#2b2b3a;font-size:0.26rem;font-weight:600;line-height:1.3}
[data-page="pkgResult/pages/result/result"] .lhint-s{color:#8a8aa0;font-size:0.21rem;line-height:1.3;margin-top:0.04rem}
[data-page="pkgResult/pages/result/result"] .lhint-act{background:#6c5ce7;border-radius:1rem;color:#fff;-webkit-flex:0 0 auto;flex:0 0 auto;font-size:0.23rem;font-weight:600;letter-spacing:0.01rem;padding:0.12rem 0.24rem}
[data-page="pkgResult/pages/result/result"] .lhint-act:active{opacity:.85;-webkit-transform:scale(.97);transform:scale(.97)}
[data-page="pkgResult/pages/result/result"] .lhint-x{-webkit-align-items:center;align-items:center;border-radius:50%;color:#9896b0;display:-webkit-flex;display:flex;-webkit-flex:0 0 auto;flex:0 0 auto;font-size:0.32rem;height:0.36rem;-webkit-justify-content:center;justify-content:center;margin-left:0.04rem;width:0.36rem}
[data-page="pkgResult/pages/result/result"] .lhint-x:active{background:rgba(108,92,231,.1)}
[data-page="pkgResult/pages/result/result"] .hero{border-radius:0.28rem;box-shadow:0 0.12rem 0.3rem rgba(80,60,160,.1);box-sizing:border-box;-webkit-flex-direction:column;flex-direction:column;height:5.4rem;margin-top:0;overflow:hidden;padding:0 0.3rem 0.24rem 0.24rem;position:relative;width:100%}
[data-page="pkgResult/pages/result/result"] .hero,[data-page="pkgResult/pages/result/result"] .hero-illu{display:-webkit-flex;display:flex}
[data-page="pkgResult/pages/result/result"] .hero-illu{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;left:50%;pointer-events:none;position:absolute;top:0.56rem;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:0}
[data-page="pkgResult/pages/result/result"] .hero-illu,[data-page="pkgResult/pages/result/result"] .illu-figure{height:2.1rem;width:2.1rem}
[data-page="pkgResult/pages/result/result"] .hero-title{max-width:55%;position:absolute;right:0.3rem;text-align:right;top:0.3rem;z-index:2}
[data-page="pkgResult/pages/result/result"] .hero-prefix{color:#2b2b3a;font-size:0.22rem;font-weight:500;margin-bottom:0.04rem}
[data-page="pkgResult/pages/result/result"] .hero-big{font-size:0.88rem;font-weight:900;letter-spacing:0.02rem;line-height:1;text-shadow:0 0.04rem 0.12rem rgba(0,0,0,.06)}
[data-page="pkgResult/pages/result/result"] .hero-name{font-size:0.48rem;font-weight:800;left:0;letter-spacing:0.02rem;line-height:1.1;right:0;text-align:center;top:2.9rem}
[data-page="pkgResult/pages/result/result"] .hero-name,[data-page="pkgResult/pages/result/result"] .hero-tags{position:absolute;z-index:2}
[data-page="pkgResult/pages/result/result"] .hero-tags{bottom:1.04rem;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:0.12rem;-webkit-justify-content:center;justify-content:center;left:0.3rem;right:0.3rem}
[data-page="pkgResult/pages/result/result"] .role-pill{border-radius:0.12rem;box-shadow:0 0.04rem 0.12rem rgba(0,0,0,.06);display:inline-block;font-size:0.22rem;font-weight:700;padding:0.08rem 0.2rem}
[data-page="pkgResult/pages/result/result"] .role-pill-yellow{background:linear-gradient(135deg,#ffe066,#ffc93c);color:#5c4500}
[data-page="pkgResult/pages/result/result"] .role-pill-green{background:linear-gradient(135deg,#6fe8a0,#34d399);color:#064e3b}
[data-page="pkgResult/pages/result/result"] .hero-quote{bottom:0.52rem;font-style:italic;font-weight:600;left:0.3rem;line-height:1.5;text-align:center;z-index:2}
[data-page="pkgResult/pages/result/result"] .hero-date,[data-page="pkgResult/pages/result/result"] .hero-quote{color:#2b2b3a;font-size:0.22rem;position:absolute;right:0.3rem}
[data-page="pkgResult/pages/result/result"] .hero-date{-webkit-backdrop-filter:blur(0.08rem);backdrop-filter:blur(0.08rem);background:hsla(0,0%,100%,.65);border-radius:9.99rem;bottom:0.08rem;font-weight:500;padding:0.06rem 0.18rem}
[data-page="pkgResult/pages/result/result"] .whitecard{background:#fff;border-radius:0.28rem;box-shadow:0 0.12rem 0.3rem rgba(80,60,160,.08);margin-top:0.24rem;padding:0.28rem 0.28rem 0.24rem}
[data-page="pkgResult/pages/result/result"] .bars{border-bottom:0.01rem solid #f0ecf6;padding:0.04rem 0 0.22rem}
[data-page="pkgResult/pages/result/result"] .bar-row{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;margin-top:0.18rem}
[data-page="pkgResult/pages/result/result"] .bar-row:first-child{margin-top:0.06rem}
[data-page="pkgResult/pages/result/result"] .bar-side{color:#2b2b3a;-webkit-flex:0 0 auto;flex:0 0 auto;font-size:0.22rem;font-weight:700;width:0.96rem}
[data-page="pkgResult/pages/result/result"] .bar-row .bar-side:last-child{text-align:right}
[data-page="pkgResult/pages/result/result"] .bar-track{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;height:0.16rem;margin:0 0.14rem;position:relative}
[data-page="pkgResult/pages/result/result"] .bar-rail{background:#f0ecf6;right:0}
[data-page="pkgResult/pages/result/result"] .bar-fill,[data-page="pkgResult/pages/result/result"] .bar-rail{border-radius:9.99rem;height:0.12rem;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
[data-page="pkgResult/pages/result/result"] .bar-fill{transition:width .6s cubic-bezier(.2,.8,.3,1)}
[data-page="pkgResult/pages/result/result"] .bar-dot{border:0.04rem solid #fff;border-radius:50%;box-shadow:0 0.02rem 0.06rem rgba(0,0,0,.12);height:0.2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0.2rem}
[data-page="pkgResult/pages/result/result"] .traits{padding-top:0.22rem}
[data-page="pkgResult/pages/result/result"] .trait-row{-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:flex;gap:0.12rem;margin-top:0.14rem}
[data-page="pkgResult/pages/result/result"] .trait-row:first-child{margin-top:0}
[data-page="pkgResult/pages/result/result"] .trait-letter{-webkit-align-items:center;align-items:center;box-shadow:0 0.04rem 0.1rem rgba(0,0,0,.1);display:-webkit-flex;display:flex;font-size:0.24rem;font-weight:800;height:0.44rem;-webkit-justify-content:center;justify-content:center;width:0.44rem}
[data-page="pkgResult/pages/result/result"] .trait-label,[data-page="pkgResult/pages/result/result"] .trait-letter{border-radius:0.1rem;color:#fff;-webkit-flex:0 0 auto;flex:0 0 auto}
[data-page="pkgResult/pages/result/result"] .trait-label{-webkit-align-self:flex-start;align-self:flex-start;background:#2b2b3a;font-size:0.22rem;font-weight:700;min-width:0.96rem;padding:0.06rem 0.14rem;text-align:center}
[data-page="pkgResult/pages/result/result"] .trait-desc{background:#f6f2fa;border-radius:0.1rem;color:#5e5e78;-webkit-flex:1;flex:1;font-size:0.22rem;line-height:1.5;padding:0.08rem 0.14rem}
[data-page="pkgResult/pages/result/result"] .flip-back{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}
[data-page="pkgResult/pages/result/result"] .back-fignum{bottom:-0.72rem;color:hsla(0,0%,100%,.1);font-size:4.2rem;font-weight:900;letter-spacing:-0.12rem;line-height:.8;pointer-events:none;position:absolute;right:-0.24rem;-webkit-user-select:none;user-select:none;z-index:0}
[data-page="pkgResult/pages/result/result"] .back-fignum-name{font-size:2.6rem;letter-spacing:0;right:-0.16rem}
[data-page="pkgResult/pages/result/result"] .back-figwrap{-webkit-align-items:flex-end;align-items:flex-end;background:linear-gradient(155deg,#34d399,#10b981 55%,#059669);bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;width:46%;z-index:1}
[data-page="pkgResult/pages/result/result"] .back-fig{height:90%;width:100%}
[data-page="pkgResult/pages/result/result"] .back-fig,[data-page="pkgResult/pages/result/result"] .back-inner{position:relative;z-index:2}
[data-page="pkgResult/pages/result/result"] .back-inner{box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;padding:0.56rem 0.4rem 2.2rem}
[data-page="pkgResult/pages/result/result"] .back-kicker{color:hsla(0,0%,100%,.8);font-size:0.22rem;font-weight:700;letter-spacing:0.04rem;margin-bottom:0.16rem}
[data-page="pkgResult/pages/result/result"] .back-display{-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:flex;gap:0.1rem;margin-bottom:0.26rem}
[data-page="pkgResult/pages/result/result"] .back-title{font-size:1rem;letter-spacing:0.04rem;line-height:1.1;text-shadow:0 0.04rem 0.18rem rgba(0,0,0,.18)}
[data-page="pkgResult/pages/result/result"] .back-num,[data-page="pkgResult/pages/result/result"] .back-title{color:#fff;font-weight:900}
[data-page="pkgResult/pages/result/result"] .back-num{font-size:2rem;letter-spacing:-0.08rem;line-height:.82}
[data-page="pkgResult/pages/result/result"] .back-unit{color:hsla(0,0%,100%,.85);font-size:0.3rem;font-weight:600;letter-spacing:0.02rem}
[data-page="pkgResult/pages/result/result"] .back-tagline{color:#fff;font-size:0.34rem;font-style:italic;font-weight:700;letter-spacing:0.01rem;line-height:1.45;margin-bottom:0.3rem;max-width:76%;text-shadow:0 0.02rem 0.12rem rgba(0,0,0,.14)}
[data-page="pkgResult/pages/result/result"] .back-divider{background:hsla(0,0%,100%,.6);border-radius:9.99rem;height:0.04rem;margin-bottom:0.28rem;width:0.64rem}
[data-page="pkgResult/pages/result/result"] .back-desc{color:hsla(0,0%,100%,.86);font-size:0.26rem;font-weight:400;line-height:1.85;max-width:82%}
[data-page="pkgResult/pages/result/result"] .back-footer{bottom:0.32rem;box-sizing:border-box;left:0;padding:0 0.4rem;position:absolute;right:0;z-index:3}
[data-page="pkgResult/pages/result/result"] .back-qr{-webkit-align-items:center;align-items:center;-webkit-backdrop-filter:blur(0.06rem);backdrop-filter:blur(0.06rem);background:hsla(0,0%,100%,.14);border:0.01rem solid hsla(0,0%,100%,.2);border-radius:0.2rem;display:-webkit-flex;display:flex;gap:0.22rem;padding:0.2rem}
[data-page="pkgResult/pages/result/result"] .back-qr-img{background:#fff;border-radius:0.14rem;box-shadow:0 0.06rem 0.18rem rgba(0,0,0,.22);-webkit-flex:0 0 1.2rem;flex:0 0 1.2rem;height:1.2rem;padding:0.06rem;width:1.2rem}
[data-page="pkgResult/pages/result/result"] .back-qr-text{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;gap:0.08rem;min-width:0}
[data-page="pkgResult/pages/result/result"] .back-qr-tip{color:#fff;font-size:0.28rem;font-weight:700;letter-spacing:0.01rem;line-height:1.25}
[data-page="pkgResult/pages/result/result"] .back-qr-sub{color:hsla(0,0%,100%,.78);font-size:0.22rem;font-weight:500;letter-spacing:0.01rem}
[data-page="pkgResult/pages/result/result"] .flip-hint.back-hint{background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.1));bottom:2.24rem;color:hsla(0,0%,100%,.72);font-size:0.22rem;left:0;padding:0.18rem 0 0.16rem;position:absolute;right:0}
[data-page="pkgResult/pages/result/result"] .brandrow{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:0.36rem;padding:0 0.08rem}
[data-page="pkgResult/pages/result/result"] .brand-left{-webkit-flex:1;flex:1;padding-right:0.2rem}
[data-page="pkgResult/pages/result/result"] .brand-name{color:#2b2b3a;font-size:0.3rem;font-weight:800}
[data-page="pkgResult/pages/result/result"] .brand-slogan{color:#8a8aa0;font-size:0.22rem;margin-top:0.06rem}
[data-page="pkgResult/pages/result/result"] .brand-qr{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}
[data-page="pkgResult/pages/result/result"] .brand-qr-tip{color:#6c5ce7;font-size:0.2rem;font-weight:600;margin-bottom:0.06rem}
[data-page="pkgResult/pages/result/result"] .brand-qr-img{-webkit-align-items:center;align-items:center;background:#fff;border-radius:0.16rem;box-shadow:0 0.04rem 0.14rem rgba(0,0,0,.08);display:-webkit-flex;display:flex;height:1.1rem;-webkit-justify-content:center;justify-content:center;overflow:hidden;width:1.1rem}
[data-page="pkgResult/pages/result/result"] .brand-qr-img-i,[data-page="pkgResult/pages/result/result"] .brand-qr-skeleton{height:1rem;width:1rem}
[data-page="pkgResult/pages/result/result"] .brand-qr-skeleton{-webkit-animation:qrSk 1.4s linear infinite;animation:qrSk 1.4s linear infinite;background:#f0ecf6;border-radius:0.08rem}
@-webkit-keyframes qrSk{0%{opacity:.4}
50%{opacity:.8}
100%{opacity:.4}
}
@keyframes qrSk{0%{opacity:.4}
50%{opacity:.8}
100%{opacity:.4}
}
[data-page="pkgResult/pages/result/result"] .brand-qr-tip-2{color:#8a8aa0;font-size:0.18rem;margin-top:0.06rem}
[data-page="pkgResult/pages/result/result"] .actions{display:-webkit-flex;display:flex;gap:0.24rem;margin-top:0.32rem;width:100%}
[data-page="pkgResult/pages/result/result"] .btn{border-radius:9.99rem;-webkit-flex:1;flex:1;font-size:0.28rem;font-weight:700;height:0.88rem;line-height:0.88rem;padding:0;transition:box-shadow .15s ease,-webkit-transform .15s ease,-webkit-filter .15s ease;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,-webkit-transform .15s ease,-webkit-filter .15s ease}
[data-page="pkgResult/pages/result/result"] .btn,[data-page="pkgResult/pages/result/result"] .btn::after{border:none}
[data-page="pkgResult/pages/result/result"] .btn-hover{-webkit-transform:translateY(-0.04rem) scale(1.02);transform:translateY(-0.04rem) scale(1.02)}
[data-page="pkgResult/pages/result/result"] .btn:active{-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:scale(.96);transform:scale(.96)}
[data-page="pkgResult/pages/result/result"] .save{background:#fff;border:0.02rem solid #6c5ce7;color:#6c5ce7}
[data-page="pkgResult/pages/result/result"] .share{background:linear-gradient(120deg,#6c5ce7,#ff6b9d);box-shadow:0 0.1rem 0.24rem rgba(255,107,157,.3);color:#fff}
[data-page="pkgResult/pages/result/result"] .btn-hover.share{box-shadow:0 0.16rem 0.32rem rgba(255,107,157,.42)}
[data-page="pkgResult/pages/result/result"] .actions2{display:-webkit-flex;display:flex;gap:0.4rem;-webkit-justify-content:center;justify-content:center;margin-top:0.24rem}
[data-page="pkgResult/pages/result/result"] .link{color:#8a8aa0;font-size:0.26rem;padding:0.08rem 0.04rem;transition:opacity .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,opacity .15s ease;transition:transform .15s ease,opacity .15s ease,-webkit-transform .15s ease}
[data-page="pkgResult/pages/result/result"] .link-hover{opacity:.6;-webkit-transform:scale(.96);transform:scale(.96)}
[data-page="pkgResult/pages/result/result"] .bottom-pad{-webkit-flex-shrink:0;flex-shrink:0;height:2rem;width:100%}
[data-page="pkgResult/pages/result/result"] .share-canvas-hidden{left:-9999px;position:fixed;top:-9999px;visibility:hidden}
[data-page="pkgResult/pages/result/result"] .illu-figure{-webkit-transform-origin:50% 80%;transform-origin:50% 80%;will-change:transform}
@-webkit-keyframes illu-bob{0%{-webkit-transform:translate(-50%,-46%) translateY(0);transform:translate(-50%,-46%) translateY(0)}
30%{-webkit-transform:translate(-50%,-46%) translateY(-0.18rem);transform:translate(-50%,-46%) translateY(-0.18rem)}
55%{-webkit-transform:translate(-50%,-46%) translateY(0);transform:translate(-50%,-46%) translateY(0)}
70%{-webkit-transform:translate(-50%,-46%) translateY(-0.06rem);transform:translate(-50%,-46%) translateY(-0.06rem)}
100%{-webkit-transform:translate(-50%,-46%) translateY(0);transform:translate(-50%,-46%) translateY(0)}
}
@keyframes illu-bob{0%{-webkit-transform:translate(-50%,-46%) translateY(0);transform:translate(-50%,-46%) translateY(0)}
30%{-webkit-transform:translate(-50%,-46%) translateY(-0.18rem);transform:translate(-50%,-46%) translateY(-0.18rem)}
55%{-webkit-transform:translate(-50%,-46%) translateY(0);transform:translate(-50%,-46%) translateY(0)}
70%{-webkit-transform:translate(-50%,-46%) translateY(-0.06rem);transform:translate(-50%,-46%) translateY(-0.06rem)}
100%{-webkit-transform:translate(-50%,-46%) translateY(0);transform:translate(-50%,-46%) translateY(0)}
}
[data-page="pkgResult/pages/result/result"] .illu-bob{-webkit-animation:illu-bob .9s ease-in-out infinite;animation:illu-bob .9s ease-in-out infinite}
@-webkit-keyframes illu-sway{0%{-webkit-transform:translate(-50%,-46%) rotate(-2.2deg);transform:translate(-50%,-46%) rotate(-2.2deg)}
50%{-webkit-transform:translate(-50%,-48%) rotate(2.2deg);transform:translate(-50%,-48%) rotate(2.2deg)}
100%{-webkit-transform:translate(-50%,-46%) rotate(-2.2deg);transform:translate(-50%,-46%) rotate(-2.2deg)}
}
@keyframes illu-sway{0%{-webkit-transform:translate(-50%,-46%) rotate(-2.2deg);transform:translate(-50%,-46%) rotate(-2.2deg)}
50%{-webkit-transform:translate(-50%,-48%) rotate(2.2deg);transform:translate(-50%,-48%) rotate(2.2deg)}
100%{-webkit-transform:translate(-50%,-46%) rotate(-2.2deg);transform:translate(-50%,-46%) rotate(-2.2deg)}
}
[data-page="pkgResult/pages/result/result"] .illu-sway{-webkit-animation:illu-sway 2.4s ease-in-out infinite;animation:illu-sway 2.4s ease-in-out infinite}
@-webkit-keyframes illu-breathe{0%{-webkit-transform:translate(-50%,-46%) scale(1);transform:translate(-50%,-46%) scale(1)}
50%{-webkit-transform:translate(-50%,-46%) scale(1.035);transform:translate(-50%,-46%) scale(1.035)}
100%{-webkit-transform:translate(-50%,-46%) scale(1);transform:translate(-50%,-46%) scale(1)}
}
@keyframes illu-breathe{0%{-webkit-transform:translate(-50%,-46%) scale(1);transform:translate(-50%,-46%) scale(1)}
50%{-webkit-transform:translate(-50%,-46%) scale(1.035);transform:translate(-50%,-46%) scale(1.035)}
100%{-webkit-transform:translate(-50%,-46%) scale(1);transform:translate(-50%,-46%) scale(1)}
}
[data-page="pkgResult/pages/result/result"] .illu-breathe{-webkit-animation:illu-breathe 3.6s ease-in-out infinite;animation:illu-breathe 3.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .illu-breathe-slow{-webkit-animation:illu-breathe 4.8s ease-in-out infinite;animation:illu-breathe 4.8s ease-in-out infinite}
@-webkit-keyframes illu-floaty{0%{-webkit-transform:translate(-50%,-46%) translateY(0) scale(1);transform:translate(-50%,-46%) translateY(0) scale(1)}
50%{-webkit-transform:translate(-50%,-46%) translateY(-0.12rem) scale(1.02);transform:translate(-50%,-46%) translateY(-0.12rem) scale(1.02)}
100%{-webkit-transform:translate(-50%,-46%) translateY(0) scale(1);transform:translate(-50%,-46%) translateY(0) scale(1)}
}
@keyframes illu-floaty{0%{-webkit-transform:translate(-50%,-46%) translateY(0) scale(1);transform:translate(-50%,-46%) translateY(0) scale(1)}
50%{-webkit-transform:translate(-50%,-46%) translateY(-0.12rem) scale(1.02);transform:translate(-50%,-46%) translateY(-0.12rem) scale(1.02)}
100%{-webkit-transform:translate(-50%,-46%) translateY(0) scale(1);transform:translate(-50%,-46%) translateY(0) scale(1)}
}
[data-page="pkgResult/pages/result/result"] .illu-floaty{-webkit-animation:illu-floaty 3.4s ease-in-out infinite;animation:illu-floaty 3.4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .illu-breathe-calm{-webkit-animation:illu-breathe 5.5s ease-in-out infinite;animation:illu-breathe 5.5s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .flip-stage{cursor:pointer;margin:0 0 0.18rem;perspective:18rem;-webkit-perspective:18rem;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:-webkit-transform .9s cubic-bezier(.4,0,.2,1);transition:transform .9s cubic-bezier(.4,0,.2,1);transition:transform .9s cubic-bezier(.4,0,.2,1),-webkit-transform .9s cubic-bezier(.4,0,.2,1);-webkit-transition:-webkit-transform .9s cubic-bezier(.4,0,.2,1);width:100%}
[data-page="pkgResult/pages/result/result"] .flip-stage.flipped{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
[data-page="pkgResult/pages/result/result"] .flip-back,[data-page="pkgResult/pages/result/result"] .flip-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:0.28rem;box-shadow:0 0.12rem 0.3rem rgba(80,60,160,.1);overflow:hidden;position:relative;width:100%}
[data-page="pkgResult/pages/result/result"] .flip-back{inset:0;position:absolute;transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
[data-page="pkgResult/pages/result/result"] .flip-hint{-webkit-align-items:center;align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(108,92,231,.04));color:#6c5ce7;display:-webkit-flex;display:flex;font-size:0.22rem;font-weight:600;gap:0.08rem;-webkit-justify-content:center;justify-content:center;letter-spacing:0.01rem;padding:0.22rem 0 0.28rem}
[data-page="pkgResult/pages/result/result"] .flip-hint.back-hint{background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(255,201,60,.06));color:#ffc93c}
[data-page="pkgResult/pages/result/result"] .flip-icon{animation:flip-rotate 2s linear infinite;-webkit-animation:flip-rotate 2s linear infinite;border:0.03rem solid;border-radius:50%;border-top:0.03rem solid transparent;display:inline-block;height:0.28rem;width:0.28rem}
[data-page="pkgResult/pages/result/result"] .back-icon{animation-direction:reverse;-webkit-animation-direction:reverse}
@keyframes flip-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@-webkit-keyframes flip-rotate{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(1turn)}
}
[data-page="pkgResult/pages/result/result"] .agecard{background-color:#ede7f5;border-radius:0.28rem;box-shadow:0 0.12rem 0.3rem rgba(80,60,160,.12);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0.24rem 0 0.18rem;min-height:9.6rem;overflow:hidden;position:relative;width:100%;z-index:2}
[data-page="pkgResult/pages/result/result"] .age-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}
[data-page="pkgResult/pages/result/result"] .age-veil{background:linear-gradient(180deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,0) 28%,hsla(0,0%,100%,0) 64%,rgba(120,90,160,.18));inset:0;pointer-events:none;position:absolute;z-index:1}
[data-page="pkgResult/pages/result/result"] .age-inner{box-sizing:border-box;color:#3a2e4a;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;padding:0.6rem 0.56rem 0.52rem;position:relative;width:100%;z-index:2}
[data-page="pkgResult/pages/result/result"] .age-kicker{font-size:0.24rem;font-weight:600;letter-spacing:0.06rem;opacity:.85;text-align:center}
[data-page="pkgResult/pages/result/result"] .age-hero{margin-top:0.9rem;text-align:center}
[data-page="pkgResult/pages/result/result"] .age-num{display:inline-block;font-size:3rem;font-weight:900;letter-spacing:-0.08rem;line-height:.9;text-shadow:0 0.04rem 0.12rem rgba(80,60,130,.2),0 0.01rem 0 hsla(0,0%,100%,.45),0.01rem 0 0 rgba(120,90,160,.12)}
[data-page="pkgResult/pages/result/result"] .age-lab{font-size:0.34rem;font-weight:600;letter-spacing:0.02rem;margin-top:0.06rem}
[data-page="pkgResult/pages/result/result"] .age-pills{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:0.18rem;-webkit-justify-content:center;justify-content:center;margin-top:0.48rem}
[data-page="pkgResult/pages/result/result"] .age-pill{background:hsla(0,0%,100%,.42);border:0.01rem solid hsla(0,0%,100%,.7);border-radius:9.99rem;box-shadow:0 0.06rem 0.18rem rgba(120,90,160,.12);color:#4a3a5e;font-size:0.26rem;font-weight:600;padding:0.14rem 0.28rem}
[data-page="pkgResult/pages/result/result"] .age-copy{color:#46395a;font-size:0.3rem;font-weight:500;line-height:1.7;margin-top:auto;padding:0 0.2rem;text-align:center}
[data-page="pkgResult/pages/result/result"] .age-foot{-webkit-align-items:center;align-items:center;border-top:0.01rem solid rgba(120,90,160,.22);display:-webkit-flex;display:flex;gap:0.22rem;margin-top:0.44rem;padding-top:0.28rem}
[data-page="pkgResult/pages/result/result"] .age-qr{background:#fff;border-radius:0.16rem;box-shadow:0 0.06rem 0.16rem rgba(120,90,160,.16);-webkit-flex:none;flex:none;height:1.04rem;width:1.04rem}
[data-page="pkgResult/pages/result/result"] .age-meta{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:0.06rem}
[data-page="pkgResult/pages/result/result"] .age-name{color:#3a2e4a;font-size:0.34rem;font-weight:800;letter-spacing:0.02rem}
[data-page="pkgResult/pages/result/result"] .age-desc{color:#5a4a6e;font-size:0.22rem;font-weight:500}
[data-page="pkgResult/pages/result/result"] .hero-love{height:7.2rem}
[data-page="pkgResult/pages/result/result"] .hero-mbti{height:8.8rem}
[data-page="pkgResult/pages/result/result"] .mbti-fig-stage{height:5.2rem;left:50%;position:absolute;top:0.56rem;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:4.2rem;z-index:1}
[data-page="pkgResult/pages/result/result"] .mbti-fig{height:100%;width:100%}
[data-page="pkgResult/pages/result/result"] .hero-mbti .hero-kicker{top:0.28rem}
[data-page="pkgResult/pages/result/result"] .hero-mbti .hero-name{top:6rem}
[data-page="pkgResult/pages/result/result"] .hero-mbti .hero-tags{bottom:1.56rem}
[data-page="pkgResult/pages/result/result"] .hero-mbti .hero-quote{bottom:0.84rem}
[data-page="pkgResult/pages/result/result"] .hero-mbti .hero-date{bottom:0.32rem}
[data-page="pkgResult/pages/result/result"] .hero-kicker{color:#6b2a4a;font-size:0.24rem;font-weight:600;left:0;letter-spacing:0.02rem;position:absolute;right:0;text-align:center;top:0.26rem;z-index:2}
[data-page="pkgResult/pages/result/result"] .love-fig-stage{left:50%;top:0.5rem;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:1}
[data-page="pkgResult/pages/result/result"] .fig-layer,[data-page="pkgResult/pages/result/result"] .love-fig-stage{height:4rem;position:absolute;width:4.8rem}
[data-page="pkgResult/pages/result/result"] .fig-layer{left:0;top:0;transform-box:fill-box;will-change:transform,opacity}
[data-page="pkgResult/pages/result/result"] .fig-decor,[data-page="pkgResult/pages/result/result"] .fig-layer{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
[data-page="pkgResult/pages/result/result"] .fig-partner{-webkit-transform-origin:33.75% 45%;transform-origin:33.75% 45%}
[data-page="pkgResult/pages/result/result"] .fig-you{-webkit-transform-origin:65% 48%;transform-origin:65% 48%}
[data-page="pkgResult/pages/result/result"] .fig-heart{-webkit-transform-origin:50% 48.5%;transform-origin:50% 48.5%}
[data-page="pkgResult/pages/result/result"] .fig-motif{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
@-webkit-keyframes avYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
28%{-webkit-transform:translateX(0.34rem) rotate(-18deg);transform:translateX(0.34rem) rotate(-18deg)}
52%{-webkit-transform:translateX(0.44rem) rotate(-26deg);transform:translateX(0.44rem) rotate(-26deg)}
74%{-webkit-transform:translateX(0.22rem) rotate(-10deg);transform:translateX(0.22rem) rotate(-10deg)}
}
@keyframes avYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
28%{-webkit-transform:translateX(0.34rem) rotate(-18deg);transform:translateX(0.34rem) rotate(-18deg)}
52%{-webkit-transform:translateX(0.44rem) rotate(-26deg);transform:translateX(0.44rem) rotate(-26deg)}
74%{-webkit-transform:translateX(0.22rem) rotate(-10deg);transform:translateX(0.22rem) rotate(-10deg)}
}
@-webkit-keyframes avPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
42%{-webkit-transform:translateX(0.22rem);transform:translateX(0.22rem)}
70%{-webkit-transform:translateX(0.26rem);transform:translateX(0.26rem)}
}
@keyframes avPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
42%{-webkit-transform:translateX(0.22rem);transform:translateX(0.22rem)}
70%{-webkit-transform:translateX(0.26rem);transform:translateX(0.26rem)}
}
@-webkit-keyframes avHeart{0%,100%{opacity:.85;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
50%{opacity:1;-webkit-transform:scale(1.06) translateX(-0.24rem);transform:scale(1.06) translateX(-0.24rem)}
}
@keyframes avHeart{0%,100%{opacity:.85;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
50%{opacity:1;-webkit-transform:scale(1.06) translateX(-0.24rem);transform:scale(1.06) translateX(-0.24rem)}
}
@-webkit-keyframes axYou{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
35%{-webkit-transform:translateX(-0.3rem);transform:translateX(-0.3rem)}
60%{-webkit-transform:translateX(-0.38rem);transform:translateX(-0.38rem)}
82%{-webkit-transform:translateX(-0.18rem);transform:translateX(-0.18rem)}
}
@keyframes axYou{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
35%{-webkit-transform:translateX(-0.3rem);transform:translateX(-0.3rem)}
60%{-webkit-transform:translateX(-0.38rem);transform:translateX(-0.38rem)}
82%{-webkit-transform:translateX(-0.18rem);transform:translateX(-0.18rem)}
}
@-webkit-keyframes axPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
42%{-webkit-transform:translateX(0.16rem);transform:translateX(0.16rem)}
70%{-webkit-transform:translateX(0.2rem);transform:translateX(0.2rem)}
}
@keyframes axPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
42%{-webkit-transform:translateX(0.16rem);transform:translateX(0.16rem)}
70%{-webkit-transform:translateX(0.2rem);transform:translateX(0.2rem)}
}
@-webkit-keyframes axHeart{0%,100%{opacity:.95;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
50%{opacity:1;-webkit-transform:scale(1.22) translateX(0.18rem);transform:scale(1.22) translateX(0.18rem)}
}
@keyframes axHeart{0%,100%{opacity:.95;-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
50%{opacity:1;-webkit-transform:scale(1.22) translateX(0.18rem);transform:scale(1.22) translateX(0.18rem)}
}
@-webkit-keyframes axReach{0%,100%{-webkit-transform:scaleX(.35);transform:scaleX(.35)}
45%{-webkit-transform:scaleX(1);transform:scaleX(1)}
80%{-webkit-transform:scaleX(.9);transform:scaleX(.9)}
}
@keyframes axReach{0%,100%{-webkit-transform:scaleX(.35);transform:scaleX(.35)}
45%{-webkit-transform:scaleX(1);transform:scaleX(1)}
80%{-webkit-transform:scaleX(.9);transform:scaleX(.9)}
}
@-webkit-keyframes scYou{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-0.14rem) rotate(-2deg);transform:translateX(-0.14rem) rotate(-2deg)}
}
@keyframes scYou{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-0.14rem) rotate(-2deg);transform:translateX(-0.14rem) rotate(-2deg)}
}
@-webkit-keyframes scPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(0.14rem) rotate(2deg);transform:translateX(0.14rem) rotate(2deg)}
}
@keyframes scPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(0.14rem) rotate(2deg);transform:translateX(0.14rem) rotate(2deg)}
}
@-webkit-keyframes scHeart{0%,100%{opacity:.9;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.12);transform:scale(1.12)}
}
@keyframes scHeart{0%,100%{opacity:.9;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.12);transform:scale(1.12)}
}
@-webkit-keyframes roYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
25%{-webkit-transform:translateX(-0.08rem) rotate(-4deg);transform:translateX(-0.08rem) rotate(-4deg)}
50%{-webkit-transform:translateX(0.04rem) rotate(2deg);transform:translateX(0.04rem) rotate(2deg)}
75%{-webkit-transform:translateX(-0.04rem) rotate(-2deg);transform:translateX(-0.04rem) rotate(-2deg)}
}
@keyframes roYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
25%{-webkit-transform:translateX(-0.08rem) rotate(-4deg);transform:translateX(-0.08rem) rotate(-4deg)}
50%{-webkit-transform:translateX(0.04rem) rotate(2deg);transform:translateX(0.04rem) rotate(2deg)}
75%{-webkit-transform:translateX(-0.04rem) rotate(-2deg);transform:translateX(-0.04rem) rotate(-2deg)}
}
@-webkit-keyframes roPartner{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
25%{-webkit-transform:translateX(0.08rem) rotate(4deg);transform:translateX(0.08rem) rotate(4deg)}
50%{-webkit-transform:translateX(-0.04rem) rotate(-2deg);transform:translateX(-0.04rem) rotate(-2deg)}
75%{-webkit-transform:translateX(0.04rem) rotate(2deg);transform:translateX(0.04rem) rotate(2deg)}
}
@keyframes roPartner{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
25%{-webkit-transform:translateX(0.08rem) rotate(4deg);transform:translateX(0.08rem) rotate(4deg)}
50%{-webkit-transform:translateX(-0.04rem) rotate(-2deg);transform:translateX(-0.04rem) rotate(-2deg)}
75%{-webkit-transform:translateX(0.04rem) rotate(2deg);transform:translateX(0.04rem) rotate(2deg)}
}
@-webkit-keyframes roHeart{0%,100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}
33%{-webkit-transform:scale(1.1) translate(0.06rem,-0.08rem);transform:scale(1.1) translate(0.06rem,-0.08rem)}
66%{-webkit-transform:scale(1.05) translate(-0.06rem,0.06rem);transform:scale(1.05) translate(-0.06rem,0.06rem)}
}
@keyframes roHeart{0%,100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}
33%{-webkit-transform:scale(1.1) translate(0.06rem,-0.08rem);transform:scale(1.1) translate(0.06rem,-0.08rem)}
66%{-webkit-transform:scale(1.05) translate(-0.06rem,0.06rem);transform:scale(1.05) translate(-0.06rem,0.06rem)}
}
@-webkit-keyframes poYou{0%,100%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
40%{-webkit-transform:translateX(-0.28rem) scale(1.04);transform:translateX(-0.28rem) scale(1.04)}
65%{-webkit-transform:translateX(-0.32rem) scale(1.05);transform:translateX(-0.32rem) scale(1.05)}
85%{-webkit-transform:translateX(-0.18rem) scale(1.02);transform:translateX(-0.18rem) scale(1.02)}
}
@keyframes poYou{0%,100%{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}
40%{-webkit-transform:translateX(-0.28rem) scale(1.04);transform:translateX(-0.28rem) scale(1.04)}
65%{-webkit-transform:translateX(-0.32rem) scale(1.05);transform:translateX(-0.32rem) scale(1.05)}
85%{-webkit-transform:translateX(-0.18rem) scale(1.02);transform:translateX(-0.18rem) scale(1.02)}
}
@-webkit-keyframes poPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
45%{-webkit-transform:translateX(0.24rem);transform:translateX(0.24rem)}
70%{-webkit-transform:translateX(0.28rem);transform:translateX(0.28rem)}
}
@keyframes poPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
45%{-webkit-transform:translateX(0.24rem);transform:translateX(0.24rem)}
70%{-webkit-transform:translateX(0.28rem);transform:translateX(0.28rem)}
}
@-webkit-keyframes poHeart{0%,100%{opacity:.85;-webkit-transform:scale(.92) translateX(0);transform:scale(.92) translateX(0)}
50%{opacity:1;-webkit-transform:scale(1) translateX(0.1rem);transform:scale(1) translateX(0.1rem)}
}
@keyframes poHeart{0%,100%{opacity:.85;-webkit-transform:scale(.92) translateX(0);transform:scale(.92) translateX(0)}
50%{opacity:1;-webkit-transform:scale(1) translateX(0.1rem);transform:scale(1) translateX(0.1rem)}
}
@-webkit-keyframes poReach{0%,100%{-webkit-transform:scaleX(.6);transform:scaleX(.6)}
50%{-webkit-transform:scaleX(1.15);transform:scaleX(1.15)}
}
@keyframes poReach{0%,100%{-webkit-transform:scaleX(.6);transform:scaleX(.6)}
50%{-webkit-transform:scaleX(1.15);transform:scaleX(1.15)}
}
@-webkit-keyframes frYou{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
40%{-webkit-transform:translate(0.4rem,-0.06rem);transform:translate(0.4rem,-0.06rem)}
65%{-webkit-transform:translate(0.52rem,-0.1rem);transform:translate(0.52rem,-0.1rem)}
85%{-webkit-transform:translate(0.32rem,-0.04rem);transform:translate(0.32rem,-0.04rem)}
}
@keyframes frYou{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
40%{-webkit-transform:translate(0.4rem,-0.06rem);transform:translate(0.4rem,-0.06rem)}
65%{-webkit-transform:translate(0.52rem,-0.1rem);transform:translate(0.52rem,-0.1rem)}
85%{-webkit-transform:translate(0.32rem,-0.04rem);transform:translate(0.32rem,-0.04rem)}
}
@-webkit-keyframes frPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
45%{-webkit-transform:translateX(0.2rem);transform:translateX(0.2rem)}
70%{-webkit-transform:translateX(0.24rem);transform:translateX(0.24rem)}
}
@keyframes frPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
45%{-webkit-transform:translateX(0.2rem);transform:translateX(0.2rem)}
70%{-webkit-transform:translateX(0.24rem);transform:translateX(0.24rem)}
}
@-webkit-keyframes frHeart{0%,100%{opacity:.9;-webkit-transform:translateX(0);transform:translateX(0)}
50%{opacity:.35;-webkit-transform:translateX(0.52rem);transform:translateX(0.52rem)}
}
@keyframes frHeart{0%,100%{opacity:.9;-webkit-transform:translateX(0);transform:translateX(0)}
50%{opacity:.35;-webkit-transform:translateX(0.52rem);transform:translateX(0.52rem)}
}
@-webkit-keyframes plYou{0%,100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
30%{-webkit-transform:translateY(-0.1rem) rotate(-6deg);transform:translateY(-0.1rem) rotate(-6deg)}
60%{-webkit-transform:translateY(0.04rem) rotate(5deg);transform:translateY(0.04rem) rotate(5deg)}
}
@keyframes plYou{0%,100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
30%{-webkit-transform:translateY(-0.1rem) rotate(-6deg);transform:translateY(-0.1rem) rotate(-6deg)}
60%{-webkit-transform:translateY(0.04rem) rotate(5deg);transform:translateY(0.04rem) rotate(5deg)}
}
@-webkit-keyframes plPartner{0%,100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
30%{-webkit-transform:translateY(-0.08rem) rotate(5deg);transform:translateY(-0.08rem) rotate(5deg)}
60%{-webkit-transform:translateY(0.04rem) rotate(-5deg);transform:translateY(0.04rem) rotate(-5deg)}
}
@keyframes plPartner{0%,100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
30%{-webkit-transform:translateY(-0.08rem) rotate(5deg);transform:translateY(-0.08rem) rotate(5deg)}
60%{-webkit-transform:translateY(0.04rem) rotate(-5deg);transform:translateY(0.04rem) rotate(-5deg)}
}
@-webkit-keyframes plHeart{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.18);transform:scale(1.18)}
}
@keyframes plHeart{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.18);transform:scale(1.18)}
}
@-webkit-keyframes tsYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
35%{-webkit-transform:translateX(0.3rem) rotate(20deg);transform:translateX(0.3rem) rotate(20deg)}
55%{-webkit-transform:translateX(0.3rem) rotate(20deg);transform:translateX(0.3rem) rotate(20deg)}
68%{-webkit-transform:translateX(0.16rem) rotate(-6deg);transform:translateX(0.16rem) rotate(-6deg)}
85%{-webkit-transform:translateX(0.26rem) rotate(16deg);transform:translateX(0.26rem) rotate(16deg)}
}
@keyframes tsYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
35%{-webkit-transform:translateX(0.3rem) rotate(20deg);transform:translateX(0.3rem) rotate(20deg)}
55%{-webkit-transform:translateX(0.3rem) rotate(20deg);transform:translateX(0.3rem) rotate(20deg)}
68%{-webkit-transform:translateX(0.16rem) rotate(-6deg);transform:translateX(0.16rem) rotate(-6deg)}
85%{-webkit-transform:translateX(0.26rem) rotate(16deg);transform:translateX(0.26rem) rotate(16deg)}
}
@-webkit-keyframes tsPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(0.14rem);transform:translateX(0.14rem)}
}
@keyframes tsPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(0.14rem);transform:translateX(0.14rem)}
}
@-webkit-keyframes tsHeart{0%,100%{-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
50%{-webkit-transform:scale(.96) translateX(0.1rem);transform:scale(.96) translateX(0.1rem)}
}
@keyframes tsHeart{0%,100%{-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
50%{-webkit-transform:scale(.96) translateX(0.1rem);transform:scale(.96) translateX(0.1rem)}
}
@-webkit-keyframes cgYou{0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}
50%{-webkit-transform:translate(-0.16rem,0.1rem) rotate(-6deg);transform:translate(-0.16rem,0.1rem) rotate(-6deg)}
}
@keyframes cgYou{0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}
50%{-webkit-transform:translate(-0.16rem,0.1rem) rotate(-6deg);transform:translate(-0.16rem,0.1rem) rotate(-6deg)}
}
@-webkit-keyframes cgPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-0.08rem) rotate(-4deg);transform:translateX(-0.08rem) rotate(-4deg)}
}
@keyframes cgPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-0.08rem) rotate(-4deg);transform:translateX(-0.08rem) rotate(-4deg)}
}
@-webkit-keyframes cgHeart{0%,100%{opacity:.9;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes cgHeart{0%,100%{opacity:.9;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@-webkit-keyframes raYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
50%{-webkit-transform:translateX(0.08rem) rotate(8deg);transform:translateX(0.08rem) rotate(8deg)}
}
@keyframes raYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
50%{-webkit-transform:translateX(0.08rem) rotate(8deg);transform:translateX(0.08rem) rotate(8deg)}
}
@-webkit-keyframes raPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes raPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes raHeart{0%,100%{opacity:.85;-webkit-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.03);transform:scale(1.03)}
}
@keyframes raHeart{0%,100%{opacity:.85;-webkit-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.03);transform:scale(1.03)}
}
@-webkit-keyframes heYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
33%{-webkit-transform:translateX(-0.1rem) rotate(-6deg);transform:translateX(-0.1rem) rotate(-6deg)}
66%{-webkit-transform:translateX(0.1rem) rotate(6deg);transform:translateX(0.1rem) rotate(6deg)}
}
@keyframes heYou{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
33%{-webkit-transform:translateX(-0.1rem) rotate(-6deg);transform:translateX(-0.1rem) rotate(-6deg)}
66%{-webkit-transform:translateX(0.1rem) rotate(6deg);transform:translateX(0.1rem) rotate(6deg)}
}
@-webkit-keyframes hePartner{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
33%{-webkit-transform:translateX(0.1rem) rotate(6deg);transform:translateX(0.1rem) rotate(6deg)}
66%{-webkit-transform:translateX(-0.1rem) rotate(-6deg);transform:translateX(-0.1rem) rotate(-6deg)}
}
@keyframes hePartner{0%,100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
33%{-webkit-transform:translateX(0.1rem) rotate(6deg);transform:translateX(0.1rem) rotate(6deg)}
66%{-webkit-transform:translateX(-0.1rem) rotate(-6deg);transform:translateX(-0.1rem) rotate(-6deg)}
}
@-webkit-keyframes heHeart{0%,100%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}
50%{-webkit-transform:translateY(-0.08rem) scale(1.08);transform:translateY(-0.08rem) scale(1.08)}
}
@keyframes heHeart{0%,100%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}
50%{-webkit-transform:translateY(-0.08rem) scale(1.08);transform:translateY(-0.08rem) scale(1.08)}
}
@-webkit-keyframes loYou{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-0.12rem);transform:translateX(-0.12rem)}
}
@keyframes loYou{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-0.12rem);transform:translateX(-0.12rem)}
}
@-webkit-keyframes loPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(0.12rem);transform:translateX(0.12rem)}
}
@keyframes loPartner{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(0.12rem);transform:translateX(0.12rem)}
}
@-webkit-keyframes loHeart{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.16);transform:scale(1.16)}
}
@keyframes loHeart{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.16);transform:scale(1.16)}
}
@-webkit-keyframes loReach{0%,100%{-webkit-transform:scaleX(.9);transform:scaleX(.9)}
50%{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes loReach{0%,100%{-webkit-transform:scaleX(.9);transform:scaleX(.9)}
50%{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@-webkit-keyframes motifFloat{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-0.08rem);transform:translateY(-0.08rem)}
}
@keyframes motifFloat{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-0.08rem);transform:translateY(-0.08rem)}
}
[data-page="pkgResult/pages/result/result"] .love-avoidant-partner{-webkit-animation:avPartner 3.8s ease-in-out infinite;animation:avPartner 3.8s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-avoidant-you{-webkit-animation:avYou 3.8s ease-in-out infinite;animation:avYou 3.8s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-avoidant-heart{-webkit-animation:avHeart 3.8s ease-in-out infinite;animation:avHeart 3.8s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-anxious-partner{-webkit-animation:axPartner 3.2s ease-in-out infinite;animation:axPartner 3.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-anxious-you{-webkit-animation:axYou 3.2s ease-in-out infinite;animation:axYou 3.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-anxious-heart{-webkit-animation:axHeart 1.15s ease-in-out infinite;animation:axHeart 1.15s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-secure-partner{-webkit-animation:scPartner 4.2s ease-in-out infinite;animation:scPartner 4.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-secure-you{-webkit-animation:scYou 4.2s ease-in-out infinite;animation:scYou 4.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-secure-heart{-webkit-animation:scHeart 2.6s ease-in-out infinite;animation:scHeart 2.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-romantic-partner{-webkit-animation:roPartner 4s ease-in-out infinite;animation:roPartner 4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-romantic-you{-webkit-animation:roYou 4s ease-in-out infinite;animation:roYou 4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-romantic-heart{-webkit-animation:roHeart 3s ease-in-out infinite;animation:roHeart 3s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-possessive-partner{-webkit-animation:poPartner 3.4s ease-in-out infinite;animation:poPartner 3.4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-possessive-you{-webkit-animation:poYou 3.4s ease-in-out infinite;animation:poYou 3.4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-possessive-heart{-webkit-animation:poHeart 2.4s ease-in-out infinite;animation:poHeart 2.4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-free-partner{-webkit-animation:frPartner 4.6s ease-in-out infinite;animation:frPartner 4.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-free-you{-webkit-animation:frYou 4.6s ease-in-out infinite;animation:frYou 4.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-free-heart{-webkit-animation:frHeart 4.6s ease-in-out infinite;animation:frHeart 4.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-playful-partner{-webkit-animation:plPartner 1.6s ease-in-out infinite;animation:plPartner 1.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-playful-you{-webkit-animation:plYou 1.6s ease-in-out infinite;animation:plYou 1.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-playful-heart{-webkit-animation:plHeart 1.6s ease-in-out infinite;animation:plHeart 1.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-tsundere-partner{-webkit-animation:tsPartner 3s ease-in-out infinite;animation:tsPartner 3s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-tsundere-you{-webkit-animation:tsYou 3s ease-in-out infinite;animation:tsYou 3s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-tsundere-heart{-webkit-animation:tsHeart 3s ease-in-out infinite;animation:tsHeart 3s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-caregiver-partner{-webkit-animation:cgPartner 4s ease-in-out infinite;animation:cgPartner 4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-caregiver-you{-webkit-animation:cgYou 4s ease-in-out infinite;animation:cgYou 4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-caregiver-heart{-webkit-animation:cgHeart 2.8s ease-in-out infinite;animation:cgHeart 2.8s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-rational-partner{-webkit-animation:raPartner 4.4s ease-in-out infinite;animation:raPartner 4.4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-rational-you{-webkit-animation:raYou 4.4s ease-in-out infinite;animation:raYou 4.4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-rational-heart{-webkit-animation:raHeart 3.4s ease-in-out infinite;animation:raHeart 3.4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-healer-partner{-webkit-animation:hePartner 4.2s ease-in-out infinite;animation:hePartner 4.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-healer-you{-webkit-animation:heYou 4.2s ease-in-out infinite;animation:heYou 4.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-healer-heart{-webkit-animation:heHeart 3s ease-in-out infinite;animation:heHeart 3s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-loyal-partner{-webkit-animation:loPartner 4s ease-in-out infinite;animation:loPartner 4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-loyal-you{-webkit-animation:loYou 4s ease-in-out infinite;animation:loYou 4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .love-loyal-heart{-webkit-animation:loHeart 1.8s ease-in-out infinite;animation:loHeart 1.8s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .fig-motif.float{-webkit-animation:motifFloat 4s ease-in-out infinite;animation:motifFloat 4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .hero-three-fig{height:7.2rem}
[data-page="pkgResult/pages/result/result"] .three-fig-stage{left:50%;top:0.8rem;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:1}
[data-page="pkgResult/pages/result/result"] .fig-single,[data-page="pkgResult/pages/result/result"] .three-fig-stage{height:3.4rem;position:absolute;width:4.6rem}
[data-page="pkgResult/pages/result/result"] .fig-single{left:0;top:0;-webkit-transform-origin:50% 75%;transform-origin:50% 75%;will-change:transform,opacity}
[data-page="pkgResult/pages/result/result"] .hero-three-fig .hero-name{top:4.5rem}
@-webkit-keyframes figBreathe{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.04);transform:scale(1.04)}
}
@keyframes figBreathe{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.04);transform:scale(1.04)}
}
@-webkit-keyframes figProwl{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-0.14rem);transform:translateX(-0.14rem)}
}
@keyframes figProwl{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
50%{-webkit-transform:translateX(-0.14rem);transform:translateX(-0.14rem)}
}
@-webkit-keyframes figSway{0%,100%{-webkit-transform:rotate(-2.5deg);transform:rotate(-2.5deg)}
50%{-webkit-transform:rotate(2.5deg);transform:rotate(2.5deg)}
}
@keyframes figSway{0%,100%{-webkit-transform:rotate(-2.5deg);transform:rotate(-2.5deg)}
50%{-webkit-transform:rotate(2.5deg);transform:rotate(2.5deg)}
}
@-webkit-keyframes figTilt{0%,100%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
}
@keyframes figTilt{0%,100%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
}
@-webkit-keyframes figFloat{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-0.18rem);transform:translateY(-0.18rem)}
}
@keyframes figFloat{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-0.18rem);transform:translateY(-0.18rem)}
}
@-webkit-keyframes figFlap{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
}
@keyframes figFlap{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
}
@-webkit-keyframes figWobble{0%,100%{-webkit-transform:rotate(-3.5deg);transform:rotate(-3.5deg)}
50%{-webkit-transform:rotate(3.5deg);transform:rotate(3.5deg)}
}
@keyframes figWobble{0%,100%{-webkit-transform:rotate(-3.5deg);transform:rotate(-3.5deg)}
50%{-webkit-transform:rotate(3.5deg);transform:rotate(3.5deg)}
}
@-webkit-keyframes figGlow{0%,100%{opacity:.92;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.06);transform:scale(1.06)}
}
@keyframes figGlow{0%,100%{opacity:.92;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.06);transform:scale(1.06)}
}
@-webkit-keyframes figSpinSlow{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes figSpinSlow{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@-webkit-keyframes figPulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.08);transform:scale(1.08)}
}
@keyframes figPulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.08);transform:scale(1.08)}
}
@-webkit-keyframes figFloaty{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-0.14rem) rotate(-1deg);transform:translateY(-0.14rem) rotate(-1deg)}
}
@keyframes figFloaty{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(-0.14rem) rotate(-1deg);transform:translateY(-0.14rem) rotate(-1deg)}
}
@-webkit-keyframes figTwinkle{0%,100%{opacity:.85;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}
}
@keyframes figTwinkle{0%,100%{opacity:.85;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)}
}
[data-page="pkgResult/pages/result/result"] .anim-breathe{-webkit-animation:figBreathe 3.6s ease-in-out infinite;animation:figBreathe 3.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-prowl{-webkit-animation:figProwl 4.2s ease-in-out infinite;animation:figProwl 4.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-sway{-webkit-animation:figSway 3s ease-in-out infinite;animation:figSway 3s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-tilt{-webkit-animation:figTilt 3.4s ease-in-out infinite;animation:figTilt 3.4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-float{-webkit-animation:figFloat 4s ease-in-out infinite;animation:figFloat 4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-flap{-webkit-animation:figFlap 1.6s ease-in-out infinite;animation:figFlap 1.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-wobble{-webkit-animation:figWobble 3.2s ease-in-out infinite;animation:figWobble 3.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-glow{-webkit-animation:figGlow 3.6s ease-in-out infinite;animation:figGlow 3.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-spinSlow{-webkit-animation:figSpinSlow 14s linear infinite;animation:figSpinSlow 14s linear infinite}
[data-page="pkgResult/pages/result/result"] .anim-pulse{-webkit-animation:figPulse 3s ease-in-out infinite;animation:figPulse 3s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-floaty{-webkit-animation:figFloaty 4.4s ease-in-out infinite;animation:figFloaty 4.4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-twinkle{-webkit-animation:figTwinkle 2.8s ease-in-out infinite;animation:figTwinkle 2.8s ease-in-out infinite}
@-webkit-keyframes figForge{0%{-webkit-transform:translateY(0) rotate(0) scale(1,1);transform:translateY(0) rotate(0) scale(1,1)}
10%{-webkit-transform:translateY(-0.1rem) rotate(-4deg);transform:translateY(-0.1rem) rotate(-4deg)}
28%{-webkit-transform:translateY(-0.1rem) rotate(-4deg);transform:translateY(-0.1rem) rotate(-4deg)}
42%{-webkit-transform:translateY(0.08rem) rotate(5deg);transform:translateY(0.08rem) rotate(5deg)}
50%{-webkit-transform:translateY(0.09rem) rotate(5deg) scale(1.04,.94);transform:translateY(0.09rem) rotate(5deg) scale(1.04,.94)}
58%{-webkit-transform:translateY(0) rotate(0) scale(1,1);transform:translateY(0) rotate(0) scale(1,1)}
100%{-webkit-transform:translateY(0) rotate(0) scale(1,1);transform:translateY(0) rotate(0) scale(1,1)}
}
@keyframes figForge{0%{-webkit-transform:translateY(0) rotate(0) scale(1,1);transform:translateY(0) rotate(0) scale(1,1)}
10%{-webkit-transform:translateY(-0.1rem) rotate(-4deg);transform:translateY(-0.1rem) rotate(-4deg)}
28%{-webkit-transform:translateY(-0.1rem) rotate(-4deg);transform:translateY(-0.1rem) rotate(-4deg)}
42%{-webkit-transform:translateY(0.08rem) rotate(5deg);transform:translateY(0.08rem) rotate(5deg)}
50%{-webkit-transform:translateY(0.09rem) rotate(5deg) scale(1.04,.94);transform:translateY(0.09rem) rotate(5deg) scale(1.04,.94)}
58%{-webkit-transform:translateY(0) rotate(0) scale(1,1);transform:translateY(0) rotate(0) scale(1,1)}
100%{-webkit-transform:translateY(0) rotate(0) scale(1,1);transform:translateY(0) rotate(0) scale(1,1)}
}
@-webkit-keyframes figMystic{0%,100%{-webkit-transform:translateY(0) rotate(0) scale(1);transform:translateY(0) rotate(0) scale(1)}
50%{-webkit-transform:translateY(-0.14rem) rotate(-2deg) scale(1.025);transform:translateY(-0.14rem) rotate(-2deg) scale(1.025)}
}
@keyframes figMystic{0%,100%{-webkit-transform:translateY(0) rotate(0) scale(1);transform:translateY(0) rotate(0) scale(1)}
50%{-webkit-transform:translateY(-0.14rem) rotate(-2deg) scale(1.025);transform:translateY(-0.14rem) rotate(-2deg) scale(1.025)}
}
@-webkit-keyframes figRead{0%,100%{-webkit-transform:translateY(0) rotate(-2deg);transform:translateY(0) rotate(-2deg)}
50%{-webkit-transform:translateY(-0.04rem) rotate(2deg);transform:translateY(-0.04rem) rotate(2deg)}
}
@keyframes figRead{0%,100%{-webkit-transform:translateY(0) rotate(-2deg);transform:translateY(0) rotate(-2deg)}
50%{-webkit-transform:translateY(-0.04rem) rotate(2deg);transform:translateY(-0.04rem) rotate(2deg)}
}
@-webkit-keyframes figCalm{0%,100%{-webkit-transform:scale(1) rotate(-.8deg);transform:scale(1) rotate(-.8deg)}
50%{-webkit-transform:scale(1.035) rotate(.8deg);transform:scale(1.035) rotate(.8deg)}
}
@keyframes figCalm{0%,100%{-webkit-transform:scale(1) rotate(-.8deg);transform:scale(1) rotate(-.8deg)}
50%{-webkit-transform:scale(1.035) rotate(.8deg);transform:scale(1.035) rotate(.8deg)}
}
@-webkit-keyframes figWealth{0%,100%{-webkit-transform:translateY(0) rotate(-2deg) scale(1,1);transform:translateY(0) rotate(-2deg) scale(1,1)}
25%{-webkit-transform:translateY(-0.07rem) rotate(2.5deg) scale(1.025,.975);transform:translateY(-0.07rem) rotate(2.5deg) scale(1.025,.975)}
50%{-webkit-transform:translateY(0) rotate(-2deg) scale(1,1);transform:translateY(0) rotate(-2deg) scale(1,1)}
75%{-webkit-transform:translateY(-0.04rem) rotate(1deg);transform:translateY(-0.04rem) rotate(1deg)}
}
@keyframes figWealth{0%,100%{-webkit-transform:translateY(0) rotate(-2deg) scale(1,1);transform:translateY(0) rotate(-2deg) scale(1,1)}
25%{-webkit-transform:translateY(-0.07rem) rotate(2.5deg) scale(1.025,.975);transform:translateY(-0.07rem) rotate(2.5deg) scale(1.025,.975)}
50%{-webkit-transform:translateY(0) rotate(-2deg) scale(1,1);transform:translateY(0) rotate(-2deg) scale(1,1)}
75%{-webkit-transform:translateY(-0.04rem) rotate(1deg);transform:translateY(-0.04rem) rotate(1deg)}
}
@-webkit-keyframes figCelestial{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(-0.18rem) rotate(2deg);transform:translateY(-0.18rem) rotate(2deg)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
@keyframes figCelestial{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(-0.18rem) rotate(2deg);transform:translateY(-0.18rem) rotate(2deg)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
@-webkit-keyframes figSerene{0%,100%{-webkit-transform:translateY(0) rotate(0) scale(1,1);transform:translateY(0) rotate(0) scale(1,1)}
50%{-webkit-transform:translateY(-0.05rem) rotate(0) scale(1,.97);transform:translateY(-0.05rem) rotate(0) scale(1,.97)}
}
@keyframes figSerene{0%,100%{-webkit-transform:translateY(0) rotate(0) scale(1,1);transform:translateY(0) rotate(0) scale(1,1)}
50%{-webkit-transform:translateY(-0.05rem) rotate(0) scale(1,.97);transform:translateY(-0.05rem) rotate(0) scale(1,.97)}
}
@-webkit-keyframes figMajestic{0%,100%{-webkit-transform:translateY(0) rotate(0) scale(1);transform:translateY(0) rotate(0) scale(1)}
50%{-webkit-transform:translateY(-0.03rem) rotate(1deg) scale(1.02);transform:translateY(-0.03rem) rotate(1deg) scale(1.02)}
}
@keyframes figMajestic{0%,100%{-webkit-transform:translateY(0) rotate(0) scale(1);transform:translateY(0) rotate(0) scale(1)}
50%{-webkit-transform:translateY(-0.03rem) rotate(1deg) scale(1.02);transform:translateY(-0.03rem) rotate(1deg) scale(1.02)}
}
[data-page="pkgResult/pages/result/result"] .anim-forge{-webkit-animation:figForge .85s cubic-bezier(.55,0,.7,1) infinite;animation:figForge .85s cubic-bezier(.55,0,.7,1) infinite;-webkit-transform-origin:50% 85%;transform-origin:50% 85%}
[data-page="pkgResult/pages/result/result"] .anim-mystic{-webkit-animation:figMystic 3.6s ease-in-out infinite;animation:figMystic 3.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-read{-webkit-animation:figRead 4s ease-in-out infinite;animation:figRead 4s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-calm{-webkit-animation:figCalm 5.2s ease-in-out infinite;animation:figCalm 5.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-wealth{-webkit-animation:figWealth 2.8s ease-in-out infinite;animation:figWealth 2.8s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-celestial{-webkit-animation:figCelestial 4.6s ease-in-out infinite;animation:figCelestial 4.6s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-serene{-webkit-animation:figSerene 4.2s ease-in-out infinite;animation:figSerene 4.2s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .anim-majestic{-webkit-animation:figMajestic 4.8s ease-in-out infinite;animation:figMajestic 4.8s ease-in-out infinite}
[data-page="pkgResult/pages/result/result"] .hero-tag{display:block;left:0;pointer-events:none;position:absolute;right:0;text-align:center;top:2.5rem;z-index:3}
[data-page="pkgResult/pages/result/result"] .hero-tag-cell{border-radius:9.99rem;display:inline-block;font-size:0.22rem;font-weight:700;letter-spacing:0.015rem;padding:0.06rem 0.22rem}
[data-page="pkgResult/pages/result/result"] .hero-three-fig .hero-tag{top:4.1rem}
[data-page="pkgResult/pages/result/result"] .hero-love{height:8.8rem}
[data-page="pkgResult/pages/result/result"] .hero-love .hero-tag{top:4.78rem}
[data-page="pkgResult/pages/result/result"] .hero-love .hero-name{top:5.22rem}
[data-page="pkgResult/pages/result/result"] .hero-love .hero-tags{bottom:auto;top:5.86rem}
[data-page="pkgResult/pages/result/result"] .hero-love .hero-quote{bottom:auto;top:6.38rem}
[data-page="pkgResult/pages/result/result"] .hero-love .hero-date{bottom:0.4rem}
/* ===== 网页版专用的样式修正，追加在所有小程序样式之后 =====
 * 只放"设备差异"导致的小修正，不改小程序源码里的 wxss。 */

/* 答题页右上角的题号角标原版按 iPhone 44px 状态栏写死 top:189px，网页状态栏按 20px 算，上移 24px */
[data-page="pkgResult/pages/quiz/quiz"] .tcount { top: 165px; }

/* 桌面端页面限宽 480px 居中，fixed 定位的底栏和底部弹层也要跟着限进这一列 */
tab-bar[data-cid] .tabbar-wrap { left: 50%; right: auto; transform: translateX(-50%); width: 100%; max-width: 480px; }
[data-page] .mask .sheet { max-width: 480px; margin: 0 auto; }