重构总结
🎯 设计原则
移动端优先 — 基础样式针对手机 (< 768px) 设计，平板 (≥ 768px) 通过媒体查询增强。不包含桌面端样式。

📄 member-info-manage.css — 完全重写
项目	之前	之后
布局策略	max-width 断点（桌面优先）	min-width: 768px 断点（移动端优先）
手机端	500px以下才单列，中途2列	默认单列，字段垂直堆叠
平板端	无专门优化	2列网格，基本信息卡跨列，字段用grid多列
动画	14个卡片的延迟动画 + 2组keyframes	移除（简化性能）
交互	大量:hover（移动端无效）	全部改为:active触摸反馈
触控	输入框高度未定义	统一 min-height: 44px（iOS推荐）
选择器	复杂field-row:has()（兼容性差）	移除，用简单grid/flex布局
表单	纯CSS无自定义下拉箭头	添加SVG自定义下拉箭头
无用代码	大量注释、nth-child延迟、备用样式	完全清理
📄 member-info-manage.js — 修复Bug
问题	修复
maritalSelect 作用域错误（在函数外引用局部变量）	事件绑定移入 DOMContentLoaded，获取元素后绑定
离婚状态下对<label>使用.value（应为.textContent）	统一使用 .textContent
缺少空值保护	添加 if (!el) return 和可选链
autoAlignLabels 在label上设置内联宽（移动端垂直布局不需要）	移除（移动端label在上方，无需对齐）
📄 member-info-manage.php — 精简
移除：外层多余的 <div class="container"> 包装（identity直接使用负外边距实现全宽）
移除：血型字段的注释代码块
其余HTML结构、表单字段完整保留