/* ============================================================
   从右到左（阿拉伯语 /ar/）布局修正，2026-10-27
   只在 dir="rtl" 的页面加载（tools/i18n/build.py 自动插入），英文和其他语言页面不受影响。
   原则：把 style.css / enhance.css / chat.css / motion.css 里写死的 left/right 镜像过来；
   验货对比滑块和航线地图保持从左到右（图和文字说明都是按“左坏右好”“地图方位”画的）。
   ============================================================ */

/* style.css 基础层 */
/* 屏幕外隐藏元素：从右到左页面里放在左边屏幕外会产生横向滚动，改放右边屏幕外 */
[dir=rtl] .skip{left:auto;right:-999px}
[dir=rtl] .skip:focus{left:auto;right:12px}
[dir=rtl] .hp{left:auto;right:-5000px}
[dir=rtl] .answer{border-left:0;border-right:6px solid var(--tag);border-radius:var(--radius) 0 0 var(--radius)}
[dir=rtl] .price th,[dir=rtl] .price td{text-align:right}
[dir=rtl] .share span{margin-right:0;margin-left:4px}
[dir=rtl] .menu-btn{margin-right:0;margin-left:-10px}
[dir=rtl] .stamp{right:auto;left:-10px;transform:rotate(-4deg)}
[dir=rtl] .steps li::before{left:auto;right:0}
[dir=rtl] .steps li::after{left:-14px;right:40px}
[dir=rtl] .compare ul{padding-left:0;padding-right:20px}
[dir=rtl] .wa-float{right:auto;left:18px}
[dir=rtl] .prose blockquote{padding:4px 18px 4px 0;border-left:0;border-right:4px solid var(--line)}
[dir=rtl] .toc ol{padding-left:0;padding-right:20px}
[dir=rtl] .hero h1::after{left:auto;right:0;transform-origin:right}
[dir=rtl] .article .related{padding-left:0;padding-right:1.1em}
[dir=rtl] .foot-h::after{left:auto;right:0}
[dir=rtl] .foot-links a::before{transform:rotate(-135deg)}
[dir=rtl] .foot-links a:hover{transform:translateX(-3px)}
[dir=rtl] .foot-contact li{padding-left:0;padding-right:28px}
[dir=rtl] .foot-contact li::before{left:auto;right:0}
[dir=rtl] .top .logo{margin-right:0;margin-left:auto}
[dir=rtl] .lang-switch ul{right:auto;left:0}
[dir=rtl] .i18n-note{border-left:0;border-right:3px solid var(--tag);padding-left:0;padding-right:12px}
@media (max-width:900px){
  [dir=rtl] .steps li::after{left:auto;right:16px}
}
@media (max-width:760px){
  [dir=rtl] .stamp{right:auto;left:8px}
}

/* 电话号码、邮箱在阿拉伯语句子里保持从左到右显示（否则 +86 132… 会被倒序） */
[dir=rtl] a[data-wa] span,[dir=rtl] .fc-wa a,[dir=rtl] a[href^="mailto:"],[dir=rtl] a[href^="tel:"]{direction:ltr;unicode-bidi:isolate}

/* motion.css：盖章动画的起点改到左上角 */
[dir=rtl] .motion .tracker.play .stamp{transform:rotate(-4deg) scale(1.5);transform-origin:0 0}
[dir=rtl] .motion .tracker.play.stamped .stamp{transform:rotate(-4deg) scale(1)}

/* enhance.css 首页增强组件 */
[dir=rtl] .hero-bg::after{background:linear-gradient(270deg,rgba(14,24,48,.94) 0%,rgba(14,24,48,.82) 48%,rgba(14,24,48,.5) 100%)}
@media (max-width:760px){
  [dir=rtl] .hero-bg::after{background:linear-gradient(180deg,rgba(14,24,48,.9),rgba(14,24,48,.82) 55%,rgba(14,24,48,.95))}
}
/* 产业带滚动条：轨道按从左到右排（无缝循环靠它），每一项里面的文字从右到左 */
[dir=rtl] .marquee-rail{direction:ltr}
[dir=rtl] .marquee li{direction:rtl;padding-right:0;padding-left:34px}
[dir=rtl] .marquee li::before{margin-right:0;margin-left:34px}
[dir=rtl] .marquee li b{margin-right:0;margin-left:7px}
/* 服务便当格 */
[dir=rtl] .services.bento article:nth-child(1)::before{right:auto;left:-60px}
[dir=rtl] .bento-points li{padding-left:0;padding-right:28px}
[dir=rtl] .bento-points li::before{left:auto;right:0}
/* 流程时间线：竖线和圆圈编号移到右侧 */
[dir=rtl] .timeline::before,[dir=rtl] .tl-fill{left:auto;right:21px}
[dir=rtl] .timeline li{padding-left:0;padding-right:72px}
[dir=rtl] .timeline li::before{left:auto;right:0}
/* 验货对比滑块：保持左坏右好 */
[dir=rtl] .cmp{direction:ltr}
[dir=rtl] .defects li{padding-left:0;padding-right:26px}
[dir=rtl] .defects li::before{left:auto;right:0}
/* 航线地图：地图本身不镜像 */
[dir=rtl] .routes-map svg{direction:ltr}

/* chat.css 智能客服：悬浮按钮、气泡、面板放到左下角 */
[dir=rtl] .cw-launch{right:auto;left:18px;padding:12px 14px 12px 18px}
[dir=rtl] .cw-launch .dot{right:auto;left:6px}
[dir=rtl] .cw-teaser{right:auto;left:18px;border-radius:12px 12px 12px 4px;padding:12px 14px 12px 30px}
[dir=rtl] .cw-teaser button{right:auto;left:4px}
[dir=rtl] .cw-panel{right:auto;left:18px}
[dir=rtl] .cw-msg.visitor{border-bottom-right-radius:14px;border-bottom-left-radius:4px}
[dir=rtl] .cw-msg.ai,[dir=rtl] .cw-msg.human{border-bottom-left-radius:14px;border-bottom-right-radius:4px}
@media (max-width:760px){
  [dir=rtl] .cw-launch{right:auto;left:14px;padding:0}
  [dir=rtl] .cw-teaser{right:auto;left:14px;padding:10px 12px 10px 28px}
  [dir=rtl] .cw-panel{left:0}
}
[dir=rtl] .cw-foot button svg{transform:scaleX(-1)}
@media (max-width:760px){[dir=rtl] .cw-panel{right:0}}