/* 尚优管家 · 小精灵在线客服悬浮窗 */
#sy-elf-root *{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif}
#sy-elf-launcher{position:fixed;right:22px;bottom:22px;width:78px;height:78px;border-radius:50%;background:#0f6b3f;border:3px solid #fff;box-shadow:0 8px 24px rgba(15,107,63,.35);cursor:pointer;z-index:99998;display:flex;align-items:center;justify-content:center;animation:sy-bounce 2.4s ease-in-out infinite;transition:transform .2s}
#sy-elf-launcher:hover{transform:scale(1.06)}
#sy-elf-launcher img{width:64px;height:64px;object-fit:contain;pointer-events:none}
#sy-elf-tip{position:fixed;right:108px;bottom:40px;background:#0f6b3f;color:#fff;font-size:13px;padding:6px 12px;border-radius:14px;z-index:99998;box-shadow:0 4px 12px rgba(0,0,0,.18);animation:sy-fade 2.4s ease-in-out infinite}
#sy-elf-tip:after{content:"";position:absolute;right:-6px;top:12px;border:6px solid transparent;border-left-color:#0f6b3f}
@keyframes sy-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes sy-fade{0%,100%{opacity:.55}50%{opacity:1}}
#sy-elf-panel{position:fixed;right:22px;bottom:112px;width:366px;max-width:calc(100vw - 36px);height:540px;max-height:calc(100vh - 140px);background:#fff;border-radius:18px;box-shadow:0 16px 48px rgba(0,0,0,.28);z-index:99999;display:none;flex-direction:column;overflow:hidden}
#sy-elf-panel.sy-open{display:flex;animation:sy-pop .22s ease}
@keyframes sy-pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.sy-head{background:linear-gradient(135deg,#0f6b3f,#0a4d2c);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}
.sy-head img{width:42px;height:42px;border-radius:50%;background:#fff;padding:3px}
.sy-head .t1{font-size:15px;font-weight:700;line-height:1.2}
.sy-head .t2{font-size:12px;opacity:.85}
.sy-head .sy-close{margin-left:auto;background:rgba(255,255,255,.18);border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:16px;cursor:pointer}
.sy-body{flex:1;overflow-y:auto;padding:14px;background:#f4f8f6}
.sy-msg{max-width:84%;margin:8px 0;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.55;word-break:break-word}
.sy-msg.bot{background:#e7f1ec;color:#143a2a;border-bottom-left-radius:4px}
.sy-msg.me{background:#0f6b3f;color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.sy-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-top:1px solid #e4ede9;background:#fff}
.sy-chip{background:#eef5f1;border:1px solid #cfe3dc;color:#0f6b3f;font-size:13px;padding:7px 12px;border-radius:16px;cursor:pointer;transition:.15s}
.sy-chip:hover{background:#0f6b3f;color:#fff}
.sy-input{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #e4ede9;background:#fff}
.sy-input input{flex:1;border:1px solid #d4e2dc;border-radius:10px;padding:9px 12px;font-size:13.5px;outline:none}
.sy-input input:focus{border-color:#0f6b3f}
.sy-input button{background:#0f6b3f;color:#fff;border:none;border-radius:10px;padding:0 16px;font-size:14px;cursor:pointer}
.sy-lead{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-top:1px solid #e4ede9;background:#fbfdfc}
.sy-lead.sy-show{display:flex}
.sy-lead input,.sy-lead textarea{border:1px solid #d4e2dc;border-radius:10px;padding:9px 12px;font-size:13.5px;outline:none;font-family:inherit}
.sy-lead textarea{resize:none;height:54px}
.sy-lead button{background:#e8a33d;color:#5a3500;border:none;border-radius:10px;padding:10px;font-size:14px;font-weight:700;cursor:pointer}
.sy-foot{text-align:center;font-size:11px;color:#9bb0a8;padding:6px}