/* ======================================== RTL 覆盖（ar / fa / ur）—— 只在 的语言页生效 加载方式：i18n/core/builder.py 对 RTL 语言页注入 · bootstrap.min.css → bootstrap.rtl.min.css（镜像 ms-/me-/text-start/轮播） · 本文件排在 style.css 之后（覆盖物理方向属性） style.css 与英文源页、LTR 语言页都不受影响。 ======================================== */ /* ===== Noto Kufi Arabic 自托管（原来从 fonts.googleapis.com 加载）===== 阿拉伯子集 + 拉丁兜底两个文件，放在 css/fonts/；300-700 可变字体同一文件。 font-display:swap 不挡首屏。Outfit 无阿拉伯字形，靠下面 --font-family 兜底。 */ @font-face { font-family: 'Noto Kufi Arabic'; font-style: normal; font-weight: 300 700; font-display: swap; src: url("fonts/noto-kufi-arabic.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; } @font-face { font-family: 'Noto Kufi Arabic'; font-style: normal; font-weight: 300 700; font-display: swap; src: url("fonts/noto-kufi-arabic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ===== 字体与渐变变量（Outfit 无阿拉伯字形，补阿拉伯字体兜底；拉丁品牌词仍用 Outfit） ===== */ html[dir="rtl"] { --font-family: 'Outfit', 'Noto Kufi Arabic', 'Tajawal', 'Segoe UI', Tahoma, sans-serif; /* Hero 遮罩渐变镜像（原 135deg），避免亮点仍留在左上 */ --hero-overlay: linear-gradient(225deg, rgba(0,0,0,0.6), rgba(0,0,0,0.2)); } /* ===== 阿拉伯文是连写字体：字距与大小写变换会撕开字形，全站归零 ===== */ html[dir="rtl"] * { letter-spacing: normal !important; text-transform: none !important; } /* ===== 基础方向与对齐 ===== */ [dir="rtl"] body { direction: rtl; text-align: right; } [dir="rtl"] th, [dir="rtl"] td { text-align: right; } /* ===== 规格表：首列竖线从右改到左 ===== */ [dir="rtl"] .spec-table tbody th { border-right: 0; border-left: 1px solid var(--border-color); } /* ===== 左竖线标题（FORT-A 等 detail 页）镜像到右侧 ===== */ [dir="rtl"] .section-title-wrap { border-left: 0; border-right: 4px solid var(--primary); padding-left: 0; padding-right: 12px; } /* ===== Hero 毛玻璃文字卡：贴左改贴右 ===== */ [dir="rtl"] .hero-caption-static { left: auto; right: 8%; text-align: right; } /* ===== 语言下拉：LTR 下按钮在右端故 right:0；RTL 下按钮在左端，改左对齐防溢出屏幕 ===== */ [dir="rtl"] .lang-dropdown { right: auto; left: 0; } /* ===== 二级菜单圆点：缩进方向镜像 ===== */ [dir="rtl"] .navbar .nav-link.dropdown-toggle::after { margin-left: 0; margin-right: 0.5em; } /* ===== 手风琴 hover 内缩方向镜像 ===== */ [dir="rtl"] .accordion-btn-custom:hover { padding-left: 0; padding-right: 1.5rem; } /* ===== Features 卡片角标（+/−）从左下改左上 ===== */ [dir="rtl"] .features-section .feature-toggle { right: auto; left: 10px; } /* ===== 灵感页 masonry hover 红竖线：贴右改贴左 ===== */ [dir="rtl"] .gallery-masonry .gallery-item::after { right: auto; left: 0; } /* ===== 公司大事记时间线：年份节点贴左改贴右 ===== */ [dir="rtl"] .lc-timeline-h-item::before { left: auto; right: 0; } /* ===== 纯拉丁/数字内容（电话、版权行）：RTL 段落里弱字符会被重排 ===== 实测 +86 18929231353 显示成 18929231353 86+、© 2026 … 的 © 跑到行尾。 这些行里没有阿拉伯文，强制 LTR 隔离即可（.lc-ltr 由 components.js 与 tools/prerender.py 两处页脚源码同时标记——页脚是双源，改一处必须改另一处）。 */ [dir="rtl"] .lc-ltr, [dir="rtl"] a[href^="tel:"], [dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; } /* ===== 混排技术字段的方向（型号/参数/数值） ===== RTL 段落里首字符是拉丁或符号时整串会被重排并镜像（实测 >Ra90 显示成 Ra90<、 3-phase 4wire 显示成 phase 4wire-3）。unicode-bidi: plaintext 让浏览器按 「首个强字符」逐段定方向：技术串走 LTR（原样不动），纯阿拉伯文单元格仍走 RTL。 只给技术字段加，别全站加——阿拉伯语句子以型号开头时 body 级 plaintext 会翻错。 （等价于 web-translate 流水线手工包 的效果，这里用 CSS 达成） */ [dir="rtl"] .spec-table th, [dir="rtl"] .spec-table td, [dir="rtl"] .dl-spec-meta span, [dir="rtl"] .dl-spec-title small, [dir="rtl"] .dl-spec-badge, [dir="rtl"] .mega-spec, [dir="rtl"] .stats-number, [dir="rtl"] .stats-suffix, [dir="rtl"] .lc-timeline-year, [dir="rtl"] .hero-eyebrow, [dir="rtl"] strong, [dir="rtl"] b, [dir="rtl"] svg text { unicode-bidi: plaintext; } /* 居中对称的下划线/生长动画（back-to-top、nav-link、tabs、feature-item）左右对称， RTL 下无需镜像，保持原样。 */