/* 入口頁 —— 沿用 styles.css 變數 */

.home-hero { padding-bottom: clamp(28px, 4vw, 48px); }

/* 功能卡片 */
.features {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: clamp(16px, 3vw, 28px);
  padding-bottom: clamp(48px, 7vw, 80px);
}
.feature-card {
  display: flex; flex-direction: column; gap: 12px; text-decoration: none; color: var(--text);
  padding: clamp(26px, 4vw, 40px) clamp(22px, 3.4vw, 34px);
  border: 1px solid var(--line); border-radius: 16px;
  background: linear-gradient(180deg, var(--panel), var(--bg-2));
  position: relative; overflow: hidden;
  opacity: 0; transform: translateY(18px); animation: rise 0.7s 0.3s forwards;
  transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
}
.feature-card:nth-child(2) { animation-delay: 0.42s; }
.feature-card:nth-child(3) { animation-delay: 0.54s; }
.feature-card::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--accent); opacity: 0.5; transition: opacity 0.25s, box-shadow 0.25s;
}
.feature-card:hover {
  border-color: rgba(94, 243, 140, 0.35); transform: translateY(-3px);
  box-shadow: 0 18px 50px -22px rgba(94, 243, 140, 0.45);
}
.feature-card:hover::before { opacity: 1; box-shadow: 0 0 18px var(--glow); }

.fc-icon { font-size: 34px; line-height: 1; }
.fc-tag { font-size: 10.5px; letter-spacing: 0.18em; color: var(--accent-2); }
.feature-card h2 {
  font-family: var(--display); font-weight: 800; font-size: clamp(24px, 3.6vw, 32px);
  letter-spacing: -0.01em;
}
.feature-card p { font-size: 14px; color: var(--muted); line-height: 1.7; }
.fc-cta { margin-top: auto; padding-top: 10px; font-weight: 700; font-size: 14.5px; color: var(--accent); }

@media (max-width: 700px) {
  .features { grid-template-columns: 1fr; }
}