body{color:#222;background:#f5f5f5;margin:0;font-family:system-ui,Microsoft YaHei,sans-serif}input{font-size:16px}.app{height:100dvh;display:flex}.chat-col{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.chat-messages{flex:1;padding:16px;overflow-y:auto}.chat-form{background:#fff;gap:8px;padding:12px 16px;display:flex}.chat-form input{flex:1;min-width:0;padding:8px}.voice-col{background:#fff;border-left:1px solid #ddd;width:240px;padding:16px;overflow-y:auto}@media (width<=700px){.app{flex-direction:column}.voice-col{border-bottom:1px solid #ddd;border-left:none;order:-1;width:auto;max-height:28vh;padding:8px 12px}}