/* 长尾词文章页样式 */
.article { padding: 32px 0 80px; }
.article .breadcrumb { font-size: 13px; color: var(--muted, #8b93a6); margin-bottom: 16px; }
.article .breadcrumb a { color: inherit; text-decoration: none; }
.article .breadcrumb a:hover { color: var(--brand, #7c3aed); }
.article h1 { font-size: 32px; margin: 8px 0 12px; line-height: 1.3; }
.article h2 { font-size: 22px; margin: 40px 0 12px; padding-left: 12px; border-left: 4px solid var(--brand, #7c3aed); }
.article .lead { font-size: 17px; color: var(--muted, #8b93a6); line-height: 1.7; margin-bottom: 24px; }
.article .steps { line-height: 2; padding-left: 22px; }
.article .steps li { margin-bottom: 8px; }
.article ul { line-height: 2; padding-left: 22px; }
.article details { margin: 10px 0; padding: 12px 16px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; }
.article details summary { cursor: pointer; font-weight: 600; }
.article details p { margin: 8px 0 0; color: var(--muted, #8b93a6); }
.article table.cmp { width: 100%; border-collapse: collapse; margin: 16px 0; }
.article table.cmp th, .article table.cmp td { padding: 10px 12px; border: 1px solid rgba(255,255,255,0.1); text-align: left; }
.article table.cmp th { background: rgba(255,255,255,0.04); }
.article code { padding: 2px 6px; background: rgba(255,255,255,0.06); border-radius: 4px; font-size: 90%; }
.article .cta {
    display: inline-block; margin: 20px 0; padding: 12px 24px;
    background: linear-gradient(135deg, #7c3aed, #a855f7); color: #fff;
    text-decoration: none; border-radius: 999px; font-weight: 600;
    box-shadow: 0 8px 24px rgba(124,58,237,0.4);
}
.article .cta:hover { transform: translateY(-1px); }
.article .cta-bottom { text-align: center; margin-top: 40px; }
.article .note { font-size: 14px; color: var(--muted, #8b93a6); margin: 8px 0 0; padding: 10px 14px; background: rgba(124,58,237,0.06); border-left: 3px solid var(--brand, #7c3aed); border-radius: 6px; }