/* 文章页 / 关于 MBTI 专属样式，复用 styles.css 的设计变量 */

.guide-nav { display:flex; gap:20px; margin-bottom:28px; font-size:13px; }
.guide-nav a { color:var(--muted); text-decoration:none; font-weight:600; }
.guide-nav a:hover { color:var(--accent); }

/* —— 文章正文 —— */
.guide-article { }
.guide-article h1 { margin:0 0 28px; font-size:clamp(26px, 4.5vw, 38px); letter-spacing:-.02em; line-height:1.25; }
.guide-article h2 { margin:38px 0 14px; font-size:21px; letter-spacing:-.01em; line-height:1.35; }
.guide-article h3 { margin:26px 0 10px; font-size:17px; }
.guide-article p { margin:0 0 18px; color:#2f3843; font-size:16px; line-height:1.9; }
.guide-article ul, .guide-article ol { margin:0 0 18px; padding-left:22px; color:#2f3843; }
.guide-article li { margin:7px 0; font-size:16px; line-height:1.8; }
.guide-article strong { font-weight:700; color:var(--ink); }
.guide-article a { color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
.guide-article a:hover { color:#2345b6; }
.guide-article hr { margin:32px 0; border:0; border-top:1px solid var(--line); }
.guide-article blockquote { margin:0 0 18px; padding:12px 18px; border-left:3px solid var(--accent); background:var(--soft); color:#3d4651; }
.guide-article code { padding:2px 6px; border-radius:4px; background:rgba(0,0,0,.06); font-size:14px; }

/* —— 文章底部 CTA —— */
.guide-cta { margin:40px 0 8px; padding:28px; border-radius:10px; background:var(--accent-soft); text-align:center; }
.guide-cta p { margin:0 0 16px; font-size:16px; font-weight:600; color:var(--ink); }

/* —— 关于 MBTI 索引页 —— */
.guide-list { display:flex; flex-direction:column; gap:14px; margin-top:8px; }
.guide-card { display:block; padding:22px 24px; border:1px solid var(--line); border-radius:10px; background:#fff; text-decoration:none; transition:.2s ease; }
.guide-card:hover { border-color:#9eafe8; transform:translateY(-1px); box-shadow:0 4px 16px rgba(52,89,212,.08); }
.guide-card h2 { margin:0 0 8px; font-size:17px; line-height:1.4; color:var(--ink); }
.guide-card p { margin:0; font-size:14px; line-height:1.7; color:var(--muted); }

@media (max-width:560px) {
  .guide-article p, .guide-article li { font-size:15px; }
  .guide-cta { padding:24px 18px; }
  .guide-card { padding:18px 18px; }
}