如何用CSS实现英文与CJK文本底部朝右的竖排显示？

这一话题早在14年前就出现在《如何跨浏览器用CSS绘制垂直文本？》的提问中，但至今仍无明确解决方案。

理想状态下，我希望英文与CJK文本均呈垂直排列，且文本底部朝向右侧。

writing-mode: sideways-rl的输出效果完全符合预期，但问题在于：截至2023年，该属性仅Firefox支持，其他浏览器均不兼容。

许多人提出替代方案：先使用vertical-rl，再通过scale(-1)或rotate(180deg)翻转文本。该方案对英文文本效果良好，但会导致CJK文本倒置。

writing-mode: vertical-rl;
transform: rotate(180deg);

我也曾尝试将水平排版的整个容器旋转-90°，但由于HTML布局计算先于transform执行，会引发诸多对齐与文本渲染问题；而margin: -100px; padding: 100px这类方案不够优雅，还常导致指针点击区域错位等问题。

内容的提问来源于stack exchange，提问作者Hykilpikonna