.feed-result-effect{--result-color:#58edc5;--result-rgb:76,235,188;position:absolute;inset:0;z-index:8;border-radius:50%;pointer-events:none;color:var(--result-color);isolation:isolate;opacity:0}
.feed-result-effect.is-on{opacity:1}
.feed-result-effect--failure{--result-color:#e9a18a;--result-rgb:224,136,108}
.feed-result-effect__shade{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse at 50% 65%,#07191ee8 0,#081a20d4 48%,#081a2000 76%);opacity:0}
.is-on .feed-result-effect__shade{animation:feed-result-shade .45s ease-out forwards}
.feed-result-effect__halo{position:absolute;inset:1%;border-radius:50%;border:1px solid rgba(var(--result-rgb),.8);opacity:0;box-shadow:0 0 14px rgba(var(--result-rgb),.26),inset 0 0 12px rgba(var(--result-rgb),.18)}
.feed-result-effect__halo--second{inset:4%;border-width:2px}
.is-on.feed-result-effect--success .feed-result-effect__halo{animation:feed-result-ring 1.25s cubic-bezier(.16,.7,.3,1) both}
.is-on.feed-result-effect--success .feed-result-effect__halo--second{animation-delay:.16s;animation-duration:1.18s}
.is-on.feed-result-effect--failure .feed-result-effect__halo{animation:feed-result-denied-ring .9s ease-out both}
.is-on.feed-result-effect--failure .feed-result-effect__halo--second{animation-delay:.1s;animation-duration:.92s;inset:4.5%;border-style:dashed;border-width:1px}
.feed-result-effect__sweep{position:absolute;inset:6.5%;border-radius:50%;background:conic-gradient(from -35deg,transparent 0 18deg,rgba(var(--result-rgb),.88) 28deg,transparent 52deg 178deg,rgba(var(--result-rgb),.54) 192deg,transparent 220deg);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));opacity:0}
.is-on .feed-result-effect__sweep{animation:feed-result-sweep 1.15s cubic-bezier(.16,.64,.26,1) both}
.feed-result-effect--failure .feed-result-effect__sweep{background:conic-gradient(from 0deg,transparent 0 12deg,rgba(var(--result-rgb),.7) 14deg 47deg,transparent 50deg 192deg,rgba(var(--result-rgb),.7) 194deg 227deg,transparent 230deg)}
.feed-result-effect__spark{position:absolute;left:50%;top:50%;height:49%;width:2px;transform-origin:50% 0;transform:rotate(var(--spark-angle));opacity:0}
.feed-result-effect__spark::after{content:"";position:absolute;left:0;top:100%;width:2px;height:9px;background:var(--result-color);box-shadow:0 0 6px rgba(var(--result-rgb),.9);border-radius:1px}
.is-on.feed-result-effect--success .feed-result-effect__spark{animation:feed-result-spark .78s cubic-bezier(.1,.6,.2,1) var(--spark-delay) both}
.feed-result-effect--failure .feed-result-effect__spark{display:none}
.feed-result-effect__card{position:absolute;left:50%;top:64%;width:74%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;text-align:center;opacity:0;filter:drop-shadow(0 2px 8px #041319);font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.is-on .feed-result-effect__card{animation:feed-result-card .48s cubic-bezier(.18,.68,.3,1) .06s both}
.feed-result-effect__badge{position:relative;display:grid;place-items:center;width:47px;height:47px;margin-bottom:8px;background:linear-gradient(135deg,rgba(var(--result-rgb),.18),#081c23e8);border:1px solid rgba(var(--result-rgb),.72);clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}
.feed-result-effect__badge svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:square;stroke-linejoin:miter}
.feed-result-effect__symbol{stroke-dasharray:50;stroke-dashoffset:50}
.is-on .feed-result-effect__symbol{animation:feed-result-symbol .38s ease-out .14s forwards}
.feed-result-effect__title{color:var(--result-color);font-family:"Service Title","Microsoft YaHei",sans-serif;font-size:clamp(18px,1.8vw,24px);font-weight:700;letter-spacing:2px;line-height:1.35;text-shadow:0 0 20px rgba(var(--result-rgb),.22)}
.feed-result-effect__item{font-size:clamp(11px,1.1vw,13px);font-weight:700;line-height:1.5;margin-top:6px;color:#deebe4;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.feed-result-effect__note{font-size:10px;line-height:1.5;letter-spacing:.5px;color:#94b4ad;margin-top:3px}
.feed-result-effect--failure .feed-result-effect__note{color:#bb9e95}
.feed-result-wheel-success .feed-wheel-center,.feed-result-wheel-failure .feed-wheel-center{opacity:0;transition:opacity .16s ease-out}
.feed-result-gift-success{border-color:#63e9c1!important;box-shadow:0 0 0 1px #55efc333,inset 0 0 50px #3ae2b513;animation:feed-result-gift 1.4s ease-out both}
.feed-result-gift-success .feed-target-content>img{animation:feed-result-gift-art 1.2s cubic-bezier(.2,.7,.3,1) both}
.feed-result-panel-success{animation:feed-result-panel-confirm 1.25s ease-out both}
.feed-result-panel-failure{animation:feed-result-panel-denied .95s ease-out both}
@keyframes feed-result-ring{0%{opacity:0;transform:scale(.96)}14%{opacity:1}100%{opacity:0;transform:scale(1.17)}}
@keyframes feed-result-denied-ring{0%{opacity:0;transform:scale(1.045)}15%{opacity:.85}31%{opacity:.28}43%{opacity:.65}100%{opacity:0;transform:scale(1.07)}}
@keyframes feed-result-sweep{0%{opacity:0;transform:rotate(-35deg)}18%{opacity:1}100%{opacity:0;transform:rotate(115deg)}}
@keyframes feed-result-spark{0%{opacity:0;transform:rotate(var(--spark-angle)) scale(.97)}14%{opacity:.86}100%{opacity:0;transform:rotate(var(--spark-angle)) scale(1.19)}}
@keyframes feed-result-card{0%{opacity:0;transform:translate(-50%,calc(-50% + 9px)) scale(.96)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes feed-result-symbol{to{stroke-dashoffset:0}}
@keyframes feed-result-shade{to{opacity:1}}
@keyframes feed-result-gift{0%{box-shadow:0 0 0 1px #55efc300,inset 0 0 0 #3ae2b500}30%{box-shadow:0 0 28px #55efc32b,inset 0 0 65px #3ae2b526}100%{box-shadow:0 0 0 1px #55efc32b,inset 0 0 40px #3ae2b512}}
@keyframes feed-result-gift-art{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-3px) scale(1.035)}100%{transform:translateY(0) scale(1)}}
@keyframes feed-result-panel-confirm{0%,100%{box-shadow:0 24px 64px #0003,inset 0 1px #b5f3df0a}24%{box-shadow:0 24px 64px #0003,inset 0 0 60px #37dcac18}}
@keyframes feed-result-panel-denied{0%,100%{box-shadow:0 24px 64px #0003,inset 0 1px #b5f3df0a}27%{box-shadow:0 24px 64px #0003,inset 0 0 60px #c36e4c15}}
@media(max-width:760px){.feed-result-effect__badge{width:38px;height:38px;margin-bottom:6px}.feed-result-effect__badge svg{width:24px;height:24px}.feed-result-effect__title{font-size:18px}.feed-result-effect__item{font-size:11px;margin-top:4px}.feed-result-effect__note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.feed-result-effect *, .feed-result-gift-success,.feed-result-gift-success .feed-target-content>img,.feed-result-panel-success,.feed-result-panel-failure{animation:none!important;transition:none!important}.feed-result-effect__halo,.feed-result-effect__sweep,.feed-result-effect__spark{display:none!important}.feed-result-effect__shade,.feed-result-effect__card{opacity:1}.feed-result-effect__symbol{stroke-dashoffset:0}.feed-result-wheel-success .feed-wheel-center,.feed-result-wheel-failure .feed-wheel-center{transition:none}}
