/*
Theme Name: ColorMag Child (專業版)
Template: colormag
Version: 1.2.0
Text Domain: colormag-child
*/

:root{
  --kc-accent:#2563eb;
  --kc-accent2:#1d4ed8;
  --kc-muted:#64748b;
  --kc-border:#e5e7eb;
  --kc-bg:#0b1220;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif;
  color:#0f172a;
}

/* Typography */
.entry-content h2{margin-top:28px;margin-bottom:10px;letter-spacing:.2px;}
.entry-content h3{margin-top:18px;margin-bottom:8px;}
.entry-content p{line-height:1.85;}

/* Pro hero */
.kc-hero{
  background:linear-gradient(135deg,#0b1220 0%,#111c33 55%,#0b1220 100%);
  color:#fff;
  border-radius:16px;
  padding:28px 22px;
  margin-bottom:18px;
}
.kc-hero h1,.kc-hero h2,.kc-hero p{color:#fff;}
.kc-hero .kc-meta{color:rgba(255,255,255,.75);font-size:14px;margin-top:6px;}
.kc-btns a{display:inline-block;margin-right:10px;margin-top:10px;padding:10px 14px;border-radius:10px;background:var(--kc-accent);color:#fff;font-weight:800;}
.kc-btns a:hover{background:var(--kc-accent2);}
.kc-btns a.secondary{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22)}

/* Cards */
.kc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;}
.kc-card{border:1px solid var(--kc-border);border-radius:14px;padding:14px;background:#fff;transition:transform .15s ease, box-shadow .15s ease;}
.kc-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,6,23,.08);}
.kc-card a{font-weight:900;}
@media(max-width:980px){.kc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:540px){.kc-grid{grid-template-columns:1fr;}}

/* Tables (SIO-friendly) */
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px;border:1px solid var(--kc-border);}
.entry-content table th{background:#0b1220;color:#fff;font-weight:800;padding:12px;}
.entry-content table td{padding:12px;border-top:1px solid var(--kc-border);vertical-align:top;}
.entry-content table tr:nth-child(even) td{background:#f8fafc;}

/* Links */
a{color:var(--kc-accent);}
a:hover{color:var(--kc-accent2);}

/* Footer (remove vendor credits already; keep clean) */
#cm-footer .cm-copyright{font-size:14px;color:#64748b;}
#cm-footer .cm-copyright a{color:#64748b;text-decoration:none;border-bottom:1px dotted rgba(100,116,139,.45)}
#cm-footer .cm-copyright a:hover{color:#0f172a;border-bottom-color:#0f172a;}