/* ===== ARTEX 移动端补丁 ===== */@media (max-width: 767px) { /* 1. 全局内边距收窄：p-4 md:p-6 → 手机上用 0.75rem */ [class*="p-4"][class*="md:p-6"], .p-4.md\:p-6 { padding: 12px !important; } [class*="px-4"][class*="lg:px-6"] { padding-left: 12px !important; padding-right: 12px !important; } /* 2. 表格：允许横向滚动，不再挤压 */ table { min-width: 640px; } table th, table td { white-space: nowrap; } /* 3. 可点区域加大到 44px（Apple HIG / Google 推荐值） */ button, [role="button"], a[class*="rounded"] { min-height: 40px; } /* 但 Tab 内的按钮不要撑太高 */ [role="tablist"] button { min-height: 36px; } /* 4. 会话页：手机上让聊天区占满，列表可收起 */ [class*="grid-rows-"][class*="md:grid-cols-"] { grid-template-rows: minmax(6rem, 10rem) minmax(0, 1fr) !important; } /* 5. 字号：正文稍放大，等宽输出缩小避免溢出 */ body { font-size: 15px; -webkit-text-size-adjust: 100%; } pre, code { font-size: 12px !important; } /* 6. 长文本强制换行，避免把页面撑宽 */ .truncate { max-width: 100%; } pre { overflow-x: auto; max-width: 100%; } /* 7. 输入区按钮不被挤成一团 */ textarea { font-size: 16px !important; } /* iOS 下 <16px 会自动放大页面 */}/* 触摸设备：去掉 hover 依赖的隐藏交互，改为常显 */@media (hover: none) { .group-hover\:opacity-100 { opacity: 1 !important; }}