/** * 阿拉伯语 RTL 镜像覆盖。 * * 原站样式（public.css / index.css / wedding.css 等）全部按 LTR 编写， * 大量使用 float 和固定方向的 margin/padding，无法靠 dir="rtl" 自动翻转。 * 这里只覆盖会影响方向的属性，不改动尺寸与配色，保证与其它语言版式一致。 * * 仅在 时加载（见 app/layout.tsx）。 */ [dir='rtl'] body { text-align: right; } /* ---------- 顶部导航 ---------- */ [dir='rtl'] .top_menu_l { float: right; padding-right: 0; } [dir='rtl'] .top_menu_r { float: left; } [dir='rtl'] .top_menu_l p { letter-spacing: 0; /* 阿拉伯文是连写体，字间距会拆断字形 */ } /* ---------- 抽屉菜单 ---------- */ [dir='rtl'] .right_menu { right: auto; left: 0; margin-right: 0; margin-left: -100%; } [dir='rtl'] .right_menu.is-open { margin-left: 0; } [dir='rtl'] .right_menu_close { text-align: left; padding-right: 0; padding-left: 15px; } [dir='rtl'] .left_j { right: auto; left: 1em; } [dir='rtl'] .index_search { right: auto; left: 0; } /* ---------- 首页图文板块 ---------- */ [dir='rtl'] .main1_mess_pic_l, [dir='rtl'] .main2_gs_l, [dir='rtl'] .main5_l, [dir='rtl'] .main6_l, [dir='rtl'] .main0_l, [dir='rtl'] .public_concact_l { float: right; } [dir='rtl'] .main1_mess_pic_r, [dir='rtl'] .main2_gs_r, [dir='rtl'] .main5_r, [dir='rtl'] .main0_r, [dir='rtl'] .public_concact_r { float: left; } /* flex 容器整体翻转即可保持左右关系镜像 */ [dir='rtl'] .main2_gs, [dir='rtl'] .main5, [dir='rtl'] .main6, [dir='rtl'] .main0, [dir='rtl'] .main0_l, [dir='rtl'] .main3_list_box, [dir='rtl'] .main4_list_box, [dir='rtl'] .public_concact, [dir='rtl'] .footer_menu, [dir='rtl'] .footer_flag, [dir='rtl'] .main1_mess_pic2 { flex-direction: row-reverse; } /* ---------- 文章列表 ---------- */ [dir='rtl'] .main2 { flex-direction: row-reverse; } [dir='rtl'] .entry-title, [dir='rtl'] .entry-header { text-align: right; } /* ---------- 表单 ---------- */ [dir='rtl'] .main6_r { padding-left: 0; padding-right: 10%; } [dir='rtl'] .main6_r_input_list_box { flex-direction: row-reverse; } [dir='rtl'] .main6_r_input_list input, [dir='rtl'] .main6_r_input_list3 textarea { text-align: right; direction: rtl; } [dir='rtl'] .main6_r_input_list_name span { padding-left: 0; padding-right: 0.2em; } [dir='rtl'] .main6_r_mess span { margin-right: 0; margin-left: 20px; } [dir='rtl'] .main6_r_checkbox_box span { padding-right: 0; padding-left: 10px; } /* 电话与邮箱始终按 LTR 显示，否则数字和 @ 会错位 */ [dir='rtl'] .main6_r_mess span, [dir='rtl'] .footer_pq { direction: ltr; display: inline-block; } /* ---------- 分页与回到顶部 ---------- */ [dir='rtl'] .pagination { flex-direction: row-reverse; } [dir='rtl'] .pagination .prev svg { transform: scaleX(-1); } [dir='rtl'] #back-to-top { right: auto; left: 30px; } /* ---------- 排版细节 ---------- */ /* 阿拉伯文没有大小写，uppercase 无效但会影响混排的拉丁字母，统一关掉 */ [dir='rtl'] .main1_mess_title2, [dir='rtl'] .main4_title, [dir='rtl'] .footer_menu_list, [dir='rtl'] .public_concact2 span, [dir='rtl'] .main6_r_title2 { text-transform: none; letter-spacing: 0; } /* 阿拉伯文字形较高，行距需要放宽才易读 */ [dir='rtl'] .main1_mess_js, [dir='rtl'] .main2_top_js, [dir='rtl'] .public_concact_js, [dir='rtl'] .main0_l_l_js, [dir='rtl'] .main1 p { line-height: 2; }