ui: responsive proportions - implicit column overflow fixes, meta grid single-col on mobile, consistent page max-widths, admin rows wrap

app/src/components/common/DynamicForm.tsx

@@ -109,7 +109,7 @@ export function DynamicForm({ fields, value, onChange, taxonomies }: {
   return (
     <div className="grid grid-cols-1 sm:grid-cols-2 gap-x-3 gap-y-3.5">
       {fields.map(f => (
-        <div key={f.key} className={f.widget === 'textarea' ? 'col-span-2' : ''}>
+        <div key={f.key} className={f.widget === 'textarea' ? 'sm:col-span-2' : ''}>
           {renderField(f)}
         </div>
       ))}

app/src/components/records/RecordDetailDialog.tsx

@@ -147,7 +147,7 @@ export function RecordDetailDialog({ open, onClose, footprintId, onEdit }: {
 
           {/* 事项要素：时间/组织方 + 类型专属字段（按模板定义顺序 = 重要性顺序） */}
           <Section title="事项要素">
-            <div className="grid grid-cols-2 gap-x-4 gap-y-2 rounded-md border border-line bg-surface-2 px-3 py-2.5 text-[12.5px]">
+            <div className="grid grid-cols-1 gap-x-4 gap-y-2 rounded-md border border-line bg-surface-2 px-3 py-2.5 text-[12.5px] sm:grid-cols-2">
               <MetaItem label="时间" value={fmtRange(d.start_date, d.end_date) || '—'} />
               <MetaItem label="组织方" value={d.organizer || '—'} />
               {fields.map(f => <MetaItem key={f.label} label={f.label} value={f.value} />)}