.article-detail{flex:1;min-width:0;max-width:860px}.detail-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:#999;margin-bottom:32px}.detail-breadcrumb a{color:#999}.detail-breadcrumb a:hover{color:#2f54eb}.detail-header{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid #e9e9e9}.detail-title{font-size:28px;font-weight:700;line-height:1.4;color:#1f2329;margin-bottom:12px}.detail-summary{font-size:15px;color:#595959;line-height:1.7;margin-bottom:16px}.detail-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#bbb;margin-bottom:16px}.detail-meta .dot{color:#ddd}.detail-author{color:#595959}.detail-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.detail-tags-label{font-size:13px;color:#999}.detail-tag{display:inline-block;padding:3px 12px;border:1px solid #d6e4ff;border-radius:12px;font-size:12px;color:#2f54eb;background:#f0f5ff;transition:all .2s}.detail-tag:hover{background:#2f54eb;color:#fff;border-color:#2f54eb}.detail-content{font-size:16px;line-height:1.9;color:#333}.detail-content h2{font-size:22px;font-weight:600;margin:36px 0 16px;color:#1f2329}.detail-content h3{font-size:18px;font-weight:600;margin:28px 0 12px;color:#1f2329}.detail-content p{margin-bottom:18px}.detail-content img{max-width:100%;border-radius:6px;margin:16px 0}.detail-content ol,.detail-content ul{padding-left:24px;margin-bottom:18px}.detail-content ol li,.detail-content ul li{list-style:disc;margin-bottom:6px}.detail-content ol li{list-style:decimal}.detail-content blockquote{border-left:4px solid #2f54eb;padding:12px 20px;margin:24px 0;background:#f7f9ff;color:#595959;border-radius:0 6px 6px 0}.detail-content code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:14px;font-family:monospace}.detail-content pre{background:#1e1e1e;color:#d4d4d4;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.detail-content pre code{background:none;padding:0;color:inherit}.detail-content a{color:#2f54eb;text-decoration:underline}.detail-content a:hover{opacity:.8}