/* 雾只画在文字后面：边界虚化，但心里话保持清楚；整片思绪不拦截任何点击。 */
.guide-thought{position:fixed;z-index:26;width:max-content;max-width:min(250px,calc(100vw - 32px));padding:17px 23px;box-sizing:border-box;pointer-events:none!important;color:#536d82;isolation:isolate;animation:guide-thought-appear .8s ease-out both}
.guide-thought[hidden]{display:none}
.guide-thought-mist{position:absolute;inset:-6px -10px;z-index:-1;border-radius:46% 54% 49% 51% / 51% 44% 56% 49%;background:radial-gradient(ellipse at 50% 48%,#fffdf4f5 24%,#faf7eee0 55%,#e6eef26b 72%,transparent 85%);filter:blur(3px);box-shadow:0 1px 14px #d4e3e222}
.guide-thought p{position:relative;margin:0;font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:14px;line-height:1.9;letter-spacing:.04em;text-wrap:pretty;overflow-wrap:anywhere}
/* 两颗小思绪点连接头顶；靠近屏幕上缘时放在角色下方，点也一起翻转。 */
.guide-thought:after{content:'';position:absolute;left:var(--thought-dot-x,50%);bottom:-10px;width:7px;height:6px;background:#e7edf0b3;border-radius:50%;box-shadow:7px 12px 0 -1px #d5e2e58c;pointer-events:none}
.guide-thought[data-side=below]:after{top:-10px;bottom:auto;box-shadow:7px -12px 0 -1px #d5e2e58c}
.guide-thought[data-phase=leaving]{animation:guide-thought-leave 1s ease-in both}
@keyframes guide-thought-appear{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes guide-thought-leave{from{opacity:1;translate:0 0}to{opacity:0;translate:0 -6px}}
.guide-thought[data-motion=off],.reduce-motion .guide-thought{animation:none}
.guide-thought[data-motion=off][data-phase=leaving]{opacity:0}
@media(max-width:700px){.guide-thought{max-width:min(224px,calc(100vw - 32px));padding:14px 20px}.guide-thought p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.guide-thought{animation:none}.guide-thought[data-phase=leaving]{opacity:0}}