/* =========================================================
   ForeignHub · 主题色系（加载于 assets/style.css 之后）
   通过 <html data-theme="xxx"> 切换；后台「色系主题」页可改。
   浅色底 + 品牌主色 + 深色区块 三个维度共同决定观感。
   ========================================================= */

/* ---------- 1. 信任蓝（默认） ---------- */
:root,
[data-theme="trust"]{
  --brand:#2563eb; --brand-700:#1d4ed8; --brand-50:#eff6ff; --brand-line:#bfdbfe;
  --accent:#0ea5e9; --accent-glow:rgba(14,165,233,.55);
  --grad:linear-gradient(120deg,#2563eb 0%,#4f46e5 100%);
  --grad-soft:linear-gradient(120deg,#3b82f6,#6366f1);
  --logo-a:#3b82f6; --logo-b:#6366f1;
  --deep:#0f172a; --deep-2:#1e293b; --deep-fg:#94a3b8; --deep-line:#1e293b; --deep-btn:#1e293b;
  --ok-bg:#ecfdf3; --ok-fg:#087443; --ok-line:#a6f0c6;
  --err-bg:#fef2f2; --err-fg:#b42318; --err-line:#fecdca;
  --warn-bg:#fffaeb; --warn-fg:#b54708; --warn-line:#fedf89;
  --ring:rgba(37,99,235,.35);
  --bg-tint-a:rgba(37,99,235,.07);--bg-tint-b:rgba(124,58,237,.055);
}

/* ---------- 2. 深海青（沉稳 · 金融感） ---------- */
[data-theme="ocean"]{
  --brand:#0e7490; --brand-700:#155e75; --brand-50:#ecfeff; --brand-line:#a5f3fc;
  --accent:#06b6d4; --accent-glow:rgba(6,182,212,.55);
  --grad:linear-gradient(120deg,#0e7490 0%,#0f766e 100%);
  --grad-soft:linear-gradient(120deg,#0891b2,#0d9488);
  --logo-a:#06b6d4; --logo-b:#0d9488;
  --deep:#082f3d; --deep-2:#0e3f4f; --deep-fg:#8fb3bd; --deep-line:#0e3f4f; --deep-btn:#0e3f4f;
  --ring:rgba(14,116,144,.35);
  --bg-tint-a:rgba(14,116,144,.075);--bg-tint-b:rgba(13,148,136,.05);
}

/* ---------- 3. 翡翠绿（成长 · 收益感） ---------- */
[data-theme="emerald"]{
  --brand:#047857; --brand-700:#065f46; --brand-50:#ecfdf5; --brand-line:#a7f3d0;
  --accent:#10b981; --accent-glow:rgba(16,185,129,.55);
  --grad:linear-gradient(120deg,#047857 0%,#065f46 100%);
  --grad-soft:linear-gradient(120deg,#10b981,#059669);
  --logo-a:#10b981; --logo-b:#059669;
  --deep:#052e22; --deep-2:#0a3f2f; --deep-fg:#8fc9b3; --deep-line:#0a3f2f; --deep-btn:#0a3f2f;
  --ring:rgba(4,120,87,.35);
  --bg-tint-a:rgba(4,120,87,.07);--bg-tint-b:rgba(16,185,129,.05);
}

/* ---------- 4. 靛紫（科技 · 互联网感） ---------- */
[data-theme="indigo"]{
  --brand:#4f46e5; --brand-700:#4338ca; --brand-50:#eef2ff; --brand-line:#c7d2fe;
  --accent:#818cf8; --accent-glow:rgba(129,140,248,.55);
  --grad:linear-gradient(120deg,#4f46e5 0%,#7c3aed 100%);
  --grad-soft:linear-gradient(120deg,#6366f1,#8b5cf6);
  --logo-a:#818cf8; --logo-b:#7c3aed;
  --deep:#1e1b4b; --deep-2:#2e2a6b; --deep-fg:#a5a3c9; --deep-line:#2e2a6b; --deep-btn:#2e2a6b;
  --ring:rgba(79,70,229,.35);
  --bg-tint-a:rgba(79,70,229,.075);--bg-tint-b:rgba(139,92,246,.05);
}

/* ---------- 5. 皇室紫（品质 · 高端） ---------- */
[data-theme="royal"]{
  --brand:#7c3aed; --brand-700:#6d28d9; --brand-50:#f5f3ff; --brand-line:#ddd6fe;
  --accent:#a855f7; --accent-glow:rgba(168,85,247,.55);
  --grad:linear-gradient(120deg,#7c3aed 0%,#9333ea 100%);
  --grad-soft:linear-gradient(120deg,#8b5cf6,#a855f7);
  --logo-a:#a78bfa; --logo-b:#7c3aed;
  --deep:#241546; --deep-2:#372061; --deep-fg:#b5a8d4; --deep-line:#372061; --deep-btn:#372061;
  --ring:rgba(124,58,237,.35);
  --bg-tint-a:rgba(124,58,237,.07);--bg-tint-b:rgba(168,85,247,.05);
}

/* ---------- 6. 暖阳橙（社区 · 亲和） ---------- */
[data-theme="amber"]{
  --brand:#ea580c; --brand-700:#c2410c; --brand-50:#fff7ed; --brand-line:#fed7aa;
  --accent:#f59e0b; --accent-glow:rgba(245,158,11,.55);
  --grad:linear-gradient(120deg,#ea580c 0%,#d97706 100%);
  --grad-soft:linear-gradient(120deg,#f59e0b,#f97316);
  --logo-a:#fbbf24; --logo-b:#f97316;
  --deep:#2b1508; --deep-2:#431c09; --deep-fg:#c7a68b; --deep-line:#431c09; --deep-btn:#431c09;
  --ring:rgba(234,88,12,.35);
  --bg-tint-a:rgba(234,88,12,.07);--bg-tint-b:rgba(245,158,11,.05);
}
/* 暖阳橙主题页脚：沿用全局浅底规则（见下方「浅底清爽型」），不再单独压深 */

/* ---------- 7. 中国红（喜庆 · 本土共鸣） ---------- */
[data-theme="crimson"]{
  --brand:#dc2626; --brand-700:#b91c1c; --brand-50:#fef2f2; --brand-line:#fecaca;
  --accent:#f87171; --accent-glow:rgba(248,113,113,.55);
  --grad:linear-gradient(120deg,#dc2626 0%,#b91c1c 100%);
  --grad-soft:linear-gradient(120deg,#ef4444,#dc2626);
  --logo-a:#f87171; --logo-b:#dc2626;
  --deep:#2b0f10; --deep-2:#43191a; --deep-fg:#c7a3a3; --deep-line:#43191a; --deep-btn:#43191a;
  --ring:rgba(220,38,38,.35);
  --bg-tint-a:rgba(220,38,38,.06);--bg-tint-b:rgba(249,115,22,.045);
}

/* ---------- 8. 石墨灰（极简 · 克制） ---------- */
[data-theme="slate"]{
  --brand:#475569; --brand-700:#334155; --brand-50:#f1f5f9; --brand-line:#cbd5e1;
  --accent:#0ea5e9; --accent-glow:rgba(14,165,233,.45);
  --grad:linear-gradient(120deg,#334155 0%,#475569 100%);
  --grad-soft:linear-gradient(120deg,#64748b,#475569);
  --logo-a:#94a3b8; --logo-b:#475569;
  --deep:#0b1120; --deep-2:#1a2333; --deep-fg:#9aa8bd; --deep-line:#1a2333; --deep-btn:#1a2333;
  --ring:rgba(71,85,105,.35);
  --bg-tint-a:rgba(71,85,105,.075);--bg-tint-b:rgba(148,163,184,.05);
}

/* ---------- 浅底清爽型：深色区块改为浅底，所有主题一致 ---------- */
.footer{background:var(--surface);color:var(--ink-2);border-top:1px solid var(--line)}
.footer-col h4{color:var(--ink)}
.footer-col a{color:var(--muted)}
.footer-col a:hover{color:var(--brand)}
.footer-bottom{border-top:1px solid var(--line);color:var(--muted)}
.footer-bottom .langswitch select{background:#fff;color:var(--ink);border-color:var(--line)}
.footer-bottom .langswitch .globe{color:var(--muted)}
.payoneer-box{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}
.hero .search button{background:var(--brand)}
.hero::after{background:radial-gradient(circle,var(--accent-glow),transparent 70%)}

/* ---------- Logo 渐变跟随主题 ---------- */
.brand .logo stop:first-of-type{stop-color:var(--logo-a)}
.brand .logo stop:last-of-type{stop-color:var(--logo-b)}

/* ---------- 语义色 ---------- */
.msg.ok{background:var(--ok-bg);color:var(--ok-fg);border:1px solid var(--ok-line)}
.msg.err{background:var(--err-bg);color:var(--err-fg);border:1px solid var(--err-line)}
.msg.warn{background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-line)}
.contact{border:1px solid var(--brand-line)}
.pill.active,.pill.confirmed{background:var(--ok-bg);color:var(--ok-fg)}
.pill.rejected,.pill.failed{background:var(--err-bg);color:var(--err-fg)}
.pill.pending{background:var(--warn-bg);color:var(--warn-fg)}
.pill.confirming,.pill.paid_auto{background:var(--brand-50);color:var(--brand-700)}
:focus-visible{outline-color:var(--ring)}

/* =========================================================
   前台扩展组件：公告条 / 广告位 / 举报
   ========================================================= */
.notice-bar{
  background:var(--brand-50);border-bottom:1px solid var(--brand-line);
  color:var(--brand-700);font-size:14px;
}
.notice-bar .wrap{display:flex;align-items:center;gap:10px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
.notice-bar .nb-ico{width:18px;height:18px;flex-shrink:0;color:var(--brand)}
.notice-bar .nb-text{font-weight:600;flex:1;min-width:0}
.notice-bar .nb-text a{color:var(--brand-700);text-decoration:underline;font-weight:700}
.notice-bar.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-fg)}
.notice-bar.warn .nb-ico,.notice-bar.warn .nb-text a{color:var(--warn-fg)}
.notice-bar.ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-fg)}
.notice-bar.ok .nb-ico,.notice-bar.ok .nb-text a{color:var(--ok-fg)}
.notice-bar .nb-close{margin-left:auto;background:none;border:0;cursor:pointer;color:inherit;opacity:.55;font-size:18px;line-height:1;padding:2px 6px;border-radius:6px}
.notice-bar .nb-close:hover{opacity:1;background:rgba(0,0,0,.05)}

/* ---------- 广告位 ---------- */
.adslot{margin:18px 0}
.adslot .adbox{
  position:relative;border-radius:var(--r);overflow:hidden;
  background:var(--surface-2);border:1px dashed var(--brand-line);
  display:flex;align-items:center;justify-content:center;
  min-height:90px;text-align:center;padding:14px;
}
.adslot .adbox img{max-width:100%;display:block;border-radius:8px}
.adslot .adbox .ad-cap{font-size:13px;color:var(--muted);padding:8px 12px}
.adslot.filled .adbox{border-style:solid;border-color:var(--line);background:var(--surface)}
/* 同一位置可同时展示多条广告（平台自营 + 多家会员），纵向堆叠并留出间距 */
.adslot.filled{display:flex;flex-direction:column;gap:12px}
.adslot.filled .adbox{width:100%}
.adslot .ad-badge{
  position:absolute;top:6px;left:6px;font-size:10.5px;font-weight:700;letter-spacing:.04em;
  background:var(--deep);color:#fff;padding:2px 7px;border-radius:var(--r-pill);opacity:.7;
}
/* 广告中的自有链接/按钮 */
.adslot .adbox a{color:var(--brand)}
.adslot .adcta{
  display:inline-flex;align-items:center;gap:8px;margin-top:10px;
  background:var(--grad);color:#fff;padding:9px 18px;border-radius:var(--r-pill);font-weight:700;font-size:14px;
}
.adslot .adcta:hover{text-decoration:none;filter:brightness(1.06);color:#fff}

/* ---------- 举报 ---------- */
.report-box{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}
.report-box button{background:none;border:1px solid var(--line);color:var(--muted);padding:6px 12px;border-radius:var(--r-pill);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}
.report-box button:hover{border-color:var(--err);color:var(--err);background:var(--err-bg)}
/* 举报入口按钮（详情页顶部 / 底部通用） */
.post-head-actions{display:flex;justify-content:flex-end;margin:-4px 0 8px}
.report-flag{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 13px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:var(--surface);
  color:var(--muted);font-size:13px;font-weight:600;line-height:1.4;
  transition:color .15s,border-color .15s,background .15s;
}
.report-flag svg{width:14px;height:14px;flex:0 0 auto}
.report-flag:hover{color:var(--err);border-color:var(--err);background:var(--err-bg);text-decoration:none}

/* ---------- 主题预览浮条 ---------- */
.theme-bar{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;
  background:var(--deep);color:#e2e8f0;border-radius:var(--r-pill);
  padding:8px 10px 8px 16px;display:flex;align-items:center;gap:10px;
  box-shadow:var(--sh-lg);font-size:13.5px;font-weight:600;max-width:92vw;flex-wrap:wrap;justify-content:center;
}
.theme-bar a{color:#93c5fd;text-decoration:none;font-weight:700;padding:3px 8px;border-radius:7px}
.theme-bar a:hover{background:rgba(255,255,255,.12);color:#fff}
.theme-bar a.cur{background:var(--brand);color:#fff}
.theme-bar .tb-close{background:none;border:0;color:#94a3b8;cursor:pointer;font-size:17px;line-height:1;padding:0 6px}

/* =========================================================
   RTL（阿拉伯语 / 波斯语 / 希伯来语 / 乌尔都语）排版适配
   由 <html dir="rtl"> 触发；flex 布局自动镜像，仅补文本与细节
   ========================================================= */
[dir="rtl"] body{text-align:right}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{text-align:right}
[dir="rtl"] .hero h1,[dir="rtl"] .hero .tag{text-align:right}
[dir="rtl"] .hero .search input,[dir="rtl"] .hero .search button{text-align:right}
[dir="rtl"] .hero .search input::placeholder{text-align:right}
[dir="rtl"] .card .ct,[dir="rtl"] .card .cb{text-align:right}
[dir="rtl"] .card .cm,[dir="rtl"] .card .badge{text-align:right}
[dir="rtl"] .post .body{text-align:right}
[dir="rtl"] .legal p,[dir="rtl"] .legal li{text-align:right}
[dir="rtl"] .filters input,[dir="rtl"] .filters select,[dir="rtl"] .filterselect,
[dir="rtl"] .form input,[dir="rtl"] .form select,[dir="rtl"] .form textarea{text-align:right}
[dir="rtl"] .form input::placeholder,[dir="rtl"] .form textarea::placeholder{text-align:right}
[dir="rtl"] .tbl th,[dir="rtl"] .tbl td{text-align:right}
[dir="rtl"] .tbl .num{text-align:left}
[dir="rtl"] .langswitch select{padding:9px 33px 9px 30px;background-position:left 11px center}
[dir="rtl"] .langswitch .globe{left:auto;right:11px}
[dir="rtl"] .langswitch select{padding-left:30px;padding-right:33px}
[dir="rtl"] .mlink,[dir="rtl"] .pager{margin-left:0;margin-right:auto}
[dir="rtl"] .mlink{margin-right:auto}
[dir="rtl"] .cathead>a,[dir="rtl"] .catitem .sub a{text-align:right}
[dir="rtl"] .msg{text-align:right}
[dir="rtl"] .payoneer-box{direction:ltr;text-align:left} /* 账号/邮箱等信息按 LTR 显示更易读 */
[dir="rtl"] .notice-bar .nb-text{text-align:right}
[dir="rtl"] .adslot .adbox{direction:rtl}
[dir="rtl"] .empty{text-align:center}
/* 数字与金额保持西文顺序，避免阅读混乱 */
[dir="rtl"] .card .cm b,[dir="rtl"] .exp_days_left,[dir="rtl"] .res-count{unicode-bidi:plaintext}

/* 用户生成内容（标题/正文）按内容自动判定方向，避免 RTL 界面下英文标点错位 */
[dir="rtl"] .card .ct,[dir="rtl"] .card .cb,[dir="rtl"] .post .body,[dir="rtl"] .post h1{direction:rtl}
[dir="rtl"] .card .ct[dir="auto"],[dir="rtl"] .card .cb[dir="auto"],
[dir="rtl"] .post .body[dir="auto"],[dir="rtl"] .post h1[dir="auto"]{direction:auto;text-align:start}