/* ============================================================ 智策 SmartQuant — RTL（阿拉伯语）方向覆盖层 仅在 时生效；逻辑属性优先，物理属性兜底 ============================================================ */ [dir="rtl"] body{ font-family:"Segoe UI","Tahoma","Geeza Pro","Noto Naskh Arabic","Arabic Typesetting", -apple-system,BlinkMacSystemFont,sans-serif; letter-spacing:0; /* 阿拉伯语连写，禁用字距 */ } /* 数字、代码、行情价格保持 LTR（阿拉伯语环境下数字仍左到右） */ [dir="rtl"] .mono, [dir="rtl"] .tick-price, [dir="rtl"] .tick-sym, [dir="rtl"] .tick-meta, [dir="rtl"] .stat b, [dir="rtl"] .dt td, [dir="rtl"] .kicker, [dir="rtl"] .chart-tag, [dir="rtl"] .rank-table td.num, [dir="rtl"] .medal, [dir="rtl"] .step-num, [dir="rtl"] .crumb{ direction:ltr; unicode-bidi:embed; } /* 但这些块在 RTL 下要靠右排布 */ [dir="rtl"] .kicker{text-align:right} [dir="rtl"] .stat b,[dir="rtl"] .tick-price,[dir="rtl"] .tick-sym{text-align:right} [dir="rtl"] .tick-top,[dir="rtl"] .tick-meta{justify-content:flex-start;flex-direction:row-reverse} /* 字距类属性在 RTL 下清零（阿拉伯语拉开字距会破坏连写） */ [dir="rtl"] .kicker, [dir="rtl"] .logo-txt span, [dir="rtl"] .stat span, [dir="rtl"] .footer h4, [dir="rtl"] .dt th, [dir="rtl"] .rank-table th, [dir="rtl"] .tag{ letter-spacing:normal; text-indent:0; } [dir="rtl"] .kicker{letter-spacing:.06em;text-indent:0} /* 方向性内边距 / 分隔线：改用逻辑属性 */ [dir="rtl"] .stat:first-child{padding-right:0;padding-left:14px} [dir="rtl"] .stat+.stat::before{left:auto;right:0} [dir="rtl"] .step-num{left:auto;right:20px} [dir="rtl"] .dt th,[dir="rtl"] .dt td, [dir="rtl"] .rank-table th,[dir="rtl"] .rank-table td{text-align:right} [dir="rtl"] .dt.kv td{text-align:left} [dir="rtl"] .rank-table td.num,[dir="rtl"] .rank-table th.num{text-align:left} [dir="rtl"] .dt td[style*="text-align:right"]{text-align:left!important} /* 背景装饰镜像 */ [dir="rtl"] .bg .g2{left:auto;right:-120px} [dir="rtl"] .bg .g3{right:auto;left:-160px} [dir="rtl"] .bg .hex{ mask-image:radial-gradient(700px 500px at 12% 82%,#000,transparent 70%); -webkit-mask-image:radial-gradient(700px 500px at 12% 82%,#000,transparent 70%); } /* 按钮光泽扫过方向翻转 */ [dir="rtl"] .btn::after{left:auto;right:-70%;transform:skewX(20deg)} [dir="rtl"] .btn:hover::after{right:125%} /* 图标与文字的相对位置 */ [dir="rtl"] .trust{flex-direction:row} [dir="rtl"] .risk{flex-direction:row} [dir="rtl"] .faq summary::after{margin-left:0;margin-right:auto} [dir="rtl"] .badge{flex-direction:row} /* 面包屑分隔符方向 */ [dir="rtl"] .crumb{text-align:right;direction:rtl} /* 移动端菜单 */ [dir="rtl"] .nav-cta{margin-left:0;margin-right:auto} @media (max-width:860px){ [dir="rtl"] .nav-cta{margin-right:auto;margin-left:0} } /* 折线图在 RTL 下不翻转（时间轴仍为左→右，符合金融图表惯例） */ [dir="rtl"] .chart-inner svg{direction:ltr} [dir="rtl"] .chart-legend{flex-direction:row-reverse} [dir="rtl"] .chart-head{flex-direction:row-reverse} /* 语言切换器在 RTL 下的对齐 */ [dir="rtl"] .lang-menu{left:0;right:auto} /* ---------- RTL 溢出修正 ---------- */ [dir="rtl"] .nav-inner{flex-direction:row} [dir="rtl"] .nav-cta{margin-right:0;margin-left:auto;flex-shrink:0} [dir="rtl"] .nav-links{margin-left:0;margin-right:12px} [dir="rtl"] .bg{direction:ltr} /* 装饰层不参与 RTL 定位，避免溢出 */ html[dir="rtl"],[dir="rtl"] body{overflow-x:hidden;max-width:100%} [dir="rtl"] .logo{margin-right:0} @media (max-width:860px){ [dir="rtl"] .nav-links{margin-right:0} } /* nav-cta 不得越出容器左边缘 */ [dir="rtl"] .nav-inner{justify-content:flex-start} [dir="rtl"] .nav-links{flex:1 1 auto;min-width:0;margin-right:12px;margin-left:0} [dir="rtl"] .nav-cta{margin-left:0;flex:0 0 auto}