/*
* 从右到左语言（阿拉伯语）的方向修正：仅在 时由 home.public.master 加载，
* 放在所有页面样式之后。dir=rtl 已自动翻转文字流、flex 行方向与表格列序；这里只补
* 不会自动翻转的部分：Bootstrap 4 的物理方向工具类、各页写死的 left/right / margin / padding、
* 以及有方向含义的图标（箭头、返回）。
*/
/* ════ 公共：页头 / 页脚 / 登录注册 / 首页 / 通用组件 ════ */
/* 全局：Bootstrap 4 的 reboot 给 body 写死了 text-align:left，RTL 下文字默认应靠起始边（右）；用 start 让 dir="ltr" 的局部区域仍然左对齐 */
[dir="rtl"] body {
text-align: start;
}
/* 全局：Bootstrap 4 方向工具类（原类带 !important，这里同样需要） */
[dir="rtl"] .ml-auto {
margin-left: 0 !important;
margin-right: auto !important;
}
[dir="rtl"] .mr-auto {
margin-right: 0 !important;
margin-left: auto !important;
}
[dir="rtl"] .text-left {
text-align: right !important;
}
[dir="rtl"] .text-right {
text-align: left !important;
}
/* 顶栏：语言切换按钮的地球图标与文字间距 */
[dir="rtl"] #header .action .language .icon {
margin-right: 0;
margin-left: 5px;
}
/* 顶栏：登录后头像下拉菜单靠左对齐（镜像原来的 right:0，否则菜单伸出屏幕左侧）；菜单图标间距；退出图标镜像；昵称按内容定方向（邮箱当昵称时从末尾省略） */
[dir="rtl"] #header .user-box .menu-box {
right: auto;
left: 0;
}
[dir="rtl"] #header .user-box .menu-item .icon {
margin-right: 0;
margin-left: 10px;
}
[dir="rtl"] #header .user-box .nickname {
unicode-bidi: plaintext;
}
[dir="rtl"] #header .user-box .menu-item .icon.logout {
transform: scaleX(-1);
}
/* 顶栏（手机）：语言图标把汉堡按钮推到末端 */
[dir="rtl"] #header .language-icon {
margin-left: 15px;
margin-right: auto;
}
/* 语言选择弹窗：关闭按钮 */
[dir="rtl"] #languageModal .close {
right: auto;
left: 12px;
}
/* 页脚：英文版权声明整句按 LTR 排，避免句号跑到最前；手机端 logo 区原本用 margin-right:unset 抵消 mr-auto，RTL 下要抵消的是 margin-left */
[dir="rtl"] #footer .icp {
direction: ltr;
unicode-bidi: isolate;
text-align: right;
}
@media (max-width: 576px) {
[dir="rtl"] #footer .logo-box {
margin-left: unset !important;
}
}
/* 账号设置弹窗：关闭按钮、底部取消/应用按钮间距、邮箱与注册时间按 LTR 显示（长邮箱从末尾省略） */
[dir="rtl"] #user-editor .close-icon {
right: auto;
left: 20px;
}
[dir="rtl"] #user-editor .button-box .cancel {
margin-right: 0;
margin-left: 20px;
}
[dir="rtl"] #user-editor .info .value {
direction: ltr;
text-align: right;
}
/* 放弃支付挽留弹窗：关闭按钮、原因列表缩进、Bootstrap 单选框 */
[dir="rtl"] #abandonedPayment .close {
right: auto;
left: 20px;
}
[dir="rtl"] #abandonedPayment .reasons {
padding-left: 0;
padding-right: 15px;
}
[dir="rtl"] .form-check {
padding-left: 0;
padding-right: 1.25rem;
}
[dir="rtl"] .form-check-input {
margin-left: 0;
margin-right: -1.25rem;
}
/* 错误页：标题与说明是写死的英文，按首个强字符定方向，句号不跑到行首 */
[dir="rtl"] .main > .img ~ .title,
[dir="rtl"] .main > .img ~ .subtitle {
unicode-bidi: plaintext;
}
/* 通用：分页间距 */
[dir="rtl"] .pagination .page-item {
margin-right: 0;
margin-left: 10px;
}
[dir="rtl"] .pagination .page-item:last-child {
margin-left: 0;
}
@media (max-width: 768px) {
[dir="rtl"] .pagination .page-item {
margin-left: 6px;
}
}
@media (max-width: 576px) {
[dir="rtl"] .pagination .page-item {
margin-left: 4px;
}
}
/* 登录 / 注册 / 重置密码：Google 按钮图标、「或」分隔线、输入框内图标、眼睛与发送验证码 */
[dir="rtl"] .main-container .main .google .icon {
margin-right: 0;
margin-left: 10px;
}
[dir="rtl"] .main-container .main .line:before {
margin: 3px 0 0 10px;
}
[dir="rtl"] .main-container .main .line:after {
margin: 3px 10px 0 0;
}
[dir="rtl"] .main-container .main .input-box .icon {
left: auto;
right: 20px;
}
[dir="rtl"] .main-container .main .input-box .eye {
right: auto;
left: 20px;
}
[dir="rtl"] .main-container .main .input-box .send {
right: auto;
left: 20px;
}
[dir="rtl"] .main-container .logo {
margin-left: 0;
margin-right: 20px;
}
@media (max-width: 576px) {
[dir="rtl"] .main-container .logo {
margin-right: 0;
}
[dir="rtl"] .main-container .main .input-box .icon:not(.eye) {
left: auto;
right: 10px;
}
[dir="rtl"] .main-container .main .input-box .eye {
right: auto;
left: 10px;
}
}
/* 首页：头像叠放、评分星（半星从右往左填）、4.8 间距 */
[dir="rtl"] .banner .scoring .head .item {
margin-left: 0;
margin-right: -9px;
}
[dir="rtl"] .banner .scoring .head .item:first-child {
margin-right: 0;
}
[dir="rtl"] .banner .scoring .detail .star-partial .fill {
clip-path: inset(0 0 0 20%);
}
[dir="rtl"] .banner .scoring .top .text {
margin-left: 0;
margin-right: 5px;
}
/* 首页：PPT.AI 标题旁的指向箭头镜像 */
[dir="rtl"] .innovate .header .arrow {
margin-left: 0;
margin-right: 18px;
transform: scaleX(-1);
}
/* 首页：企业 logo / 模板缩略图跑马灯由 JS 按 LTR 方向平移，RTL 下会露出空白，保持 LTR 排列 */
[dir="rtl"] .company .list,
[dir="rtl"] .template .list .group {
direction: ltr;
}
/* 首页：使用步骤截图推到末端 */
[dir="rtl"] .use .img {
margin-left: 0;
margin-right: auto;
}
/* 首页：用户评价头像、FAQ 问题与展开图标、更多产品图标间距 */
[dir="rtl"] .comment .list .head {
margin-right: 0;
margin-left: 20px;
}
[dir="rtl"] .question .list .problem .text {
margin-right: 0;
margin-left: 5px;
}
[dir="rtl"] .discover .list .img {
margin-right: 0;
margin-left: 20px;
}
/* 首页生成框（Professional）：主题按钮与附件按钮间距、主题按钮内边距、清除叉号、附件卡片的内边距与删除按钮 */
[dir="rtl"] .create-container .pro-theme {
margin-left: 0;
margin-right: 10px;
padding-left: 10px;
padding-right: 8px;
}
[dir="rtl"] .create-container .pro-theme-clear {
margin-left: 0;
margin-right: 1px;
}
[dir="rtl"] .create-container .pro-att-chip {
padding-right: 10px;
padding-left: 34px;
}
[dir="rtl"] .create-container .pro-att-x {
right: auto;
left: 8px;
}
/* 首页生成框（Standard）：类型切换图标、字数计数器、下拉选项（图标、值文字、箭头）、示例刷新图标、下拉菜单文字 */
[dir="rtl"] .create-container .switch .icon {
margin-right: 0;
margin-left: 6px;
}
[dir="rtl"] .create-container .textarea-box .counter {
right: auto;
left: 10px;
}
[dir="rtl"] .create-container .option .text {
text-align: right;
}
[dir="rtl"] .create-container .option .ppt-icon {
margin-right: 0;
margin-left: 5px;
}
[dir="rtl"] .create-container .option .arrow {
margin-left: 0;
margin-right: auto;
}
[dir="rtl"] .create-container .example .refresh .icon {
margin-right: 0;
margin-left: 5px;
}
[dir="rtl"] .dropdown-menu {
text-align: right;
}
@media (max-width: 576px) {
[dir="rtl"] .create-container .switch .icon {
margin-right: 0;
margin-left: 4px;
}
[dir="rtl"] .dropdown-menu .dropdown-item {
padding-left: 1.5rem;
padding-right: 10px;
}
}
/* ════ 营销：关键词落地页 / 各类转换入口页 / 价格页 ════ */
[dir="rtl"] .question .list .problem .action.ml-auto {
margin-left: 0 !important;
margin-right: auto !important;
}
/* 创建入口：旧版选项下拉（语言/场景/受众/语气/页数）标签与取值靠右 */
[dir="rtl"] .create-container .option .label.text-left {
text-align: right !important;
}
@media(max-width: 576px) {
[dir="rtl"] .create-container .switch .icon {
margin-left: 4px;
}
}
/* 创建入口：网址 / YouTube 输入框按首个强字符定方向，粘贴的链接从左往右显示 */
[dir="rtl"] .create-container .createUrl .textarea,
[dir="rtl"] .create-container .createYoutube .textarea,
[dir="rtl"] .create-container.createUrl .textarea,
[dir="rtl"] .create-container.createYoutube .textarea {
unicode-bidi: plaintext;
}
/* 创建入口：Professional 主题按钮、附件卡片关闭按钮 */
[dir="rtl"] .create-container .pro-theme {
margin-left: 0;
margin-right: 10px;
padding: 5px 8px 5px 10px;
}
[dir="rtl"] .create-container .pro-att-chip {
padding: 10px 10px 10px 34px;
}
/* 价格页：Most Popular 角标移到左上角 */
[dir="rtl"] #expenses .list .tag {
right: auto;
left: 0;
border-radius: 20px 0px 20px 0px;
}
/* 价格页：价格（货币符号 + 数字 + /mo）保持从左往右 */
[dir="rtl"] #expenses .list .price .amount {
direction: ltr;
}
/* 价格页：功能列表勾选图标与文字的间距 */
[dir="rtl"] #expenses .list .rule .icon {
margin-right: 0;
margin-left: 10px;
}
[dir="rtl"] #abandonedPayment .form-check {
padding-left: 0;
padding-right: 1.25rem;
}
[dir="rtl"] #abandonedPayment .form-check-input {
margin-left: 0;
margin-right: -1.25rem;
}
/* ════ 内容：工具页 / 对比页 / 博客 / 协议页 / 案例库 ════ */
/* 常见问题（工具页 / 工具汇总页 FAQ）：展开图标推到行尾，标题与图标的间距 */
[dir="rtl"] .question .list .problem .ml-auto {
margin-left: 0 !important;
margin-right: auto !important;
}
@media (max-width: 576px) {
[dir="rtl"] .create-container .switch .icon {
margin-left: 4px;
}
}
[dir="rtl"] .create-container .option .text-left {
text-align: right !important;
}
/* 附件名与「PDF · 2.40 MB」是按内容定方向的文本，免得单位和点号跑到另一侧 */
[dir="rtl"] .create-container .pro-att-name,
[dir="rtl"] .create-container .pro-att-sub {
unicode-bidi: plaintext;
text-align: right;
}
/* 竞品对比页（compare/gamma-app-vs-ppt-ai 等）：对比表格文字靠右 */
[dir="rtl"] .compare-table th,
[dir="rtl"] .compare-table td {
text-align: right;
}
/* 博客列表：「最新文章」列表的缩进 */
[dir="rtl"] .main .right .latest .list {
padding-left: 0;
padding-right: 25px;
}
/* 博客正文：h2 左侧色条、列表缩进、表格对齐、引用块边框 */
[dir="rtl"] .main .left .article .content h2 {
padding-left: 0;
padding-right: 16px;
}
[dir="rtl"] .main .left .article .content h2::before {
left: auto;
right: 0;
}
[dir="rtl"] .main .left .article .content ul,
[dir="rtl"] .main .left .article .content ol {
padding-left: 0;
padding-right: 22px;
}
[dir="rtl"] .main .left .article .content th,
[dir="rtl"] .main .left .article .content td {
text-align: right;
}
[dir="rtl"] .main .left .article .content blockquote {
border-left: 0;
border-right: 4px solid #6C4CF1;
border-radius: 10px 0 0 10px;
}
/* 协议页（关于我们 / 招聘 / 隐私 / 条款 / 退款）：内容区左右留白不对称（≤768px 原样式已是四边 20px） */
@media (min-width: 769px) {
[dir="rtl"] .container.content {
padding-left: 20px;
padding-right: 36px;
}
}
/* 案例详情页（examples/{slug}）：翻页箭头随方向翻转、嵌入代码保持从左到右、作者原文按内容定方向 */
[dir="rtl"] .example-detail .viewer-bar .nav {
transform: scaleX(-1);
}
[dir="rtl"] .example-detail .embed-code {
direction: ltr;
text-align: left;
}
[dir="rtl"] .example-detail .title,
[dir="rtl"] .card-list .name {
unicode-bidi: plaintext;
text-align: right;
}
[dir="rtl"] .example-detail .transcript .page-no,
[dir="rtl"] .example-detail .transcript .text {
unicode-bidi: plaintext;
}
/* ════ 工作台：首页 / 模板 / 回收站 / 订阅 / 新建 ════ */
/* 工作台框架：左侧菜单图标与文字的间距 */
[dir="rtl"] #main .left .list .text {
margin-left: 0;
margin-right: 5px;
}
/* 工作台框架：白色内容区的圆角应贴着菜单一侧（RTL 下菜单在右） */
[dir="rtl"] #main .content {
border-radius: 0 20px 20px 0;
}
/* 工作台顶栏：收起 / 展开菜单图标（带方向箭头）镜像 */
[dir="rtl"] #main .right-header .switch {
transform: scaleX(-1);
}
[dir="rtl"] #main .right-header .switch.rotate,
[dir="rtl"] #main .right-header .switch[data-value=open] {
transform: rotate(180deg) scaleX(-1);
}
/* 工作台顶栏：积分、语言、头像的图标与文字间距 */
[dir="rtl"] #main .right-header .point .icon,
[dir="rtl"] #main .right-header .language .icon {
margin-right: 0;
margin-left: 5px;
}
[dir="rtl"] #main .right-header .arrow {
margin-left: 0;
margin-right: 10px;
}
[dir="rtl"] #main .right-header .personal .head {
margin-right: 0;
margin-left: 10px;
}
[dir="rtl"] #main .right-header .user-box .menu-item .icon {
margin-right: 0;
margin-left: 10px;
}
/* 工作台顶栏：退出登录图标（箭头向外）镜像 */
[dir="rtl"] #main .right-header .user-box .menu-item .icon.logout {
transform: scaleX(-1);
}
/* 工作台顶栏：头像菜单贴着行尾（RTL 下在左）向内展开，不能伸出屏幕 */
[dir="rtl"] #main .right-header .user-box .menu-box {
right: auto;
left: 0;
}
/* 工作台顶栏：昵称可能是英文邮箱，按内容自身方向截断，省略号落在末尾 */
[dir="rtl"] #main .right-header .personal .nickname {
unicode-bidi: plaintext;
}
/* 工作台顶栏（未登录）：登录 / 注册按钮间距 */
[dir="rtl"] #main .right-header .action {
margin-left: 0;
margin-right: 20px;
}
@media (max-width: 576px) {
[dir="rtl"] #main .right-header .arrow {
margin-right: 5px;
}
}
/* 会员 / 升级弹窗（.expenses-alter）：关闭按钮、权益分隔线与图标间距 */
[dir="rtl"] .expenses-content .close {
right: auto;
left: 20px;
}
[dir="rtl"] .expenses-content .advantage .item {
padding-right: 0;
padding-left: 20px;
border-right: none;
border-left: 1px solid #DEDFE5;
}
[dir="rtl"] .expenses-content .advantage .item:last-child {
padding-left: 0;
border: unset;
}
[dir="rtl"] .expenses-content .advantage .icon {
margin-right: 0;
margin-left: 5px;
}
@media (max-width: 768px) {
[dir="rtl"] .expenses-content .advantage .item {
padding-left: 5px;
}
}
/* 会员 / 升级弹窗：内嵌定价组件（#expenses，与价格页共用）——「Most Popular」角标换到左上角 */
[dir="rtl"] #expenses .list .tag {
right: auto;
left: 0;
border-radius: 20px 0 20px 0;
}
/* 工作台首页 / 回收站：顶部按钮与空状态按钮的图标间距 */
[dir="rtl"] #main .content .top .icon,
[dir="rtl"] #main .content .empty .button .icon {
margin-right: 0;
margin-left: 5px;
}
/* 工作台首页 / 回收站：卡片标题与操作图标的间距 */
[dir="rtl"] #main .content .list .icon-box {
margin-left: 0;
margin-right: 10px;
}
@media (max-width: 1200px) {
[dir="rtl"] #main .content .list .icon-box {
margin-right: 5px;
}
}
/* 工作台首页 / 回收站：作品标题是用户内容（常为中英文），按内容自身方向截断 */
[dir="rtl"] #main .content .list .subject {
unicode-bidi: plaintext;
}
/* 工作台首页 / 回收站：封面上的类型徽标换到右上角，草稿徽标换到左上角 */
[dir="rtl"] .list .item .mc-badge {
left: auto;
right: 8px;
}
[dir="rtl"] .list .item .mc-badge.draft {
right: auto;
left: 8px;
}
/* 工作台首页 / 回收站：卡片「…」菜单贴着图标向内展开（原样式用 !important 顶掉 Popper） */
[dir="rtl"] #main .content .list .action-list {
right: auto;
left: -6px !important;
}
[dir="rtl"] #main .content .list .action-list:after {
right: auto;
left: 11px;
}
[dir="rtl"] #main .content .list .action-item .icon {
margin-right: 0;
margin-left: 5px;
}
/* 工作台首页：分享弹窗（标准版 / 专业版共用 .share-content） */
[dir="rtl"] .share-content .close {
right: auto;
left: 20px;
}
[dir="rtl"] .share-content .title {
padding-right: 0;
padding-left: 20px;
}
[dir="rtl"] .share-content .switch,
[dir="rtl"] .share-content .content-box,
[dir="rtl"] .share-content .setting {
float: right;
}
[dir="rtl"] .share-content .link-box {
padding-left: 0;
padding-right: 10px;
}
[dir="rtl"] .share-content .link-box .icon,
[dir="rtl"] .share-content .setting .setting-icon,
[dir="rtl"] .share-content .setting .download-icon {
margin-right: 0;
margin-left: 10px;
}
/* 分享链接是英文 URL：保持从左到右，靠图标一侧对齐 */
[dir="rtl"] .share-content .link-box .value {
direction: ltr;
text-align: right;
margin-right: 0;
margin-left: 5px;
}
[dir="rtl"] .share-content .link-box .copy {
margin-left: 0;
margin-right: auto;
}
/* 嵌入代码是 HTML 源码：保持从左到右；复制按钮换到左侧 */
[dir="rtl"] .share-content .iframe-box .value {
direction: ltr;
text-align: left;
}
[dir="rtl"] .share-content .iframe-box .copy {
float: left;
}
/* 分享设置：开关推到行尾，开关图本身镜像（开启时圆点在左） */
[dir="rtl"] .share-content .setting .checkbox-icon {
margin-left: 0;
margin-right: auto;
transform: scaleX(-1);
}
@media (max-width: 576px) {
[dir="rtl"] .share-content .close {
left: 15px;
}
}
/* 模板中心：筛选标签从右往左排，标签名与选项间距 */
[dir="rtl"] #main .content .options .label {
margin-right: 0;
margin-left: 10px;
}
[dir="rtl"] #main .content .options .item,
[dir="rtl"] #main .content .options .color-item {
float: right;
}
[dir="rtl"] #main .content .options .color-item {
margin-left: 0;
margin-right: 10px;
}
/* 自定义模板：上传按钮图标间距、上传弹窗关闭按钮 */
[dir="rtl"] #main .upload-button .icon {
margin-right: 0;
margin-left: 5px;
}
[dir="rtl"] .upload-content .close {
right: auto;
left: 20px;
}
/* 订阅页：积分余额图标与数字间距、管理订阅按钮间距 */
[dir="rtl"] #main .content .top .balance .icon {
margin-right: 0;
margin-left: 10px;
}
[dir="rtl"] #main .content .top .balance .number {
margin-right: 0;
margin-left: 5px;
}
[dir="rtl"] #main .content .info .header .manage {
margin-right: 0;
margin-left: 10px;
}
/* 附件文件名多为英文：按内容方向截断，保留文件名开头 */
[dir="rtl"] .create-container .pro-att-name {
unicode-bidi: plaintext;
}
/* 创建页：输入框里的主题常是英文，按每段内容自身方向排版（英文靠左、问号不跑到行首） */
[dir="rtl"] .create-container .pro-textarea,
[dir="rtl"] .create-container .textarea {
unicode-bidi: plaintext;
}
/* 创建页（标准版）：步骤条文字对齐到从右往左排的数字下方 */
[dir="rtl"] .create-container .step .label .item {
transform: translateX(calc((100% - var(--number-width)) / 2 - var(--number-border-width)));
}
[dir="rtl"] .create-container .step .label .item:nth-child(1) {
left: auto;
right: 0;
}
[dir="rtl"] .create-container .step .label .item:nth-child(2) {
left: auto;
right: calc((100% - 4 * var(--number-width)) / 3 + var(--number-width));
}
[dir="rtl"] .create-container .step .label .item:nth-child(3) {
left: auto;
right: calc(((100% - 4 * var(--number-width)) / 3 + var(--number-width)) * 2);
}
[dir="rtl"] .create-container .step .label .item:nth-child(4) {
left: auto;
right: calc(((100% - 4 * var(--number-width)) / 3 + var(--number-width)) * 3);
}
/* 创建页（标准版）：大纲层级缩进与输入框间距 */
[dir="rtl"] .create-container .outline .line .text {
margin: 0 15px 0 20px;
}
[dir="rtl"] .create-container .outline .line[data-level=two]:before {
margin-left: 0;
margin-right: var(--level-left);
}
[dir="rtl"] .create-container .outline .line[data-level=three]:before {
margin-left: 0;
margin-right: calc(var(--level-left) * 2);
}
[dir="rtl"] .create-container .outline .line[data-level=four]:before {
margin-left: 0;
margin-right: calc(var(--level-left) * 3);
}
@media (max-width: 576px) {
[dir="rtl"] .create-container .outline .line .text {
margin: 0 10px;
}
}
/* 创建页（标准版）：模板 tab 图标间距；上一步 / 下一步箭头镜像 */
[dir="rtl"] .create-container .template .tab .icon {
margin-right: 0;
margin-left: 6px;
}
[dir="rtl"] .create-container .button-box .icon {
margin-right: 0;
margin-left: 10px;
transform: scaleX(-1);
}
@media (max-width: 576px) {
[dir="rtl"] .create-container .button-box .icon {
margin-left: 5px;
}
}
/* 创建页（标准版）：第 4 步用 canvas 画的幻灯片预览属于幻灯片内容，保持从左到右（canvas 文字方向默认继承元素的 direction，RTL 下括号会反向、标点跑位） */
[dir="rtl"] .create-container .build .list canvas {
direction: ltr;
}