/* 頁尾（9A-2）：CRM 前台與主網站共用。所有 class 都有 jcf- 前綴，不會影響 WordPress 主題或主網站其他樣式。
   兩種主題都是深紫底（和 CRM 前台一樣）；手機版改成單欄。 */
.jcf-footer{background:#2d1b3d;color:#e6d9ef;border-top:1px solid rgba(212,175,55,.35);font-family:'Noto Sans TC',system-ui,-apple-system,'PingFang TC','Microsoft JhengHei',sans-serif;font-size:14px;line-height:1.7;text-align:left;box-sizing:border-box}
.jcf-footer *,.jcf-footer *::before,.jcf-footer *::after{box-sizing:border-box}
.jcf-in{max-width:1260px;margin:0 auto;padding:clamp(40px,4vw,60px) clamp(20px,2.2vw,30px) 32px;display:flex;flex-direction:column;gap:28px}
.jcf-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,2.4fr);gap:36px 48px;align-items:start}
.jcf-brand .jcf-name{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;color:#f2eaf7;margin-bottom:12px}
.jcf-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4a1c6b,#6b2d9b);color:#f4d03f;font-weight:700}
.jcf-intro{margin:0 0 6px;color:#cdbfdc}
.jcf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.jcf-col{display:flex;flex-direction:column;gap:8px}
.jcf-col-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#d4af37}
.jcf-footer a{color:#e6d9ef;text-decoration:none}
.jcf-col a:hover,.jcf-legal a:hover{color:#f4d03f}
.jcf-social,.jcf-legal{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.jcf-social a{display:flex;align-items:center;height:40px;padding:0 16px;border-radius:50px;border:1px solid rgba(227,205,242,.28);color:#f2eaf7;font-size:13px;white-space:nowrap}
.jcf-social a:hover{border-color:#d4af37;color:#f4d03f}
.jcf-legal{gap:8px 24px}
.jcf-legal a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(212,175,55,.5);white-space:nowrap}
.jcf-rule{height:1px;background:rgba(227,205,242,.14)}
.jcf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:13px;color:#bfaed0}
/* CRM 前台頁尾（外層是 l-foot）裡的同一組區塊 */
.l-foot .jcf-top{margin:0}
@media (max-width:860px){
  .jcf-top{grid-template-columns:1fr;gap:28px}
  .jcf-cols{grid-template-columns:1fr;gap:22px}
  .jcf-bottom{flex-direction:column}
}