设计端规则核横竖屏适配旋转屏幕后显示异常问题

横竖屏适配旋转屏幕后显示异常问题，核心原则横屏仅扩展内容宽度，不改变核心布局结构和操作逻辑，设计端规则核心操作按钮、如提交、支付、仍固定在屏幕下半区拇指操作区，不随横竖屏改变位置，表单页竖屏上下排列的表单项，横屏可左右分栏最多2列，但标签输入框的组合逻辑不变，详情页横屏时图片占比扩大，从50%宽度扩到70%文字区域自适应剩余宽度，核心按钮仍在底部。

开发端规则禁止横屏时重置布局，仅调整元素的宽度排列方式，监听屏幕旋转事件自动调整布局约束，避免内容重叠溢出暗黑模式适配夜间显示问题，布局适配核心结构完全不变，仅调整颜色对比度保证可读性。

设计端卡片按钮的布局结构、间距尺寸不变颜色调整文字用浅灰色#E0E0E0，避免纯白刺眼卡片背景#222222，主背景#121212保持层级区分，开发端用主题色值管理颜色，切换暗黑模式时仅替换色值不修改布局代码。

触控交互适配易被忽视但关键，适配目标不同机型上触控区域足够大，避免误触漏触触控区域最小尺寸≥48×48无论屏幕大小，这个尺寸是人机工程学最优值，按钮间距≥8避免相邻按钮触控区域重叠，列表项高度≥48手指能精准点击。