*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;background:#fdf8ee;color:#333}
main{max-width:960px;margin:0 auto;padding:24px 20px 48px}nav.crumb{font-size:16px;color:#777;margin-bottom:8px}nav.crumb a{color:#118ab2;text-decoration:none;font-weight:700}
h1{font-size:40px;color:#ef476f;margin:8px 0 4px}p.sub{font-size:20px;color:#666;margin:0 0 24px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:20px;border-radius:24px;background:#fff;border:4px solid var(--c);text-decoration:none;color:#333;box-shadow:0 6px 0 var(--c);transition:transform .1s}
.card:hover,.card:focus{transform:translateY(-3px)}.card:active{transform:translateY(3px);box-shadow:0 2px 0 var(--c)}
.card .ic{font-size:56px}.card .t{font-size:28px;font-weight:900;color:var(--c)}.card .d{font-size:16px;color:#777;text-align:center}
.soon{font-size:32px;text-align:center;padding:60px 20px;background:#fff;border-radius:24px;border:4px dashed #ccc;color:#999}