/* ========================================================================== 多语言 / RTL 相关样式 ========================================================================== */ /* 语言应用前先隐藏正文，避免非中文用户看到中文闪烁。 仅在 JS 可用时生效（ 由内联脚本添加）， 且 里有 1.2s 兜底定时器，脚本异常也不会白屏。 */ html.js:not([data-i18n-ready]) body { opacity: 0; } body { transition: opacity 0.22s ease; } /* 非中文时 logo 主行已译成 Guoyi Holding，拉丁副行会重复，隐藏掉 */ html:not([lang="zh-CN"]) .nav__logo-en, html:not([lang="zh-CN"]) .footer__en { display: none; } /* ---------- 阿拉伯语（RTL）镜像 ---------- flex / grid 会随 dir="rtl" 自动镜像，这里只需修正物理方位属性 */ [dir="rtl"] .nav__lang-menu { right: auto; left: 24px; } [dir="rtl"] .fab { right: auto; left: 24px; } [dir="rtl"] .fab__hint { right: auto; left: 88px; transform: translateX(-8px); } [dir="rtl"] .fab:hover + .fab__hint { transform: translateX(0); } [dir="rtl"] .page-head__glow { right: auto; left: -180px; } [dir="rtl"] .card--glow::after { right: auto; left: -60px; } [dir="rtl"] .stat { border-right: 0; border-left: 1px solid var(--border); } [dir="rtl"] .stat:last-child { border-left: 0; } [dir="rtl"] .marquee__track { animation-direction: reverse; } @media (max-width: 900px) { [dir="rtl"] .stat:nth-child(2) { border-right: 0; border-left: 0; } } @media (max-width: 640px) { [dir="rtl"] .stat { border-left: 0; border-bottom: 1px solid var(--border); } [dir="rtl"] .stat:last-child { border-bottom: 0; } } /* ---------- 阿拉伯文排版修正 ---------- 阿拉伯字母连写，任何 letter-spacing 都会把字断开，必须清零； 阿拉伯文需要更大的行高，且没有大小写概念。 */ [lang="ar"] body * { letter-spacing: normal; } [lang="ar"] body { line-height: 1.95; } [lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3, [lang="ar"] .h1, [lang="ar"] .h2, [lang="ar"] .h3 { line-height: 1.35; } [lang="ar"] .hero__title { line-height: 1.35; } [lang="ar"] .quote { line-height: 1.7; } [lang="ar"] .eyebrow, [lang="ar"] .scroll-hint { text-transform: none; } [lang="ar"] .accent-serif { font-family: var(--font-sans); } /* 其他语言下西文占比更高，稍放宽字距观感 */ [lang="en"] .h1, [lang="fr"] .h1, [lang="es"] .h1, [lang="ru"] .h1 { letter-spacing: -0.025em; }