/* ============================================================================ AINEX · style-rtl.css —— Urdu (ur) RTL 覆盖层(脚手架) ---------------------------------------------------------------------------- 仅 ur 页面挂载(,_i18n_site40.py 注入)。 加载顺序:base style.css 之后 → 本表覆盖方向 / 镜像内边距 / 切换器靠左 / 字体。 原则: · 文档整体 RTL,但【拉丁数字 / 代码 / 邀请码 BN4001 / 价格 / URL】保持 LTR, 正文里用 或 / .ltr 隔离(内容 agent 负责加,本表给好样式)。 · 不重写整套布局,只镜像 base style.css 里写死的 left/right、padding-left/right、 text-align、border-left/right、float 等方向性属性。 · 站群品牌恒定:wordmark「AINEX」、JSON-LD publisher「AINEX」、邀请码不本地化、不镜像。 ============================================================================ */ /* ---- 全局方向 ---- */ html[dir="rtl"] body{ direction:rtl; /* Urdu/Naskh 字体:系统 Noto Nastaliq Urdu 优先,回退到通用阿拉伯/无衬线 */ font-family:'Noto Nastaliq Urdu','Noto Naskh Arabic','Noto Sans Arabic', var(--ui,system-ui),'Segoe UI',Tahoma,sans-serif; line-height:1.9; /* Nastaliq 行高更宽,避免连字重叠 */ } /* 标题区:Nastaliq 字重少,统一回退到 Naskh/无衬线以保可读 */ html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] .wm, html[dir="rtl"] .brand .tag{ font-family:'Noto Naskh Arabic','Noto Sans Arabic',var(--ui,system-ui),sans-serif; letter-spacing:0; /* 阿拉伯文不做字间距 */ } /* ---- 文本对齐镜像 ---- */ html[dir="rtl"] body{text-align:right} html[dir="rtl"] .sub, html[dir="rtl"] .ft-disc, html[dir="rtl"] article p, html[dir="rtl"] article li, html[dir="rtl"] .art-head, html[dir="rtl"] .lead, html[dir="rtl"] .card p, html[dir="rtl"] .hcard p{text-align:right} /* ---- LTR 隔离岛:拉丁文 / 数字 / 代码 / 邀请码 / 价格 / URL ---- */ /* 内容里用 或 dir="ltr" / 包裹,本规则确保它们正向显示 */ html[dir="rtl"] .ltr, html[dir="rtl"] [dir="ltr"], html[dir="rtl"] code, html[dir="rtl"] kbd, html[dir="rtl"] samp, html[dir="rtl"] .code-chip .val, html[dir="rtl"] .ft-cp, html[dir="rtl"] time, html[dir="rtl"] .mono, html[dir="rtl"] bdi{ direction:ltr; unicode-bidi:isolate; text-align:left; font-family:var(--disp-lt,'Clash Display'),var(--ui,system-ui),monospace,sans-serif; } /* 行内 LTR 片段(品牌名/数字混排在 RTL 句中)不强制左对齐,只隔离方向 */ html[dir="rtl"] .ltr-inline, html[dir="rtl"] .wm, html[dir="rtl"] .code-chip .val{ unicode-bidi:isolate; direction:ltr; } /* ---- nav / topbar 镜像 ---- */ html[dir="rtl"] nav{flex-direction:row-reverse} html[dir="rtl"] .brand{flex-direction:row-reverse} html[dir="rtl"] .brand .tag{ border-left:none; border-right:1px solid var(--border); padding-left:0; padding-right:9px; } html[dir="rtl"] .navlinks{flex-direction:row-reverse} html[dir="rtl"] .navright{flex-direction:row-reverse} /* nav 下划线动效:从右侧展开 */ html[dir="rtl"] .navlinks a::after{left:auto;right:0} /* ---- 语种切换器:RTL 下靠左,菜单左对齐 ---- */ html[dir="rtl"] .langsw .lsw-menu{right:auto;left:0;text-align:right} html[dir="rtl"] .langsw .lsw-menu a{text-align:right} /* 切换器内的 autonym(English / বাংলা 等非阿语)各自方向由其 lang 属性决定 */ html[dir="rtl"] .langsw .lsw-menu a[lang="en"], html[dir="rtl"] .langsw .lsw-menu a[lang="sw"]{direction:ltr;text-align:right;unicode-bidi:isolate} /* ---- §9 转化区 / CTA 镜像 ---- */ html[dir="rtl"] .convert{flex-direction:row-reverse;justify-content:flex-end} html[dir="rtl"] .code-chip{flex-direction:row-reverse;padding:11px 18px 11px 12px} html[dir="rtl"] .cta .arrow, html[dir="rtl"] .cta-2 .w3, html[dir="rtl"] .sp-go .arrow, html[dir="rtl"] .hcard .ar{transform:scaleX(-1)} /* 箭头方向翻转 */ html[dir="rtl"] .cta:hover .arrow, html[dir="rtl"] .spanel:hover .sp-go .arrow{transform:scaleX(-1) translateX(5px)} /* ---- 文章主体方向性内边距镜像 ---- */ html[dir="rtl"] .crumb{flex-direction:row-reverse} html[dir="rtl"] article ul, html[dir="rtl"] article ol{padding-right:1.4em;padding-left:0} html[dir="rtl"] blockquote, html[dir="rtl"] .callout, html[dir="rtl"] .note, html[dir="rtl"] .tip{ border-left:none; border-right:3px solid var(--ac,#FFC72E); padding-left:0; padding-right:18px; } /* ---- 卡片/网格:方向性边框与对齐镜像 ---- */ html[dir="rtl"] .sec-h .sk::before{margin-left:9px;margin-right:0} html[dir="rtl"] .hcard .ht{flex-direction:row-reverse} html[dir="rtl"] .tcard .tk{flex-direction:row-reverse} /* ---- footer 镜像 ---- */ html[dir="rtl"] .ft-brand{flex-direction:row-reverse} html[dir="rtl"] .ft-brand span{ border-left:none;border-right:1px solid var(--border); padding-left:0;padding-right:9px; } html[dir="rtl"] .ft-nav{flex-direction:row-reverse;justify-content:flex-end} /* ---- 工具页表单/结果(若有 input/label,方向镜像) ---- */ html[dir="rtl"] label, html[dir="rtl"] .field, html[dir="rtl"] .result{text-align:right} html[dir="rtl"] input, html[dir="rtl"] select{direction:rtl;text-align:right} /* 纯数字输入框保持 LTR(金额/价格),内容侧给 input 加 dir="ltr" 或本类 */ html[dir="rtl"] input.num, html[dir="rtl"] input[type="number"], html[dir="rtl"] input[inputmode="decimal"]{direction:ltr;text-align:left} /* ---- 滚动叙事横轨:RTL 下保持原视觉(JS 计算 x,不强行镜像,避免错位) ---- */ html[dir="rtl"] .story-track{direction:ltr} /* 轨道本体保持 LTR 计算,卡内文字仍 RTL */ html[dir="rtl"] .spanel{direction:rtl;text-align:right} html[dir="rtl"] .spanel .sp-n{direction:ltr;text-align:left} /* 序号 01-04 保持 LTR */