/* A small guide, always offset from the visitor's pointer. */
#yinong-guide{position:fixed;inset:0;z-index:10000;pointer-events:none;color:#513547;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;text-align:left}
.guide-traveler{position:absolute;left:0;top:0;width:104px;height:184px;will-change:transform;pointer-events:none}
.guide-avatar{display:block;width:104px;height:184px;padding:0;border:0;background:none;pointer-events:none;position:relative}
.guide-sprite{display:block;width:104px;height:184px;background:url('assets/yinong-character-sprite.png') 50% 50%/300% 100% no-repeat;transform-origin:50% 85%;filter:drop-shadow(0 5px 2px #68374b20);animation:guide-breathe 3.5s ease-in-out infinite}
.guide-avatar:after{content:'怡浓分身';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);padding:2px 8px;border:1px solid #c99bb3;border-radius:20px;background:#fff9eff2;font-size:12px;white-space:nowrap;color:#795267}
.guide-sprite[data-pose=left]{background-position:0% 50%}.guide-sprite[data-pose=right]{background-position:100% 50%}
.guide-sprite[data-pose=laugh],.guide-sprite[data-pose=wave],.guide-sprite[data-pose=cheer]{background-image:url('assets/yinong-expression-sprite.png')}
.guide-sprite[data-pose=laugh]{background-position:0% 50%;animation:guide-giggle .8s ease-in-out}
.guide-sprite[data-pose=wave]{background-position:50% 50%;animation:guide-wave .8s ease-in-out}
.guide-sprite[data-pose=cheer]{background-position:100% 50%;animation:guide-celebrate .8s ease-in-out}
.guide-traveler.is-moving .guide-sprite:not([data-pose=cheer]){animation:guide-walk .3s ease-in-out infinite}
.guide-bubble{position:absolute;left:0;top:0;max-width:248px;width:max-content;padding:13px 17px;background:#fffbed;border:1.5px solid #82586d;border-radius:17px 17px 17px 5px;box-shadow:3px 4px 0 #e7b6ce;color:#674055;font-size:14px;line-height:1.7;opacity:0;visibility:hidden;transition:opacity .18s;pointer-events:none}
.guide-bubble.is-speaking{opacity:1;visibility:visible}.guide-bubble strong{display:block;font-size:12px;color:#af5480;letter-spacing:1px;margin-bottom:4px}.guide-bubble p{margin:0}
.guide-controls{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:5px;padding:5px;background:#fffaf2f5;border:1px solid #9d7388;border-radius:30px;box-shadow:2px 3px #b37b9740;pointer-events:auto}
.guide-controls button{background:transparent;border:0;border-radius:22px;padding:8px 11px;min-height:38px;font-size:13px;line-height:1.4;color:#755166;white-space:nowrap}
.guide-controls button:hover{background:#f5daE8}.guide-controls button[aria-pressed=true]{background:#f6dce8;color:#893863}.guide-controls button:focus-visible,.guide-avatar:focus-visible{outline:3px solid #bd3f80;outline-offset:3px}
.guide-controls #guide-collapse{background:#ffe9a5;color:#65483d}.guide-spark{position:absolute;font-size:25px;line-height:1;color:#dd70a1;pointer-events:none;animation:guide-spark .65s ease-out forwards}
#yinong-guide.is-minimized .guide-traveler,#yinong-guide.is-minimized .guide-bubble,#yinong-guide.is-minimized #guide-greet,#yinong-guide.is-minimized #guide-follow,#yinong-guide.is-minimized #guide-sound{display:none}
#yinong-guide.is-resting .guide-sprite{animation:none}.character-sprite.hero-cheer{background-image:url('assets/yinong-expression-sprite.png');background-position:50% 50%!important;animation:guide-wave .8s ease-in-out}
.personality-board{grid-column:1/-1;width:100%;margin:43px 0 6px;padding:30px 28px 24px;background:#fff7fbd9;border:1.5px dashed #b67a99;border-radius:12px 35px 15px 30px;position:relative}
.personality-board:before{content:'OFF DUTY / 浓度 100%';position:absolute;right:23px;top:-14px;padding:4px 12px;background:#ffe79c;border:1px solid #896a56;border-radius:4px;transform:rotate(3deg);font:12px/1.5 monospace;color:#765344}
.intro-strip .personality-board h3{font:31px/1.5 var(--hand);color:#75445e;margin:0 0 8px}.intro-strip .personality-board .personality-intro{font-size:14px;color:#936681;line-height:1.8;margin:0 0 22px}
.personality-tags{display:flex;flex-wrap:wrap;gap:13px 12px;align-items:center}.personality-tag{--tag-bg:#fbe0ec;display:inline-flex;align-items:center;gap:8px;max-width:100%;border:1.5px solid #876578;border-radius:6px 15px 7px 12px;background:var(--tag-bg);box-shadow:2px 3px 0 #b88da4;padding:10px 14px;font-size:15px;line-height:1.75;text-align:left;transform:rotate(var(--tilt,0deg));transition:transform .18s,box-shadow .18s;color:#614554;overflow-wrap:anywhere}
.personality-tag:nth-child(4n+1){--tag-bg:#ffeaa9;--tilt:-1deg}.personality-tag:nth-child(4n+2){--tag-bg:#dcecf7;--tilt:1deg}.personality-tag:nth-child(4n+3){--tag-bg:#e7efd1;--tilt:-.6deg}.personality-tag:hover,.personality-tag:focus-visible{transform:translateY(-4px) rotate(0);box-shadow:3px 6px 0 #b88da4}.personality-tag[aria-pressed=true]{background:#743f5c;color:white;border-color:#743f5c;transform:rotate(0)}
.tag-icon{font-size:19px;flex-shrink:0}.intro-strip .personality-reply{font-size:15px;line-height:1.8;color:#85576d;min-height:32px;margin:21px 0 0;padding-top:16px;border-top:1px dashed #dcb8ca}.personality-reply:before{content:'小浓接话：';font-weight:600;color:#a94377}
@keyframes guide-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes guide-walk{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes guide-giggle{0%,100%{transform:rotate(0)}25%,65%{transform:translateY(-5px) rotate(-5deg)}45%,80%{transform:rotate(4deg)}}
@keyframes guide-wave{0%,100%{transform:rotate(0)}25%,65%{transform:rotate(-7deg)}45%,80%{transform:rotate(5deg)}}
@keyframes guide-celebrate{0%,100%{transform:scale(1)}30%{transform:translateY(-11px) scale(1.05)}65%{transform:translateY(-5px) rotate(4deg)}}
@keyframes guide-spark{0%{opacity:0;transform:translateY(8px) scale(.35)}25%{opacity:1}100%{opacity:0;transform:translateY(-28px) scale(1.1) rotate(35deg)}}
@media(max-width:600px){.guide-traveler,.guide-avatar,.guide-sprite{width:78px;height:140px}.guide-avatar:after{font-size:11px;bottom:0}.guide-bubble{max-width:220px;font-size:14px;padding:11px 14px}.guide-controls{bottom:max(10px,env(safe-area-inset-bottom));right:10px;gap:1px}.guide-controls button{font-size:12px;padding:8px 10px}.personality-board{padding:28px 17px 20px;margin-top:31px}.intro-strip .personality-board h3{font-size:26px}.personality-tags{gap:12px 9px}.personality-tag{font-size:14px;padding:9px 11px;line-height:1.8}.tag-icon{font-size:17px}.intro-strip .personality-reply{font-size:14px}.personality-board:before{right:15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.guide-sprite,.guide-traveler.is-moving .guide-sprite,.guide-spark,.character-sprite.hero-cheer{animation:none!important}.guide-bubble,.personality-tag{transition:none}.personality-tag:hover{transform:none}}