AI 摘要：本期 Frontend Focus 聚焦前沿 CSS 特性（如 margin-trim 和 CSS Carousels）、工具更新（GSAP 免费化、Mantine 8.0）、AI 对前端的影响（状态管理优化、Gemini 2.5 Pro 增强），以及 Web 可访问性新标准（WCAG 3.0 评分模型）。同时涵盖实用教程、性能优化工具和跨文化 UI 设计等多元化内容。

🚀 核心动态
• CSS 实验性特性 margin-trim ：容器裁剪子元素外边距的新属性（Jen Simmons）。
• Are 'CSS Carousels' Accessible? ：Sara Soueidan 探讨 CSS Carousels 当前可访问性与实用性。
• Gemini 2.5 Pro：Google 称其更擅长美学化前端开发。
• AI 状态管理：Alexander T. Williams 提出用 AI 简化复杂状态逻辑。 #AI

📙 文章与教程
• Chrome 137 将支持 reading-flow 和 reading-order 属性（Rachel Andrew）。
• WCAG 3.0：从“合规性”转向“可用性”评分模型（Mikhail Prosmitskiy）。

🧰 工具与资源
• WebTUI：终端风格 CSS 组件库（ASCII 盒子、弹窗等）。
• Bekuto 3D：SVG 转 3D 模型工具（支持 STL/GLTF 导出）。 【眼熟捏】

⚡️ 简讯
• Mozilla 依赖 Google 搜索协议维持 Firefox 生存。
• Astro 框架新特性汇总。
• 上期 CSS "owl" 选择器（* + *）教程视频热度最高。

WebKit

Easier layout with margin-trim

If you write a lot of CSS, you are familiar with those moments when you aren’t quite sure how to accomplish what you want to accomplish.