/* WhatsApp 扫码块 —— 由 _site4/wa_qr.py 注入，独立文件便于缓存与回滚
   站点主样式 style.css 不动（避免为了几行 CSS 去升 ?v= 命中全站缓存）。

   ★ 所有 var() 都写了默认值：plc/、tools/、trade/ 这些独立小工具页不加载
     style.css，变量缺失时若没默认值，文字会退化成浏览器默认浅灰、几乎看不见。

   ★ 视觉上与 .qr-*（微信）保持同一套尺寸/间距语言，只把强调色换成 WhatsApp 绿，
     这样联系页里「微信 + WhatsApp」并排时是一组，而不是两个互相抢的广告块。 */
.wa-box{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px auto 0;flex-wrap:wrap;text-align:left;max-width:560px}
.wa-box img{display:block;width:132px;height:132px;border-radius:10px;background:#fff;padding:6px;box-shadow:0 6px 18px rgba(4,16,38,.18)}
.wa-box .wa-txt{font-size:13px;line-height:1.7;font-weight:700;color:var(--sub,#55647a);max-width:260px;text-wrap:pretty}
.wa-box .wa-txt b{display:block;font-size:14px;font-weight:850;margin-bottom:3px;color:var(--ink,#0f172a)}
.wa-box .wa-txt a{color:#128C7E;text-decoration:none;border-bottom:1px dashed currentColor}
/* 蓝色 CTA 带 / 联系卡片里：白字。auto 左右外边距保证居中（不依赖父级 text-align） */
.cta-band .wa-box,.contact-card .wa-box{margin:20px auto 4px;text-align:left}
.cta-band .wa-box .wa-txt,.contact-card .wa-box .wa-txt{color:#fff;opacity:.97;font-weight:650}
.cta-band .wa-box .wa-txt b,.contact-card .wa-box .wa-txt b{color:#fff;opacity:1}
.cta-band .wa-box .wa-txt a,.contact-card .wa-box .wa-txt a{color:#B9F5D0}
.cta-band .wa-box img,.contact-card .wa-box img{box-shadow:0 10px 26px rgba(4,16,38,.28)}
/* ★ 深色区块（en/ ru/ hi/ 的 ind-hero 暗底）：说明文字必须提亮。 */
.ind-hero .wa-box .wa-txt,.dark .wa-box .wa-txt,[data-theme="dark"] .wa-box .wa-txt{color:#C3D4EC}
.ind-hero .wa-box .wa-txt b,.dark .wa-box .wa-txt b,[data-theme="dark"] .wa-box .wa-txt b{color:#fff}
.ind-hero .wa-box .wa-txt a,.dark .wa-box .wa-txt a,[data-theme="dark"] .wa-box .wa-txt a{color:#8BE9A8}
/* 联系页顶部（大图 + 说明） */
.wa-hero{display:flex;align-items:center;justify-content:center;gap:20px;background:#fff;border:1px solid var(--line,#e2e8f0);border-left:4px solid #25D366;border-radius:var(--radius-lg,18px);padding:20px 22px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);margin:14px 0 0;flex-wrap:wrap;text-align:left}
.wa-hero img{display:block;width:168px;height:168px;flex:0 0 auto;border-radius:12px;background:#fff;padding:6px;border:1px solid var(--line,#e2e8f0)}
.wa-hero-txt{flex:1 1 220px;min-width:0}
.wa-hero-txt b{display:block;font-size:17px;font-weight:870;margin-bottom:6px;color:var(--ink,#0f172a)}
.wa-hero-txt span{display:block;font-size:13px;color:var(--muted,#64748b);font-weight:650;line-height:1.7}
.wa-hero-txt a{display:inline-block;margin-top:9px;font-size:13px;font-weight:800;color:#fff;background:#25D366;border-radius:999px;padding:8px 16px;text-decoration:none}
.wa-hero-txt a:hover{background:#1EBE5A}
/* 页脚「联系我们」列 */
footer.site .wa-foot{display:flex;align-items:center;gap:11px;margin-top:10px}
footer.site .wa-foot img{display:block;width:120px;height:120px;border-radius:9px;background:#fff;padding:4px;border:1px solid var(--line,#e2e8f0)}
footer.site .wa-foot span{font-size:11.5px;line-height:1.5;color:var(--muted,#64748b);font-weight:650}
footer.site .wa-foot b{display:block;font-size:13px;color:var(--ink,#0f172a);letter-spacing:.2px}
@media(max-width:560px){
  .wa-box{gap:10px}
  .wa-box img{width:104px;height:104px}
  .wa-box .wa-txt{font-size:12px}
  .wa-hero{gap:12px;padding:14px 16px;flex-wrap:nowrap}
  .wa-hero img{width:104px;height:104px}
  .wa-hero-txt b{font-size:15px;margin-bottom:4px}
  .wa-hero-txt span{font-size:12px;line-height:1.6}
  footer.site .wa-foot img{width:104px;height:104px}
}