.breadcrumb{max-width:900px;margin:0 auto;padding:20px}.breadcrumb a{color:#666;text-decoration:none;font-size:12px}.breadcrumb a:hover{color:#5e97d8}.breadcrumb span{color:#666;margin:0 8px}.breadcrumb-current{color:#999;font-size:12px}.article-header{max-width:900px;margin:0 auto;padding:0 20px 30px;border-bottom:1px solid #3a3a3a}.article-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(236,72,153,.15),rgba(139,92,246,.15));border:1px solid rgba(251,191,36,.3);padding:5px 12px;border-radius:4px;font-size:12px;font-weight:600;color:#fbbf24;margin-bottom:14px}.article-header h1{font-size:20px;font-weight:600;margin-bottom:10px;line-height:1.3}.article-subtitle{font-size:13px;color:#999;margin-bottom:16px}.article-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.article-meta-item{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.article-meta-item svg{width:16px;height:16px}.toc{max-width:900px;margin:0 auto;padding:20px}.toc-card{background:#232220;border:1px solid #3a3a3a;border-radius:6px;padding:18px}.toc-title{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.toc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px}.toc-list a{color:#ccc;text-decoration:none;font-size:13px;padding:8px 10px;border-radius:4px;display:flex;align-items:center;gap:6px}.toc-list a:hover{background:rgba(94,151,216,.1);color:#5e97d8}.toc-list a:before{content:"#";color:#666;font-weight:600}.article-content{max-width:900px;margin:0 auto;padding:30px 20px}.article-content h2{font-size:18px;font-weight:600;margin:40px 0 16px;padding-top:24px;border-top:1px solid #3a3a3a;display:flex;align-items:center;gap:10px}.article-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.article-content h3{font-size:15px;font-weight:600;margin:28px 0 12px}.article-content h4{font-size:14px;font-weight:600;margin:20px 0 10px;color:#d4af37}.article-content p{margin-bottom:14px;color:#999;font-size:13px;line-height:1.6}.article-content strong{color:#ddd;font-weight:600}.article-content ol,.article-content ul{margin-bottom:14px;padding-left:20px}.article-content li{margin-bottom:6px;color:#999;font-size:13px;line-height:1.6}.article-content a{color:#5e97d8;text-decoration:none}.info-box{background:#232220;border:1px solid #3a3a3a;border-radius:6px;padding:16px 18px;margin:20px 0}.info-box.tip{border-left:3px solid #d4af37}.info-box.warning{border-left:3px solid #f0ad4e}.info-box.important{border-left:3px solid #3b82f6}.info-box-title{font-size:13px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.info-box p{margin-bottom:0;font-size:13px}.table-wrapper{overflow-x:auto;margin:24px 0;border:1px solid #3a3a3a;border-radius:6px}.table-wrapper table{width:100%;border-collapse:collapse;font-size:13px}.table-wrapper td,.table-wrapper th{padding:12px 14px;text-align:left;border-bottom:1px solid #3a3a3a}.table-wrapper th{background:#333;font-weight:600;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.table-wrapper td{background:#2a2a2a;color:#ccc}.table-wrapper tr:last-child td{border-bottom:none}.table-wrapper tr:hover td{background:#333}.table-wrapper code{background:#1a1a1a;padding:2px 6px;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:12px;color:#d4af37}.value-positive{color:#22c55e;font-weight:600}.fade-gradient{height:20px;border-radius:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899 50%,#fbbf24)}.article-nav{max-width:900px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #3a3a3a}.article-nav a{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;text-decoration:none;color:#ccc;flex:1;max-width:300px}.article-nav a:hover{border-color:#5e97d8;color:#fff}.article-nav a:first-child{margin-right:auto}.article-nav a:last-child{margin-left:auto;text-align:right;flex-direction:row-reverse}.article-nav-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.3px}.article-nav-title{font-weight:600;font-size:13px}@media (max-width:768px){.article-header h1{font-size:18px}.toc-list{grid-template-columns:1fr}.article-nav{flex-direction:column}.article-nav a{max-width:100%}}