/* === 站台共用（活潑版） === */
:root{
    --yellow:#FFD400; --blue:#41B6FF; --ink:#0f172a; --muted:#475569;
    --pink:#FF6FB0; --mint:#34D399; --purple:#A78BFA;
  }
  
  /* 讓頁面更有「遊樂場」感的柔和圖樣背景 */
  body.playful{
    background:
      radial-gradient(12px 12px at 20px 20px, rgba(65,182,255,.12) 25%, rgba(0,0,0,0) 26%) 0 0/64px 64px,
      radial-gradient(10px 10px at 50px 40px, rgba(255,212,0,.12) 25%, rgba(0,0,0,0) 26%) 0 0/64px 64px,
      #f4fbff;
  }
  
  /* 課程卡、Hero等可加一點果凍陰影 */
  .card, .hero{
    box-shadow:0 10px 24px rgba(0,0,0,.06), inset 0 0 0 1px rgba(65,182,255,.08);
  }
  
  /* Footer：糖果色漸層 + 波浪 */
  .site-footer{
    margin-top:28px; color:var(--ink); background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,1));
    position:relative; overflow:hidden; border-top:0;
    font-family:"Comic Neue", system-ui, -apple-system, "Segoe UI", Arial, "PingFang TC","Microsoft JhengHei", sans-serif;
  }
  .site-footer::before{
    content:""; position:absolute; inset:-40px -20px auto -20px; height:100px;
    background:radial-gradient(120px 60px at 20% 60%, var(--yellow), transparent 70%),
               radial-gradient(160px 80px at 60% 20%, var(--blue), transparent 70%),
               radial-gradient(120px 60px at 90% 60%, var(--pink), transparent 70%);
    opacity:.25;
  }
  .site-footer .inner{
    max-width:1080px; margin:0 auto; padding:24px 16px;
    display:grid; grid-template-columns:2fr 1fr 1fr; gap:18px;
  }
  .site-footer h4{margin:0 0 8px; font-size:1.05rem}
  .site-footer p, .site-footer a{margin:0; color:var(--muted); text-decoration:none}
  .site-footer a:hover{color:#0b87d1; text-decoration:underline}
  
  .site-footer .brand{display:flex; align-items:flex-start; gap:10px}
  .site-footer .logo{
    width:40px; height:40px; border-radius:10px;
    background:linear-gradient(135deg, var(--yellow), var(--blue));
    box-shadow:0 6px 14px rgba(0,0,0,.15);
    flex:0 0 auto;
  }
  .site-footer .copyright{
    border-top:1px dashed rgba(2,8,23,.1); margin-top:12px; padding-top:10px;
    font-size:.95rem; color:var(--muted);
  }
  
  /* RWD */
  @media (max-width:860px){ .site-footer .inner{grid-template-columns:1fr} }