.hao-overlay.reward-guide .hao-dialog .content{padding:.46rem .5rem .4rem}.hao-overlay.reward-guide .close-dialog{transition:opacity .3s}.hao-overlay.reward-guide.is-locked .close-dialog{opacity:0;pointer-events:none}:where(.hao-overlay.reward-guide) button{appearance:none;font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0}.hao-overlay.reward-guide button:not(:disabled){cursor:var(--cursor-touch),auto}.hao-overlay.reward-guide button:disabled{cursor:var(--cursor-default),auto}.hao-overlay.reward-guide :focus-visible{outline:2px solid var(--reward-accent);outline-offset:2px}.hao-overlay.reward-guide .reward-guide__panel:is(:focus,:focus-visible){outline:none}.rg-head{align-items:center;gap:.14rem;margin-bottom:.26rem;padding-right:1rem;display:flex}.rg-head>svg{width:.44rem;height:.44rem;fill:var(--reward-accent);flex:none}.rg-head b{color:var(--color-text);font-size:.32rem;font-weight:600;display:block}.rg-head small{color:var(--color-cale-text);margin-top:.03rem;font-size:.21rem;display:block}.rg-tabs{box-shadow:inset 3px 3px 6px var(--col-bg-start),inset -3px -3px 6px var(--col-bg-end);align-self:flex-start;padding:.04rem}.rg-tabs,.rg-tabs button{border-radius:30px;display:inline-flex}.rg-tabs button{color:var(--color-cale-text);white-space:nowrap;align-items:center;gap:.08rem;padding:.07rem .24rem;font-size:.23rem}.rg-tabs button i{background:#07c160;border-radius:50%;flex:none;width:.14rem;height:.14rem}.rg-tabs button[data-m=ali] i{background:#1677ff}.rg-tabs button.is-on{color:var(--color-text);background:var(--card-background-webkit);box-shadow:2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end)}.rg-intro{color:var(--color-cale-text);margin:.14rem .04rem .22rem;font-size:.22rem;line-height:1.6}.rg-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.rg-card{border:1px solid var(--profile-surface-border);background:var(--frosted-bg);border-radius:20px;flex-direction:column;gap:.14rem;padding:.2rem;display:flex;position:relative}.rg-card+.rg-card:before{content:"";border-top:2px solid var(--reward-accent);border-right:2px solid var(--reward-accent);opacity:.7;width:.18rem;height:.18rem;position:absolute;top:50%;left:-.24rem;transform:translateY(-50%)rotate(45deg)}.rg-card__head{align-items:flex-start;gap:.12rem;min-height:.84rem;display:flex}.rg-num{width:.42rem;height:.42rem;color:var(--reward-accent-on);background:var(--reward-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.22rem;font-weight:700;display:inline-flex}.rg-title{color:var(--color-text);font-size:.26rem;font-weight:600;line-height:1.5;display:block}.rg-sub{min-height:1.1rem;color:var(--color-cale-text);font-size:.215rem;line-height:1.65;display:block}.rg-sub.is-warn{color:var(--el-color-danger)}.hao-overlay.reward-guide .rg-figure{width:100%;height:5.1rem;box-shadow:inset 3px 3px 6px var(--col-bg-start),inset -3px -3px 6px var(--col-bg-end);border-radius:18px;justify-content:center;align-items:center;padding:.16rem;display:flex;position:relative;overflow:hidden}.hao-overlay.reward-guide .rg-figure img{object-fit:contain;max-width:100%;max-height:100%;display:block}.rg-zoom{color:#fff;opacity:0;pointer-events:none;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:.46rem;height:.46rem;transition:opacity .2s;display:flex;position:absolute;bottom:.12rem;right:.12rem}.rg-zoom svg{fill:currentColor;width:.26rem;height:.26rem}.rg-figure:is(:hover,:focus-visible) .rg-zoom{opacity:1}@media (hover:none){.rg-zoom{opacity:.8}}.rg-tips{border-top:1px dashed var(--lable-card-bag);color:var(--color-cale-text);flex-direction:column;gap:.08rem;margin-top:.26rem;padding-top:.2rem;font-size:.215rem;line-height:1.6;display:flex}.rg-tips p{align-items:flex-start;gap:.1rem;margin:0;display:flex}.rg-tips svg{fill:currentColor;flex:none;width:.26rem;height:.26rem;margin-top:.03rem}.rg-tips .is-warn svg{fill:var(--el-color-danger)}.rg-tips b{color:var(--color-text);font-weight:600}.rg-foot{justify-content:flex-end;align-items:center;gap:.2rem;margin-top:.26rem;display:flex}.rg-reopen{color:var(--color-cale-text);margin-right:auto;font-size:.21rem}.hao-overlay.reward-guide .rg-btn{color:var(--color-text);box-shadow:2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:30px;justify-content:center;align-items:center;gap:.08rem;padding:.1rem .3rem;font-size:.23rem;transition:opacity .3s;display:inline-flex;position:relative}.hao-overlay.reward-guide .rg-btn:active:not(:disabled){box-shadow:inset 2px 2px 5px var(--col-bg-start),inset -2px -2px 5px var(--col-bg-end)}.hao-overlay.reward-guide .rg-btn:disabled{opacity:.4}.hao-overlay.reward-guide .rg-btn.is-go{color:var(--reward-accent);background:var(--reward-accent-bg);box-shadow:2px 2px 6px var(--col-bg-start),-2px -2px 6px var(--col-bg-end),inset 0 0 0 1px var(--reward-accent-border);overflow:hidden}.hao-overlay.reward-guide .rg-btn.is-go:disabled{opacity:1}.rg-go-label{transition:opacity .25s}.rg-lock{border-radius:inherit;white-space:nowrap;color:var(--reward-accent);opacity:0;visibility:hidden;justify-content:center;align-items:center;gap:.06rem;font-size:.2rem;font-weight:500;transition:opacity .35s,visibility 0s .35s;display:flex;position:absolute;inset:0}.rg-lock b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:inherit;font-weight:700}.hao-overlay.reward-guide.is-locked .rg-go-label{opacity:0}.hao-overlay.reward-guide.is-locked .rg-lock{opacity:1;visibility:visible;transition:opacity .35s}.rg-ring{flex:none;width:.26rem;height:.26rem;transform:rotate(-90deg)}.rg-ring circle{fill:none;stroke-width:3px}.rg-ring .bg{stroke:var(--reward-accent-border)}.rg-ring .fg{stroke:var(--reward-accent);stroke-dasharray:56.55;stroke-dashoffset:56.55px;stroke-dashoffset:calc((1 - var(--rg-p,0))*56.55);transition:stroke-dashoffset .1s linear}.reward-guide-viewer{z-index:100000;position:relative}@media (width<=540px){.hao-overlay.reward-guide .hao-dialog{border-radius:0!important;height:100%!important}.hao-overlay.reward-guide .hao-dialog .content{padding:.9rem .36rem .5rem}.hao-overlay.reward-guide .rg-tabs{align-self:stretch;display:flex}.hao-overlay.reward-guide .rg-tabs button{flex:1 1 0;justify-content:center;padding:.14rem .08rem;font-size:.33rem}.hao-overlay.reward-guide .rg-btn{padding:.16rem .44rem;font-size:.35rem}.hao-overlay.reward-guide .rg-figure{height:7.2rem}.rg-head b{font-size:.46rem}.rg-head small{font-size:.32rem}.rg-head>svg{width:.62rem;height:.62rem}.rg-intro{margin:.2rem .04rem .26rem;font-size:.33rem}.rg-steps{grid-template-columns:1fr}.rg-card+.rg-card:before{display:none}.rg-card__head{min-height:0}.rg-num{width:.62rem;height:.62rem;font-size:.32rem}.rg-title{font-size:.39rem}.rg-sub{min-height:0;font-size:.33rem}.rg-sub:empty{display:none}.rg-zoom{width:.7rem;height:.7rem}.rg-zoom svg{width:.4rem;height:.4rem}.rg-tips{font-size:.33rem}.rg-tips svg{width:.38rem;height:.38rem}.rg-reopen{display:none}.rg-foot{background:linear-gradient(#0000,#00000059 30%);margin:.26rem -.36rem -.5rem;padding:.24rem .36rem .4rem;position:sticky;bottom:-.5rem}.lightBody .rg-foot{background:linear-gradient(#0000,#f1f1f1eb 30%)}.rg-lock{font-size:.3rem}.rg-ring{width:.38rem;height:.38rem}}.bodySty .reward-guide .rg-go-label,.bodySty .reward-guide .rg-lock,.bodySty .reward-guide .rg-ring .fg,.bodySty .reward-guide .rg-zoom{transition:none!important}@media (prefers-reduced-motion:reduce){.reward-guide .rg-go-label,.reward-guide .rg-lock,.reward-guide .rg-ring .fg,.reward-guide .rg-zoom{transition:none!important}}