/* 問答標題樣式 */
.qa-title {
  font-size: 20px;
  color: #096AFF; /* 預設藍色 */
  cursor: pointer;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px; /* 增加內邊距，提升質感 */
  background-color: #f5f5f7; /* 淺灰色背景，類似蘋果官網的問答區塊 */
  border-radius: 12px; /* 圓角設計 */
  transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; /* 平滑過渡效果 */
}

/* 鼠標懸停效果 */
.qa-title:hover {
  color: #FF0000; /* 懸停時文字變紅色 */
  background-color: #e0e0e6; /* 懸停時背景色變深 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 懸停時陰影效果 */
}

/* 點擊時的文字顏色 */
.qa-title[aria-expanded="true"] {
  color: #FF0000; /* 點擊時文字變紅色 */
}

/* 箭頭圖標樣式 */
.toggle-icon {
  width: 11px;
  height: 6px;
  color: #6e6e73; /* 灰色圖標，與蘋果官網風格一致 */
  transition: transform 0.3s ease, color 0.3s ease; /* 平滑過渡效果 */
}

/* 展開狀態下的箭頭圖標 */
.qa-title[aria-expanded="true"] .toggle-icon {
  transform: rotate(180deg);
  color: #096AFF; /* 展開時圖標變為藍色 */
}

/* 答案區塊樣式 */
.answer {
  display: none;
  padding: 20px; /* 增加內邊距，提升質感 */
  background-color: #ffffff; /* 白色背景 */
  border-left: 4px solid #096AFF; /* 藍色左邊框 */
  margin-bottom: 20px;
  border-radius: 0 0 12px 12px; /* 圓角設計 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 陰影效果 */
}

/* 展開狀態下的答案區塊 */
.answer[aria-hidden="false"] {
  display: block;
}

/* 答案內容樣式 */
.answer p {
  font-size: 16px;
  color: #1d1d1f; /* 深灰色文字 */
  line-height: 1.6; /* 行高增加，提升閱讀體驗 */
  margin-bottom: 15px; /* 段落間距 */
}

/* 最後一個段落不需要底部間距 */
.answer p:last-child {
  margin-bottom: 0;
}