.kivo-sticker{display:block;width:100px;height:100px;overflow:visible}.sticker-body{transform-origin:60px 100px;animation:tuantuan-bounce 2.2s ease-in-out infinite}.sticker-eyes{transform-origin:60px 54px;animation:tuantuan-blink 4s infinite}.sticker-mark{transform-origin:90px 15px;animation:tuantuan-spark 1.4s ease-in-out infinite}.sticker-hand{transform-box:fill-box;transform-origin:bottom center}.sticker-hello .right{animation:tuantuan-wave .55s ease-in-out infinite alternate}.sticker-love .sticker-mark{font-size:35px}.sticker-yay .sticker-body{animation:tuantuan-jump .85s ease-in-out infinite}.sticker-laugh .sticker-body{animation:tuantuan-laugh .35s ease-in-out infinite alternate}.sticker-cry .sticker-mark{animation:tuantuan-tear 1.4s infinite}.sticker-wait .sticker-body{animation:tuantuan-sway 1.6s ease-in-out infinite}.sticker-coffee .sticker-mark{animation:tuantuan-steam 2s infinite}.sticker-thanks .sticker-body{animation:tuantuan-bow 1.9s ease-in-out infinite}
@keyframes tuantuan-bounce{50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes tuantuan-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes tuantuan-spark{50%{transform:scale(1.17) rotate(10deg)}}@keyframes tuantuan-wave{to{transform:rotate(35deg)}}@keyframes tuantuan-jump{40%{transform:translateY(-14px) scale(.96,1.06)}75%{transform:scale(1.08,.92)}}@keyframes tuantuan-laugh{to{transform:rotate(5deg) scale(1.04,.95)}}@keyframes tuantuan-tear{0%{transform:translateY(0);opacity:0}35%{opacity:1}100%{transform:translateY(50px);opacity:0}}@keyframes tuantuan-sway{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes tuantuan-steam{0%{transform:translateY(5px);opacity:.4}70%{transform:translateY(-8px);opacity:1}100%{transform:translateY(-10px);opacity:.4}}@keyframes tuantuan-bow{45%,65%{transform:translateY(6px) scale(1.06,.9)}}
.chat-tools{display:flex;align-items:center;gap:8px;position:relative}.chat-tool{border:0;background:transparent;color:#64717a;font-size:22px;padding:5px 8px;border-radius:8px;cursor:pointer;line-height:1}.chat-tool:hover{background:#edf4ef;color:#0f766e}.chat-tools input[type=file]{display:none}.chat-tools .tool-hint{font-size:10px;color:#98a29a;margin-left:5px}.emoji-picker{position:absolute;left:0;bottom:45px;width:300px;max-width:calc(100vw - 90px);padding:12px;background:white;border:1px solid #e2e9e4;border-radius:16px;box-shadow:0 12px 45px #21342c26;z-index:20}.emoji-picker-title{font-size:11px;color:#74867a;margin:0 0 10px;font-weight:600}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-bottom:12px}.emoji-grid button{border:0;background:none;font-size:22px;padding:4px;border-radius:7px;cursor:pointer}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sticker-grid button{background:#f8faf7;border:0;border-radius:10px;padding:3px;cursor:pointer}.sticker-grid button:hover,.emoji-grid button:hover{background:#eaf3ed}.sticker-grid .kivo-sticker{width:54px;height:54px;margin:auto}.sticker-grid small{display:block;font-size:9px;color:#819287;padding-bottom:5px}.attachment-preview{display:flex;align-items:center;gap:10px;background:#f3f7f4;border:1px solid #e0e9e1;border-radius:10px;padding:8px;margin:8px 0}.attachment-preview img{width:56px;height:48px;object-fit:cover;border-radius:6px}.attachment-preview .kivo-sticker{width:56px;height:56px}.attachment-preview .attachment-label{flex:1;min-width:0;font-size:11px;color:#678173;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview button{background:transparent;font-size:18px;color:#798981;border:0;cursor:pointer}.image-message{padding:5px!important;background:#f4f7f4!important;max-width:min(310px,92%)!important}.image-message img{display:block;max-width:100%;max-height:240px;border-radius:9px;object-fit:contain;cursor:zoom-in}.image-message .image-state{display:block;padding:18px;font-size:11px;color:#779383}.image-message p{margin:5px 7px;color:#385b45;white-space:pre-wrap;overflow-wrap:anywhere}.sticker-message{padding:0!important;background:transparent!important;border:0!important}.image-viewer{width:min(900px,94vw);max-width:94vw;max-height:94dvh;padding:16px;border:1px solid #e3e9e3;border-radius:16px;background:#fff}.image-viewer img{display:block;max-width:100%;max-height:80dvh;margin:auto;object-fit:contain}.image-viewer button{display:block;margin:0 0 10px auto;border:0;background:#eef4ef;border-radius:8px;padding:7px 12px;color:#4f6a59;cursor:pointer}.image-viewer::backdrop{background:#172c2577;backdrop-filter:blur(4px)}[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.kivo-sticker *{animation:none!important}}

.chat-drop-zone{position:relative}.chat-drop-zone.drag-over::after{content:"松开鼠标，添加图片";position:absolute;inset:8px;z-index:50;border:2px dashed #0f766e;border-radius:16px;background:#eff9f2f2;color:#0f766e;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;pointer-events:none}.image-message p{font-size:16px}

.emoji-picker{width:350px;max-height:min(530px,70dvh);overflow-y:auto;overscroll-behavior:contain}.sticker-pack-tabs{display:flex;gap:5px;margin-bottom:12px}.sticker-pack-tabs button{flex:1;border:1px solid #e4ece7;background:#f7faf8;color:#6c8478;border-radius:8px;padding:8px 4px;font-size:11px;cursor:pointer}.sticker-pack-tabs button.active{background:#e6f5ec;border-color:#9bceb7;color:#0f766e;font-weight:700}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:7px}.sticker-grid .kivo-sticker{width:68px;height:68px}.sticker-grid small{font-size:10px;padding:4px 0 6px}.kivo-sticker{width:120px;height:120px}.sticker-tail{transform-origin:95px 80px;animation:kivo-tail .6s ease-in-out infinite alternate}.sticker-orange{transform-origin:60px 21px;animation:kivo-orange 1s ease-in-out infinite}.sticker-light{animation:kivo-light .7s ease-in-out infinite alternate}.motion-dance .sticker-body{animation:kivo-dance .65s ease-in-out infinite}.motion-dance .sticker-hand,.motion-wave .sticker-hand.right{animation:tuantuan-wave .3s ease-in-out infinite alternate}.motion-pop .sticker-body{animation:kivo-pop 1.1s ease-in-out infinite}.motion-hearts .sticker-body{animation:kivo-heartbeat 1s ease-in-out infinite}.sticker-hearts{animation:kivo-hearts 1.3s ease-out infinite;transform-origin:center}.motion-jump .sticker-body,.motion-power .sticker-body{animation:tuantuan-jump .7s ease-in-out infinite}.motion-sleep .sticker-body{animation:kivo-sleep 2s ease-in-out infinite}.motion-sleep .sticker-mark,.motion-bath .sticker-mark{animation:tuantuan-steam 1.5s infinite}.motion-zoom .sticker-body{animation:kivo-zoom .8s ease-in-out infinite}.motion-sway .sticker-body{animation:tuantuan-sway 1.1s ease-in-out infinite}.motion-bath .sticker-body{animation:kivo-bath 1.4s ease-in-out infinite}.sticker-water{animation:kivo-ripple 1.4s ease-in-out infinite;transform-origin:60px 98px}.motion-munch .sticker-body{animation:kivo-munch .45s ease-in-out infinite alternate}.motion-munch .sticker-mark{animation:kivo-snack .9s ease-in-out infinite}.motion-bow .sticker-body{animation:tuantuan-bow 1.4s ease-in-out infinite}.motion-spin .sticker-body{transform-origin:60px 65px;animation:kivo-spin 1.8s ease-in-out infinite}.motion-think .sticker-mark{transform-origin:99px 16px;animation:kivo-gear 1.4s linear infinite}.motion-party .sticker-body{animation:kivo-dance .6s ease-in-out infinite}.sticker-confetti{animation:kivo-confetti 1.2s ease-out infinite}.motion-power .sticker-mark{animation:kivo-light .4s infinite alternate}
@keyframes kivo-dance{0%,100%{transform:translateX(-8px) rotate(-12deg)}50%{transform:translateX(8px) rotate(12deg)}}
@keyframes kivo-pop{0%,100%{transform:scale(1)}40%{transform:translateY(-10px) scale(1.15,.9)}65%{transform:scale(.95,1.12)}}
@keyframes kivo-heartbeat{0%,100%{transform:scale(1)}25%,55%{transform:scale(1.12)}40%{transform:scale(1.03)}}
@keyframes kivo-hearts{0%{opacity:0;transform:translateY(14px) scale(.7)}35%{opacity:1}100%{opacity:0;transform:translateY(-23px) scale(1.2)}}
@keyframes kivo-sleep{50%{transform:scale(1.07,.93) translateY(4px)}}
@keyframes kivo-zoom{0%,100%{transform:translateX(-12px) rotate(-9deg)}50%{transform:translateX(12px) rotate(9deg)}}
@keyframes kivo-tail{to{transform:rotate(25deg)}}
@keyframes kivo-orange{50%{transform:translateY(-7px) rotate(15deg)}}
@keyframes kivo-bath{50%{transform:translateY(5px) rotate(4deg)}}
@keyframes kivo-ripple{50%{transform:scaleX(1.08) scaleY(.8)}}
@keyframes kivo-munch{to{transform:scale(1.08,.92) rotate(3deg)}}
@keyframes kivo-snack{50%{transform:translate(-8px,16px) rotate(-20deg)}}
@keyframes kivo-spin{0%,20%{transform:rotate(0) scale(1)}70%,100%{transform:rotate(360deg) scale(1)}}
@keyframes kivo-gear{to{transform:rotate(360deg)}}
@keyframes kivo-confetti{0%{opacity:0;transform:translateY(-12px) scale(.8)}25%{opacity:1}100%{opacity:0;transform:translateY(17px) scale(1.1)}}
@keyframes kivo-light{to{opacity:.35;filter:drop-shadow(0 0 5px #ffad40)}}