:root{--primary:#2563eb;--text:#1f2937;--bg:#f9fafb;--border:#e5e7eb}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.8}
.container{max-width:860px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:40px 0;text-align:center}
header h1{font-size:28px;margin-bottom:8px}
header p{opacity:.9;font-size:15px}
nav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
nav .container{display:flex;gap:24px;padding:12px 20px}
nav a{color:var(--text);text-decoration:none;font-size:14px;font-weight:500}
nav a:hover{color:var(--primary)}
.section-title{margin:40px 0 20px;text-align:center}
.section-title h2{font-size:22px}
.section-title p{color:#6b7280;font-size:14px;margin-top:4px}
.article-list{display:grid;gap:20px}
.article-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:24px;transition:.2s}
.article-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px)}
.article-card h2 a{color:var(--text);text-decoration:none;font-size:18px}
.article-card h2 a:hover{color:var(--primary)}
.article-card .meta{color:#6b7280;font-size:13px;margin:8px 0}
.article-card .summary{color:#4b5563;font-size:14px}
.article-page{padding:40px 20px}
.article-page h1{font-size:26px;margin-bottom:12px}
.article-page .meta{color:#6b7280;font-size:14px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.article-body h2{font-size:20px;margin:32px 0 16px;padding-left:12px;border-left:4px solid var(--primary)}
.article-body h3{font-size:17px;margin:24px 0 12px}
.article-body p{margin:16px 0;color:#374151}
.article-body ul,.article-body ol{margin:16px 0;padding-left:28px}
.article-body li{margin:8px 0}
.article-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.article-body th,.article-body td{border:1px solid var(--border);padding:10px 12px;text-align:left}
.article-body th{background:#eff6ff;color:var(--primary);font-weight:600}
.article-body strong{color:var(--primary)}
.tags{margin-top:30px;display:flex;gap:8px;flex-wrap:wrap}
.tags span{background:#eff6ff;color:var(--primary);padding:4px 12px;border-radius:20px;font-size:13px}
footer{background:#1f2937;color:#9ca3af;padding:30px 0;margin-top:60px;text-align:center;font-size:14px}
footer a{color:#d1d5db;text-decoration:none}
.copyright{margin:0}

/* ===== v3：多模态封面 + FAQ + 知识图谱相关阅读 ===== */
.article-cover{height:150px;border-radius:12px;margin:0 0 22px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#2563eb,#7c3aed)}
.article-cover[data-cat="AI"]{background:linear-gradient(135deg,#2563eb,#06b6d4)}
.article-cover[data-cat="副业"]{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.article-cover[data-cat="理财"]{background:linear-gradient(135deg,#10b981,#059669)}
.article-cover[data-cat="育儿"]{background:linear-gradient(135deg,#ec4899,#f472b6)}
.article-cover[data-cat="健康"]{background:linear-gradient(135deg,#14b8a6,#22c55e)}
.article-cover .cover-cat{position:absolute;top:16px;left:20px;background:rgba(255,255,255,.22);
  color:#fff;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600;backdrop-filter:blur(4px)}
.article-h1{font-size:26px;margin:0 0 12px;line-height:1.4}
.article-page .meta{border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:24px}
.faq-box{margin:36px 0;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:22px 24px}
.faq-box h2{font-size:19px;margin-bottom:14px;color:#0369a1}
.faq-item{margin:12px 0;padding-bottom:12px;border-bottom:1px dashed #bae6fd}
.faq-item:last-child{border-bottom:none;padding-bottom:0}
.faq-item h3{font-size:16px;color:#0c4a6e;margin-bottom:6px}
.faq-item p{color:#475569;font-size:14px;margin:0}
.related-box{margin:36px 0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px 24px}
.related-box h2{font-size:19px;margin-bottom:14px}
.related-list{list-style:none;padding:0;display:grid;gap:10px}
.related-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:11px 16px;background:#f8fafc;border-radius:8px}
.related-list a{color:var(--text);text-decoration:none;font-size:14px;font-weight:500}
.related-list a:hover{color:var(--primary)}
.rel-src{color:#94a3b8;font-size:12px;white-space:nowrap}