/* 01 · 奶白纸签气泡与淡金线，固定在视口中，由控制器锚定角色头部。 */
.feedback-thanks{position:fixed;z-index:29;width:max-content;max-width:min(270px,calc(100vw - 24px));box-sizing:border-box;padding:13px 25px 13px 17px;background:#fffaf0;border:1px solid #ceb98b;border-radius:10px 13px 9px 12px;box-shadow:0 4px 16px #aa9c7920;color:#54718b;pointer-events:auto}
.feedback-thanks[hidden]{display:none}.feedback-thanks p{margin:0;font-size:14px;line-height:1.9;letter-spacing:.6px;overflow-wrap:anywhere}
.feedback-thanks button{position:absolute;right:5px;top:3px;border:0;background:none;padding:1px 5px;font:16px Georgia,serif;color:#a79879;cursor:pointer}
.feedback-thanks button:focus-visible{outline:2px dashed #8eaab9;outline-offset:1px}
.feedback-thanks:after{content:'';position:absolute;left:var(--thanks-tip,50%);bottom:-6px;width:10px;height:10px;background:#fffaf0;border-right:1px solid #ceb98b;border-bottom:1px solid #ceb98b;transform:translateX(-50%) rotate(45deg)}
.feedback-thanks[data-side="below"]:after{top:-6px;bottom:auto;transform:translateX(-50%) rotate(225deg)}
/* 02 · 开心的小跃起和晃动仅作用于内部图层，贴边姿态也能回应，物理运动照常继续。 */
.drag-guide.feedback-celebrate #character,.drag-guide.feedback-celebrate .guide-pose{animation:feedback-joy 1.1s ease-in-out 2;transform-origin:50% 80%}
.drag-guide.feedback-celebrate[data-drag-edge] .guide-pose{animation:feedback-edge-joy 1.1s ease-in-out 2}
@keyframes feedback-joy{0%,100%{translate:0 0;rotate:0deg}25%{translate:0 -9px;rotate:-4deg}55%{translate:0 -2px;rotate:4deg}78%{translate:0 -5px;rotate:-2deg}}
@keyframes feedback-edge-joy{0%,100%{translate:0 0}35%{translate:0 -5px}70%{translate:0 2px}}
.reduce-motion .feedback-celebrate #character,.reduce-motion .feedback-celebrate .guide-pose{animation:none!important}
@media(prefers-reduced-motion:reduce){.feedback-celebrate #character,.feedback-celebrate .guide-pose{animation:none!important}}
