*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}body{background:#eef0f7;color:#20233a}.page.chat-app{width:min(100%,520px);height:100dvh;min-height:620px;margin:auto;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 0 45px #1d21421f}.topbar{height:86px;flex:0 0 86px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:var(--header);border-bottom:1px solid var(--border);z-index:5}.brand{display:flex;align-items:center;gap:12px}.logo{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--accent),#c22cff)}.logo img,.mini-avatar img{width:100%;height:100%;object-fit:cover;display:block}.brand-name{font-size:19px;font-weight:800}.online-row{display:flex;align-items:center;gap:6px;margin-top:5px;color:#7d879b;font-size:13px}.online-dot{width:9px;height:9px;border-radius:50%;background:#28d36f}.more-btn{border:0;background:transparent;color:var(--text);font-size:20px}.main{flex:1;min-height:0;overflow:hidden}.chat{height:100%;overflow-y:auto;padding:22px 16px 120px}.ai-wrap{display:flex;align-items:flex-end;gap:8px;margin:9px 0 18px;max-width:88%;flex-wrap:wrap}.mini-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex:0 0 32px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#c22cff);color:#fff;font-size:10px;font-weight:800}.bubble{width:fit-content;max-width:82%;padding:12px 15px;border-radius:19px;font-size:16px;line-height:1.48;overflow-wrap:anywhere}.bubble.ai{background:var(--ai-bubble);color:var(--ai-text);border-bottom-left-radius:6px;box-shadow:0 5px 18px #2025420b}.bubble.user{margin:12px 0 12px auto;background:linear-gradient(135deg,var(--accent),#a73cff);color:#fff;border-bottom-right-radius:6px}.ai-wrap .bubble.ai{max-width:calc(100% - 40px)}.speak-btn{margin:6px 0 0 40px;border:0;background:transparent;color:#8b77d7;font-size:12px;cursor:pointer;flex-basis:100%}.composer{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:8px;padding:8px;background:var(--composer);border:1px solid var(--border);border-radius:26px;box-shadow:0 10px 35px #25294c24;z-index:6}.composer textarea{flex:1;min-height:48px;max-height:120px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font-size:16px;padding:13px 6px}.composer button{width:48px;height:48px;flex:0 0 48px;border:0;border-radius:50%;cursor:pointer}.composer #mic{background:transparent;font-size:20px}.composer #send{background:linear-gradient(135deg,var(--accent),#a63cff);color:#fff;font-size:22px}.composer #mic.listening{background:#f1eaff}html[data-theme=light]{--bg:#f7f7fb;--header:#fff;--text:#24263a;--border:#e7e7ef;--composer:#fff;--ai-bubble:#fff;--ai-text:#303244}html[data-theme=dark]{--bg:#0c1024;--header:#11162d;--text:#f6f7ff;--border:#29304f;--composer:#171c36;--ai-bubble:#1a203c;--ai-text:#f6f7ff}html[data-theme=purple]{--bg:#f7f3ff;--header:#fff;--text:#2c2445;--border:#e5dcfa;--composer:#fff;--ai-bubble:#fff;--ai-text:#302744}@media(min-width:700px){body{padding:20px}.page.chat-app{height:calc(100dvh - 40px);border-radius:28px}}@media(max-width:699px){body{background:var(--bg)}.page.chat-app{width:100%;box-shadow:none}.topbar{height:78px;flex-basis:78px}.chat{padding:18px 13px 112px}.bubble{font-size:15.5px}}.chat-title{text-align:center;font-size:14px;font-weight:700;color:#8b77d7;letter-spacing:.3px;margin:-4px auto 14px;padding:5px 14px;width:fit-content;max-width:90%;border-radius:999px;background:rgba(255,255,255,.55)}html[data-theme=dark] .chat-title{background:rgba(255,255,255,.07);color:#b9a8ff}