/* ═══════════ es/ css/info.css ═══════════
 * 联系 / 业务合作 / 问题反馈 三页共享内容样式。
 * 复用 css/theme.css 的变量与 .auth-* 布局, 不新增颜色 / 字体。
 * 由 contact.html / cooperation.html / feedback.html 在 css/auth.css 之后引入。
 */

.info-section { margin-top: 18px; }
.info-section:first-child { margin-top: 0; }
.info-section h2 {
  font-size: 12px; color: var(--grn); font-weight: 700;
  letter-spacing: 0.3px; margin-bottom: 8px;
}
.info-section h2::before { content: '## '; color: var(--c3); }

/* 键值行 (联系方式) */
.info-kv {
  display: flex; gap: 10px; align-items: baseline;
  padding: 8px 0; border-bottom: 1px dashed var(--c3);
}
.info-kv:last-child { border-bottom: none; }
.info-kv .k { color: var(--dim); min-width: 72px; font-size: 12px; flex-shrink: 0; }
.info-kv .v { color: var(--wht); word-break: break-word; }
.info-kv .v a { color: var(--cyn); text-decoration: none; }
.info-kv .v a:hover { color: var(--grn); text-decoration: underline; }

/* 列表 */
.info-list { list-style: none; padding: 0; margin: 0; }
.info-list li {
  position: relative; padding: 4px 0 4px 16px;
  color: var(--fg); font-size: 13px;
}
.info-list li::before {
  content: '❯'; position: absolute; left: 0; top: 7px;
  color: var(--grn); font-size: 10px;
}

/* 卡片网格 */
.info-cards {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
@media (max-width: 640px) { .info-cards { grid-template-columns: 1fr; } }
.info-card {
  border: 1px solid var(--c3); border-radius: 6px;
  padding: 12px 14px; background: var(--c1);
}
.info-card h3 { font-size: 12px; color: var(--grn); margin-bottom: 6px; font-weight: 700; }
.info-card p { color: var(--dim); font-size: 12px; line-height: 1.6; }

/* 二维码 / 占位框 */
.qr-box {
  text-align: center; padding: 18px 16px;
  border: 1px dashed var(--c3); border-radius: 6px;
  color: var(--dim); background: var(--c0);
}
.qr-box img { max-width: 180px; width: 100%; display: block; margin: 0 auto 8px; border-radius: 4px; }
.qr-box .qr-ph { padding: 28px 0; color: var(--soft); font-size: 12px; }
.qr-box .qr-group { color: var(--wht); font-size: 12px; margin-top: 4px; }
.qr-box .qr-hint { color: var(--dim); font-size: 11px; margin-top: 4px; }

/* 反馈模板代码块 */
.info-pre {
  background: var(--c0); border: 1px solid var(--c3); border-radius: 6px;
  padding: 12px 14px; white-space: pre-wrap; word-break: break-word;
  color: var(--fg); font-size: 12px; line-height: 1.7;
}

/* FAQ */
.faq-item { border-bottom: 1px solid var(--c3); padding: 10px 0; }
.faq-item:last-child { border-bottom: none; }
.faq-item summary { cursor: pointer; color: var(--fg); font-size: 13px; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::before { content: '▸ '; color: var(--grn); }
.faq-item[open] summary::before { content: '▾ '; }
.faq-item p { color: var(--dim); font-size: 12px; margin-top: 8px; padding-left: 16px; }

/* 动作行 / 备注 */
.info-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.info-note { color: var(--dim); font-size: 11px; margin-top: 12px; line-height: 1.7; }