/* v35.css —— v3.5 的样式补丁 */

/* ---------- 发送键：按气泡颜色自动选字色（v35.js 算出 --send-fg），不透明 + 有边框，任何主题都看得见 ---------- */
#chatRoomApp .input-area #sendBtn,
#chatRoomApp.chat-ios .input-area #sendBtn {
    background: linear-gradient(135deg, var(--my-bubble), color-mix(in srgb, var(--my-bubble) 82%, #000)) !important;
    color: var(--send-fg, #fff) !important;
    text-shadow: none !important;
    border: 1.5px solid color-mix(in srgb, var(--theme-dark, #333) 26%, transparent) !important;
    opacity: 1 !important;
    flex: none; min-width: 58px; white-space: nowrap; position: relative; z-index: 2;
}
#chatRoomApp .input-area { flex-wrap: nowrap; padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)); }
#chatRoomApp .input-area #replyNowBtn { flex: 0 1 auto; max-width: 34%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- 聊天很长时的「查看更早的消息」 ---------- */
.chat-more { display: block; margin: 8px auto 12px; padding: 7px 16px; border: 1px solid var(--border-color, rgba(128,128,128,.3)); border-radius: 999px; background: color-mix(in srgb, var(--card-bg, #fff) 85%, transparent); color: var(--text-sub, #888); font-size: 12px; cursor: pointer; }
.chat-more:active { transform: scale(.97); }

/* ---------- 语音条展开后的「删除 / 更多」 ---------- */
.voice-text { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.vt-act { border: none; background: none; padding: 2px 0; font-size: 12px; color: var(--theme-color, #c9739a); cursor: pointer; }
.card-voice { -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; }

/* ---------- 通话：文字再长也在框里滚动，不撑破页面 ---------- */
.call-caption { overflow-wrap: anywhere; word-break: break-word; max-height: 100%; }

/* ---------- 记忆册 ---------- */
#xmBox .xm-item { margin: 6px 0; padding: 8px 10px; border-radius: 12px; background: color-mix(in srgb, var(--card-bg, #fff) 88%, var(--theme-color, #e8a0b8) 6%); border: .5px solid var(--border-color, rgba(128,128,128,.22)); }
#xmBox .xm-item.star { border-color: color-mix(in srgb, var(--theme-color, #e8a0b8) 55%, transparent); }
#xmBox .xm-t { display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--text-sub, #888); }
#xmBox .xm-ops button { border: none; background: none; padding: 2px 6px; font-size: 12px; color: var(--theme-color, #c9739a); cursor: pointer; }
#xmBox .xm-x { margin-top: 3px; font-size: 13px; line-height: 1.6; word-break: break-word; color: var(--text-main, #333); }
#xmBox .btn-small { margin: 6px 8px 0 0; }

/* ---------- 流畅模式 ---------- */
html.lowfx *, html.lowfx *::before, html.lowfx *::after { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html.lowfx .message, html.lowfx .xth-card, html.lowfx .app-screen { animation: none !important; }
html.lowfx #chatRoomApp.chat-ios .bubble::before { display: none; }

/* ---------- 转账 / 红包卡片：图标 + 颜色可自定义（颜色变量由 v35.js 写入，没设置就是原来的橙 / 红） ---------- */
.card-transfer { background: var(--mc-tf-bg, linear-gradient(135deg, #ffb27a, #ff9052)); color: var(--mc-tf-fg, #fff); }
.card-redpacket { background: var(--mc-rp-bg, linear-gradient(135deg, #ff6b6b, #ee5253)); color: var(--mc-rp-fg, #fff); }
.msg-card .mc-ic { overflow: hidden; }
.msg-card .mc-ic .ln { font-size: 22px; stroke-width: 1.6; }
.msg-card .mc-ic .mc-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.msg-card .mc-ic .mc-tx { font-size: 20px; line-height: 1; font-weight: 600; }
.attach-icon .mc-img { width: 26px; height: 26px; border-radius: 7px; object-fit: cover; display: block; }
.attach-icon .mc-tx { font-size: 22px; line-height: 1; }
/* 编辑桌面时也允许左右滑动翻页（只把竖向滚动交给浏览器，横向由桌面自己处理） */
#desktop.editing, #desktop.editing [data-app], #desktop.editing [data-w], #desktop.editing [data-fo] { touch-action: pan-y; }
/* 转账 / 红包外观面板 */
.mc-part h4 { margin: 14px 0 8px; font-size: 14px; font-weight: 600; }
.mc-pv { min-height: 0; padding: 10px; }
.mc-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 4px 0 6px; }
.mc-ico { border: 1px solid var(--border-color, rgba(128,128,128,.25)); background: none; color: inherit; border-radius: 12px; padding: 7px 2px 5px; display: flex; flex-direction: column; align-items: center; gap: 3px; cursor: pointer; }
.mc-ico .ln { font-size: 22px; }
.mc-ico small { font-size: 10px; opacity: .7; white-space: nowrap; }
.mc-ico.on { border-color: var(--theme-color, #e8a0b8); background: color-mix(in srgb, var(--theme-color, #e8a0b8) 16%, transparent); }
.mc-tx-in { width: 90px; padding: 7px 8px; border-radius: 10px; border: .5px solid var(--border-color, #ccc); background: var(--bg-color, #fff); color: var(--text-main, #333); font-size: 14px; text-align: center; }
.mc-imgops button { border: 1px solid var(--border-color, #ddd); background: none; color: inherit; padding: 6px 11px; border-radius: 999px; font-size: 13px; margin-left: 6px; cursor: pointer; }
.mc-hex { width: 34px; height: 30px; padding: 0; border: none; background: none; }


/* 编辑桌面时文件夹也要和普通图标一样：长按不选中文字、不弹系统菜单，否则手机上文件夹拖不动 */
#desktop.editing [data-fo] { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; position: relative; }
#desktop.editing [data-fo] * { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }