*{margin:0;padding:0;box-sizing:border-box}
/* 文章布局样式类(2026-08-05 内联→类迁移, 支持移动端自适应) */
.article-layout{max-width:1200px;margin:32px auto;padding:0 24px;display:flex;gap:32px;position:relative;z-index:1;align-items:flex-start}
.article-main{flex:1;min-width:0}
.article-title{font-size:1.6rem;color:#F3F4F6;margin:0 0 12px;line-height:1.4}
.article-meta{color:#6B7280;font-size:.85rem;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:12px}
.article-meta a{color:#2563eb;text-decoration:none}
#article-content{color:#E5E7EB;font-size:.95rem;line-height:1.85;overflow-wrap:break-word;word-break:break-word}
#article-content img{max-width:100%;height:auto}
#article-content table{max-width:100%;overflow-x:auto;display:block}
#article-content pre{white-space:pre-wrap;word-break:break-all}
.article-sidebar{width:300px;flex-shrink:0;position:sticky;top:80px}
.article-sidebar > *{min-width:0;max-width:100%}
.article-sidebar h4{overflow-wrap:break-word}
.article-prevnext{display:flex;justify-content:space-between;margin-top:32px;padding-top:20px;border-top:1px solid rgba(37,99,235,.1);gap:16px}
.article-prevnext a{color:#2563eb;max-width:48%;text-decoration:none}
.article-prevnext a.next{text-align:right}
.article-related{margin-top:28px}
.article-related h3{color:#F3F4F6;font-size:1rem;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(37,99,235,.1)}
.article-related-item{display:flex;justify-content:space-between;padding:10px 12px;color:#9CA3AF;border-bottom:1px solid rgba(37,99,235,.05);border-radius:6px;transition:all .15s;text-decoration:none}
.article-related-item:hover{background:rgba(37,99,235,.04);color:#2563eb}
.article-related-item .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-related-item .d{color:#4B5563;font-size:.8rem;margin-left:12px;flex-shrink:0}
.sb-card{background:rgba(7,20,40,.78);border:1px solid rgba(37,99,235,.1);border-radius:12px;padding:20px;margin-bottom:16px;min-width:0;overflow:hidden}
.sb-card h4{font-size:.92rem;color:#F3F4F6;margin:0 0 8px}
.sb-card h4.bd{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(37,99,235,.1)}
.sb-back{display:inline-block;font-size:.82rem;color:#2563eb;margin-top:4px;text-decoration:none}
.sb-link{display:block;padding:7px 0;font-size:.83rem;color:#9CA3AF;border-bottom:1px solid rgba(37,99,235,.05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s;text-decoration:none;max-width:100%;min-width:0}
.sb-link:hover{color:#2563eb}
.sb-tool{display:block;padding:5px 0;font-size:.82rem;color:#6B7280;text-decoration:none;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-tool:hover{color:#2563eb}
/* 响应式断点 */
@media(max-width:1024px){
  .article-layout{gap:24px}
  .article-sidebar{width:260px}
}
@media(max-width:900px){
  .article-layout{flex-direction:column;padding:0 20px}
  .article-main{width:100%;min-width:0}
  .article-sidebar{width:100%;position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
  .article-sidebar .sb-card{margin-bottom:0}
}
@media(max-width:640px){
  .article-layout{padding:0 16px;margin:20px auto}
  .article-main{width:100%;min-width:0}
  .article-title{font-size:1.3rem}
  #article-content{font-size:.92rem;line-height:1.8;overflow-wrap:break-word;word-break:break-word}
  .article-sidebar{grid-template-columns:minmax(0,1fr)}
  .article-meta{font-size:.8rem;gap:8px}
  .article-prevnext{flex-direction:column}
  .article-prevnext a{max-width:100%}
  .article-prevnext a.next{text-align:left}
  .sb-card{padding:16px}
}
@media(max-width:480px){
  .article-layout{padding:0 12px}
  .article-title{font-size:1.15rem}
  #article-content{font-size:.9rem}
}
body{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
a{text-decoration:none}
.article-sidebar a:hover{color:#2563eb!important;padding-left:2px}
#article-content img{max-width:100%;border-radius:8px;margin:16px 0}
#article-content h2{font-size:1.2rem;color:#F3F4F6;margin:24px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(37,99,235,.15)}
#article-content h3{font-size:1.05rem;color:#D1D5DB;margin:20px 0 8px}
#article-content h4{font-size:.95rem;color:#9CA3AF;margin:16px 0 6px}
#article-content p{margin-bottom:14px}
#article-content ul,#article-content ol{padding-left:24px;margin-bottom:14px}
#article-content li{margin-bottom:6px}
#article-content figure{margin:16px 0}
#article-content figcaption{font-size:.8rem;color:#6B7280;text-align:center;margin-top:4px}
#article-content code{background:rgba(37,99,235,.08);padding:2px 6px;border-radius:4px;font-size:.88em}
#article-content pre{background:rgba(7,20,40,.78);border:1px solid rgba(37,99,235,.1);border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:14px}
#article-content pre code{background:transparent;padding:0}
#article-content blockquote{border-left:3px solid #2563eb;padding:8px 16px;margin:14px 0;background:rgba(37,99,235,.03);color:#9CA3AF}
#article-content a{color:#2563eb;text-decoration:underline}
#article-content table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.88rem}
#article-content th,#article-content td{padding:8px 12px;border:1px solid rgba(37,99,235,.15);text-align:left}
#article-content th{background:rgba(37,99,235,.06);color:#F3F4F6}
@media(max-width:900px){
  .article-layout{flex-direction:column}
  .article-sidebar{width:100%;position:static}
}
@media(max-width:640px){
  .article-layout{padding:0 16px}
}
/* 图片点击放大 lightbox（百度移动落地页规范：可点击看大图/缩放/拖拽） */
#article-content img{cursor:zoom-in}
.dna-lb{position:fixed;inset:0;z-index:99999;background:rgba(2,8,18,.95);display:none;align-items:center;justify-content:center;flex-direction:column;touch-action:none}
.dna-lb.open{display:flex}
.dna-lb img{max-width:92vw;max-height:84vh;border-radius:8px;box-shadow:0 0 40px rgba(37,99,235,.15);transform-origin:center;transition:transform .18s ease;user-select:none;-webkit-user-drag:none}
.dna-lb .lb-cap{color:#9CA3AF;font-size:.82rem;margin-top:12px;max-width:90vw;text-align:center}
.dna-lb .lb-close{position:fixed;top:16px;right:20px;color:#D1D5DB;font-size:2rem;cursor:pointer;line-height:1;background:none;border:none;padding:8px;z-index:2}
.dna-lb .lb-hint{color:#4B5563;font-size:.75rem;margin-top:8px}
/* 文章署名块(2026-08-29 采集外链-延伸阅读) */
.article-source-note{margin-top:28px;padding-top:14px;border-top:1px solid rgba(37,99,235,.15)}
.article-source-note p{margin:0;font-size:13px;color:#9CA3AF;line-height:1.8}
.article-source-note a{color:#2563eb;text-decoration:none}
.article-source-note a:hover{text-decoration:underline}