CSS 逻辑属性：国际化布局的 inline/block 语义

概述逻辑属性以书写模式为依据，使用 inline/block 方向替代物理方向（left/right/top/bottom）。适合国际化场景与 RTL/LTR 切换。用法/示例.card { margin-inline: 16px; padding-block: 12px; inset-inline-start: 0; } :root { writing-mode: horizontal-tb } 工程建议在设计系统中统一使用逻辑属性，减少多语言适配的条件分支。与 `writing-mode`、`direction` 协作，验证 RTL 与纵排场景的表现。为旧环境提供映射与回退，避免布局错位。参考与验证MDN：Logical properties — https://developer.mozilla.org/docs/Web/CSS/CSS_logical_properties_and_valuesW3C：Writing Modes — https://www.w3.org/TR/css-writing-modes-3/