/* ========================================
   照片说 / Photo Think — Support Page
   技术支持页补充样式（基础复用 legal.css）
   ======================================== */

/* ---------- 邮箱 ---------- */
.support__email {
  margin-top: 4px;
  margin-bottom: 12px;
}

.support__email a {
  font-size: 15px;
  font-weight: 500;
  color: #ff6b47;
  border-bottom: none;
}

.support__email a:hover {
  opacity: 0.7;
}

/* ---------- FAQ 手风琴 ---------- */
.faq {
  margin-top: 8px;
}

.faq__item {
  border-bottom: 1px solid #eee;
}

.faq__item:last-child {
  border-bottom: none;
}

.faq__q {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  padding: 16px 0;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.2s ease;
  user-select: none;
  -webkit-user-select: none;
}

.faq__q::-webkit-details-marker {
  display: none;
}

.faq__q::after {
  content: "+";
  font-size: 18px;
  font-weight: 300;
  color: #ccc;
  flex-shrink: 0;
  margin-left: 16px;
  transition: transform 0.2s ease, color 0.2s ease;
}

.faq__item[open] .faq__q::after {
  content: "−";
  color: #ff6b47;
}

.faq__item[open] .faq__q {
  color: #0a0a0a;
}

.faq__a {
  padding: 0 0 16px;
}

.faq__a p {
  font-size: 14px;
  color: #555;
  line-height: 1.7;
  margin-bottom: 8px;
}

.faq__a ul {
  margin: 4px 0 8px 0;
  padding-left: 20px;
}

.faq__a li {
  font-size: 14px;
  color: #555;
  margin-bottom: 4px;
  line-height: 1.6;
}

.faq__a .legal__highlight {
  margin-top: 12px;
}

/* ---------- 表格 ---------- */
.support__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin: 8px 0 24px;
}

.support__table th,
.support__table td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  line-height: 1.5;
}

.support__table th {
  font-weight: 500;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #ddd;
}

.support__table td {
  color: #333;
}

.support__label {
  font-weight: 500;
  color: #0a0a0a;
  white-space: nowrap;
  width: 100px;
}

/* ---------- 响应式 ---------- */
@media (max-width: 600px) {
  .support__table {
    font-size: 13px;
  }

  .support__label {
    width: 80px;
  }
}