/* v48.css —— 聊天页排版（放在最后加载）
 * 1. 头像下的时间：头像没显示的那一条，时间也不显示
 * 2. 气泡小尾巴变小，不再伸到头像 / 邻近内容上
 * 3. 聊天页整体松一点：条与条、组与组、气泡内边距都放宽
 * 4. 心声：展开后头像留在自己的气泡旁边，不再被挤到卡片底下
 * 5. 「＋」面板：一个一个竖着排，浮在输入框上方，不再把聊天区挤扁
 */

/* ---------- 1. 没有头像就不要时间 ---------- */
#chatRoomApp.av-first .message:not(.grp-first) .av-time,
#chatRoomApp.av-last .message:not(.grp-last) .av-time { visibility: hidden; }
#chatRoomApp.av-none .message .av-time { display: none; }

/* ---------- 2. 气泡小角：更小、更贴 ---------- */
#chatRoomApp.chat-ios.chat-imsg .message.grp-last .bubble:not(.sticker-img):not(.card-voice):not(:has(img))::after { width: 9px; height: 11px; }
#chatRoomApp.chat-ios.chat-imsg .user-message.grp-last .bubble:not(.sticker-img):not(.card-voice):not(:has(img))::after { right: -6px; }
#chatRoomApp.chat-ios.chat-imsg .ai-message.grp-last .bubble:not(.sticker-img):not(.card-voice):not(:has(img))::after { left: -6px; }

/* ---------- 3. 松一点 ---------- */
#chatRoomApp.chat-imsg .chat-box { gap: 7px; padding-left: 14px; padding-right: 14px; }
#chatRoomApp.chat-imsg .message { gap: 12px; }
#chatRoomApp.chat-imsg .message.grp-last { margin-bottom: 14px; }
#chatRoomApp.chat-ios.chat-imsg .bubble { padding: 10px 15px; line-height: 1.55; }
#chatRoomApp.chat-imsg .bubble-wrapper { max-width: 74%; }
#chatRoomApp.chat-imsg .time-sep { margin: 20px 0 10px; }
#chatRoomApp .message .av-col { gap: 5px; }
#chatRoomApp.chat-imsg .bubble-time { margin: 4px 4px 0; }

/* ---------- 4. 心声：头像跟着气泡，不跟着卡片 ---------- */
#chatRoomApp .message:has(.xth-bar), #chatRoomApp.chat-imsg .message:has(.xth-bar) { align-items: flex-start; }
.xth-bar { margin: 4px 2px 0; }
.xth-card { margin: 8px 0 6px; }

/* ---------- 5. 「＋」面板：竖排列表，浮在上方 ---------- */
#chatRoomApp #attachPanel.attach-panel {
    position: absolute; left: 12px; bottom: 76px; right: auto; z-index: 40; width: min(230px, calc(100% - 24px));
    display: flex; flex-direction: column; gap: 0; padding: 6px 0; max-height: min(64%, 480px); overflow-y: auto; overscroll-behavior: contain;
    background: var(--card-bg, #fff); border: .5px solid var(--border-color, rgba(128, 128, 128, .25)); border-radius: 18px;
    box-shadow: 0 10px 34px rgba(0, 0, 0, .16); backdrop-filter: blur(18px) saturate(1.4); -webkit-backdrop-filter: blur(18px) saturate(1.4);
}
#chatRoomApp #attachPanel.attach-panel.hidden { display: none; }
#chatRoomApp #attachPanel .attach-item {
    flex-direction: row; align-items: center; gap: 14px; padding: 12px 18px; font-size: 15px; color: var(--theme-dark, #333);
    border-bottom: .5px solid var(--border-color, rgba(128, 128, 128, .18)); text-align: left;
}
#chatRoomApp #attachPanel .attach-item:last-of-type { border-bottom: none; }
#chatRoomApp #attachPanel .attach-item:active { background: rgba(128, 128, 128, .12); }
#chatRoomApp #attachPanel .attach-icon { width: 24px; height: 24px; border-radius: 0; background: none; box-shadow: none; flex: 0 0 24px; font-size: 22px; color: var(--theme-color, #c9739a); }
#chatRoomApp #attachPanel .attach-icon .ln { width: 22px; height: 22px; stroke-width: 1.6; }
#chatRoomApp #attachPanel .attach-item span { white-space: nowrap; }