.article-content{max-width:800px;margin:0 auto;padding:120px 20px 44px}
.breadcrumb{font-size:.82rem;color:var(--text-3);margin-bottom:22px}
.breadcrumb a{color:var(--text-2)}.breadcrumb a:hover{color:var(--accent)}
.breadcrumb span{margin:0 6px}
.article-content h1{font-size:1.8rem;margin-bottom:12px;line-height:1.3}
@media(min-width:1024px){.article-content h1{font-size:2.1rem}}
.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}
.article-body{font-size:1rem;color:var(--text-2);line-height:1.9}
.article-body h2{font-size:1.35rem;margin:28px 0 10px;color:var(--text-1)}
.article-body h3{font-size:1.15rem;margin:22px 0 10px;color:var(--text-1)}
.article-body p{margin-bottom:12px}
.article-body img{border-radius:var(--radius);margin:20px 0}
.article-body a{color:var(--accent);text-decoration:underline}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0;border-top:1px solid var(--border);margin-top:28px}
.article-tags .tag{display:inline-block;padding:4px 14px;font-size:.72rem;font-weight:500;color:var(--accent);background:rgba(15,103,255,.06);border-radius:var(--radius-full);transition:all .15s}
.article-tags .tag:hover{background:var(--accent);color:#fff}
.article-related{padding:22px 0;border-top:1px solid var(--border)}
.article-related h3{font-size:1rem;margin-bottom:10px}
.article-related ul{display:flex;flex-direction:column;gap:6px}
.article-related a{font-size:.85rem;color:var(--text-3)}.article-related a:hover{color:var(--accent)}
/* 同类相关阅读(动态生成) */
.article-related-list{padding:24px 0;border-top:1px solid var(--border)}
.article-related-list h3{font-size:1rem;margin-bottom:14px}
.article-related-list ul{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}
.article-related-list li{padding:0}
.article-related-list a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);text-decoration:none;color:var(--text-1);transition:all .15s}
.article-related-list a:hover{border-color:var(--accent);color:var(--accent);transform:translateX(2px)}
.article-related-list .related-title{font-size:.9rem;font-weight:500;flex:1;line-height:1.5}
.article-related-list .related-date{font-size:.78rem;color:var(--text-3);flex-shrink:0;font-variant-numeric:tabular-nums}
@media(max-width:480px){
    .article-related-list a{flex-direction:column;align-items:flex-start;gap:4px}
    .article-related-list .related-title{font-size:.85rem}
}
.article-nav{padding:22px 0;border-top:1px solid var(--border)}
.article-nav a{font-size:.85rem;color:var(--text-3);display:inline-flex;align-items:center;gap:6px}
.article-nav a:hover{color:var(--accent)}