/** * RTL (Right-to-Left) 样式覆盖 * 适用于阿拉伯语、希伯来语、波斯语等 RTL 语言 * 当 时自动生效 */ /* ========== 全局基础 ========== */ html[dir="rtl"] body { text-align: right; direction: rtl; } /* ========== 通用布局镜像 ========== */ html[dir="rtl"] .text-left { text-align: right !important; } html[dir="rtl"] .text-right { text-align: left !important; } html[dir="rtl"] .float-left { float: right !important; } html[dir="rtl"] .float-right { float: left !important; } html[dir="rtl"] .ml-1, html[dir="rtl"] .ml-2, html[dir="rtl"] .ml-3, html[dir="rtl"] .ml-4, html[dir="rtl"] .ml-5 { margin-left: 0 !important; } html[dir="rtl"] .mr-1, html[dir="rtl"] .mr-2, html[dir="rtl"] .mr-3, html[dir="rtl"] .mr-4, html[dir="rtl"] .mr-5 { margin-right: 0 !important; } html[dir="rtl"] .ml-2 { margin-right: 0.5rem !important; } html[dir="rtl"] .mr-2 { margin-left: 0.5rem !important; } html[dir="rtl"] .ml-3 { margin-right: 1rem !important; } html[dir="rtl"] .mr-3 { margin-left: 1rem !important; } html[dir="rtl"] .pl-0 { padding-left: unset; padding-right: 0 !important; } html[dir="rtl"] .pr-0 { padding-right: unset; padding-left: 0 !important; } /* ========== 导航栏 ========== */ html[dir="rtl"] .navbar-area .nav-item { text-align: right; } html[dir="rtl"] .navbar-area .dropdown-menu { text-align: right; left: auto; right: 0; } html[dir="rtl"] .navbar-area .navbar-nav { flex-direction: row-reverse; } html[dir="rtl"] .inspire-nav-top-bar .call-to-action { text-align: right; } html[dir="rtl"] .inspire-nav-top-bar .top-bar-right { text-align: left; } /* ========== 面包屑 ========== */ html[dir="rtl"] .page-title-content ul { direction: rtl; } html[dir="rtl"] .page-title-content ul li::before { content: "\\"; margin: 0 8px; } html[dir="rtl"] .page-title-content ul li + li::before { content: "\\"; } /* ========== 侧边栏 ========== */ html[dir="rtl"] .category-sidebar { text-align: right; } html[dir="rtl"] .news-sidebar { text-align: right; } html[dir="rtl"] .cat-tree { padding-right: 0; padding-left: 0; } html[dir="rtl"] .cat-tree li { padding-right: 0; padding-left: 0; } html[dir="rtl"] .cat-children { padding-right: 15px; padding-left: 0; } /* ========== 卡片和列表 ========== */ html[dir="rtl"] .single-blog-post .blog-post-content { text-align: right; } html[dir="rtl"] .single-blog-post .blog-image { text-align: right; } html[dir="rtl"] .product-card { text-align: right; } html[dir="rtl"] .product-card .product-info { text-align: right; } /* ========== 表单 ========== */ html[dir="rtl"] .form-control, html[dir="rtl"] .form-group input, html[dir="rtl"] .form-group textarea, html[dir="rtl"] .form-group select { text-align: right; direction: rtl; } html[dir="rtl"] .search-form { direction: rtl; } html[dir="rtl"] .search-form input { text-align: right; } /* ========== 图标间距翻转 ========== */ html[dir="rtl"] i.icofont-envelope, html[dir="rtl"] i.icofont-ui-touch-phone, html[dir="rtl"] i.fas, html[dir="rtl"] i.far, html[dir="rtl"] i.fab { margin-left: 6px; margin-right: 0; } /* ========== 分页 ========== */ html[dir="rtl"] .pagination-area { direction: rtl; } html[dir="rtl"] .pagination-area .prev { transform: scaleX(-1); } html[dir="rtl"] .pagination-area .next { transform: scaleX(-1); } /* ========== Footer ========== */ html[dir="rtl"] .footer-area { text-align: right; } html[dir="rtl"] .footer-area .footer-widget { text-align: right; } html[dir="rtl"] .footer-area ul { padding-right: 0; } html[dir="rtl"] .footer-area ul li { text-align: right; } /* ========== 轮播图 ========== */ html[dir="rtl"] .owl-carousel { direction: ltr; } html[dir="rtl"] .owl-carousel .owl-item { direction: rtl; } html[dir="rtl"] .flickity-enabled { direction: ltr; } html[dir="rtl"] .flickity-enabled .flickity-slider > * { direction: rtl; } /* ========== 详情页 ========== */ html[dir="rtl"] .blog-details-area { text-align: right; } html[dir="rtl"] .blog-details-area .article-content { text-align: right; } html[dir="rtl"] .blog-details-area .article-content ul, html[dir="rtl"] .blog-details-area .article-content ol { padding-right: 20px; padding-left: 0; } html[dir="rtl"] .product-detail-area { text-align: right; } html[dir="rtl"] .product-detail-area .product-info { text-align: right; } /* ========== 联系页面 ========== */ html[dir="rtl"] .contact-info-area { text-align: right; } html[dir="rtl"] .contact-form { text-align: right; } /* ========== 按钮组间距 ========== */ html[dir="rtl"] .btn + .btn { margin-left: 0; margin-right: 8px; } /* ========== 移动端菜单 ========== */ html[dir="rtl"] .mobile-menu-panel { right: auto; left: -320px; transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 4px 0 20px rgba(0,0,0,0.15); } html[dir="rtl"] .mobile-menu-panel.active { left: 0; right: auto; } html[dir="rtl"] .mobile-menu-close { right: auto; left: 16px; } html[dir="rtl"] .mobile-menu-panel ul { text-align: right; padding-right: 0; } /* ========== Bootstrap Grid RTL 修正 ========== */ html[dir="rtl"] .row { direction: rtl; } /* ========== 询价弹窗 ========== */ html[dir="rtl"] .inquiry-modal .modal-body { text-align: right; } /* ========== 搜索页 ========== */ html[dir="rtl"] .search-result-item { text-align: right; }