:root{--c-body:#0f172a;--c-muted:#475569;--c-bg:#ffffff;--c-border:#e5e7eb;--c-primary:#111827;--c-cta:#ff74b4;--c-cta2:#ff9acb}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans",sans-serif;color:var(--c-body);background:var(--c-bg)}
a{color:inherit;text-decoration:none}
.container{max-width:980px;margin:0 auto;padding:1rem}
.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--c-border)}
.brand a{font-weight:800;font-size:1.1rem}
.nav a{margin-left:1rem;color:var(--c-muted)}
.hero{padding:3rem 0 2rem;text-align:center}
.hero h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:0 0 .4rem}
.hero p{color:var(--c-muted);margin:.25rem 0 0}
.footer{margin-top:2rem;border-top:1px solid var(--c-border);padding:1rem 0;color:var(--c-muted);font-size:.9rem;text-align:center}
.cta-btn{display:inline-block;margin-top:1.25rem;padding:.95rem 2rem;background:linear-gradient(135deg,var(--c-cta) 0%,var(--c-cta2) 100%);color:#fff;font-weight:800;font-size:1.05rem;border-radius:14px;letter-spacing:.3px;box-shadow:0 6px 16px rgba(255,120,170,.35);transition:all .18s ease;transform:translateZ(0)}
.cta-btn:hover{opacity:.92;box-shadow:0 8px 18px rgba(255,120,170,.45);transform:translateY(-2px)}
.cta-btn:active{transform:scale(.97)}
.age-card{max-width:720px;margin:3rem auto;padding:2rem;border:1px solid var(--c-border);border-radius:16px;text-align:center;background:#fff}
.btn{display:inline-block;background:var(--c-primary);color:#fff;padding:.75rem 1.25rem;border-radius:999px;font-weight:800}
.btn.ghost{background:transparent;border:1px solid var(--c-border);color:var(--c-body)}

/* ===== Kawaii cute section ===== */
.kawaii{padding:2.2rem 1rem 2.8rem;background:#fff}
.k-badges{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin:.25rem 0 1rem}
.k-badge{background:linear-gradient(135deg,#ffd9ec 0%, #ffeaf5 100%); color:#8a3a65; 
  border:1px solid #ffc7e2; border-radius:999px; padding:.35rem .75rem; font-weight:700; font-size:.9rem}
.k-title{margin:.2rem 0 .2rem;text-align:center;font-size:clamp(1.4rem,3.2vw,1.9rem)}
.k-sub{margin:0 0 1.2rem; text-align:center; color:#6b7280}

.k-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:980px;margin:0 auto 1.5rem}
.k-card{background:#fff; border:1px solid #f5cfe3; border-radius:18px; padding:1rem;
  box-shadow:0 8px 18px rgba(255, 170, 210, .18); transition:transform .18s ease, box-shadow .18s ease}
.k-card:hover{transform:translateY(-3px); box-shadow:0 12px 24px rgba(255, 170, 210, .28)}
.k-emoji{font-size:1.6rem; line-height:1; margin-bottom:.25rem}
.k-card h3{margin:.25rem 0 .35rem; font-size:1.05rem}
.k-card p{margin:0; color:#475569; line-height:1.7}

.k-faq{max-width:820px;margin:0 auto;text-align:left}
.k-faq h3{margin:.5rem 0 .5rem; text-align:center}
.k-faq details{background:#fff7fb; border:1px solid #ffd4ea; border-radius:14px; padding:.75rem 1rem; margin:.5rem 0}
.k-faq summary{cursor:pointer; font-weight:700; color:#7a2e5d}
.k-faq p{margin:.5rem 0 0; color:#374151}

@media (max-width:900px){
  .k-cards{grid-template-columns:1fr}
}


/* 全部內容居中 */
.kawaii {
  text-align: center;
  padding: 2.5rem 1rem 3rem;
  background: #fffafc;
}

/* 讓內文段落居中顯示 */
.kawaii .container {
  max-width: 820px;
  margin: 0 auto;
}

/* 居中樣式微調 */
.kawaii p, .kawaii h2, .kawaii h3 {
  text-align: center;
}

/* 可愛粉色果凍按鈕 */
.cta-btn {
  display: inline-block;
  background: linear-gradient(145deg, #ff8dc7, #ff6fb2);
  color: #fff;
  padding: 1rem 2rem;
  font-weight: 800;
  font-size: 1.05rem;
  border-radius: 999px;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(255, 105, 180, 0.35);
  transition: all 0.18s ease;
}

.cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(255, 105, 180, 0.45);
}

.cta-btn:active {
  transform: scale(.97);
}