#xiaer-root { position:fixed; bottom:24px; right:24px; z-index:2147483647; font-family:var(--font-sans); }
#xiaer-btn { width:52px; height:52px; border-radius:50%; background:var(--fire-primary,#C75A3A); color:var(--base-white,#F7F3EE); border:none; font-size:18px; font-weight:500; cursor:pointer; box-shadow:0 4px 16px rgba(0,0,0,.15); transition:transform .2s; }
#xiaer-btn:hover { transform:scale(1.08); }
#xiaer-panel { display:none; position:fixed; bottom:88px; right:24px; width:360px; max-width:calc(100vw-48px); height:480px; max-height:calc(100vh-120px); background:var(--base-white,#F7F3EE); border:1px solid var(--base-divider,#DDD5CB); border-radius:16px; box-shadow:0 8px 40px rgba(0,0,0,.12); flex-direction:column; overflow:hidden; }
#xiaer-panel.open { display:flex; }
#xiaer-header { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--base-divider,#DDD5CB); background:var(--fire-primary,#C75A3A); }
#xiaer-header h3 { margin:0; font-size:15px; font-weight:500; color:var(--base-white,#F7F3EE); }
#xiaer-close { background:none; border:none; color:var(--base-white,#F7F3EE); font-size:20px; cursor:pointer; padding:0 4px; line-height:1; }
#xiaer-messages { flex:1; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:10px; }
.xiaer-msg { max-width:85%; padding:10px 14px; border-radius:12px; font-size:13px; line-height:1.6; white-space:pre-line; word-break:break-word; }
.xiaer-msg.user { align-self:flex-end; background:var(--fire-primary,#C75A3A); color:var(--base-white,#F7F3EE); border-bottom-right-radius:4px; }
.xiaer-msg.ai { align-self:flex-start; background:var(--bg-section,#EFE9E1); color:var(--text-dark,#2C2C34); border-bottom-left-radius:4px; }
#xiaer-typing { align-self:flex-start; padding:8px 14px; font-size:12px; color:var(--earth-secondary,#6B6258); }
#xiaer-quick { display:flex; flex-wrap:wrap; gap:6px; padding:10px 14px; border-top:1px solid var(--base-divider,#DDD5CB); }
#xiaer-quick button { padding:5px 10px; font-size:11px; border:1px solid var(--base-divider,#DDD5CB); border-radius:12px; background:var(--bg-section,#EFE9E1); color:var(--text-dark,#2C2C34); cursor:pointer; white-space:nowrap; transition:border-color .15s; }
#xiaer-quick button:hover { border-color:var(--fire-primary,#C75A3A); }
#xiaer-input-area { display:flex; gap:8px; padding:10px 14px; border-top:1px solid var(--base-divider,#DDD5CB); }
#xiaer-input { flex:1; border:1px solid var(--base-divider,#DDD5CB); border-radius:8px; padding:8px 12px; font-size:13px; outline:none; background:var(--bg-section,#EFE9E1); color:var(--text-dark,#2C2C34); }
#xiaer-input:focus { border-color:var(--fire-primary,#C75A3A); }
#xiaer-send { width:36px; height:36px; border:none; border-radius:50%; background:var(--fire-primary,#C75A3A); color:var(--base-white,#F7F3EE); font-size:20px; cursor:pointer; flex-shrink:0; }
@media (max-width: 480px) { #xiaer-panel { width:calc(100vw-32px); right:16px; bottom:80px; } }