/* 文章详情页专用样式 */
.article-content h2{color:#1a202c;border-left:4px solid #4299e1;padding-left:1rem;margin-top:2.5rem;margin-bottom:1.5rem;font-size:2rem}
.article-content h3{color:#2d3748;margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}
.step-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin:1.5rem 0}
.step-number{display:inline-block;background:#4299e1;color:#fff;width:28px;height:28px;border-radius:50%;text-align:center;line-height:28px;font-weight:700;margin-right:10px}
.tip-box{background:#e6fffa;border-left:4px solid #38b2ac;padding:1rem 1.5rem;margin:1.5rem 0}
.warning-box{background:#fff5f5;border-left:4px solid #f56565;padding:1rem 1.5rem;margin:1.5rem 0}
.code-block{background:#2d3748;color:#e2e8f0;padding:1.5rem;border-radius:6px;overflow-x:auto;font-family:'Courier New',monospace;margin:1.5rem 0}
.article-meta{color:#718096;font-size:.9rem;border-bottom:1px solid #e2e8f0;padding-bottom:1.5rem;margin-bottom:2rem}
.article-navigation{display:flex;justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:2rem;margin-top:3rem}

.hardware-box{background:#fffaf0;border:1px solid #feebc8;border-radius:8px;padding:1.5rem;margin:1.5rem 0}

.streaming-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:1.5rem;margin:1.5rem 0}
.resolution-table{width:100%;border-collapse:collapse;margin:1.5rem 0}
.resolution-table td,.resolution-table th{border:1px solid #e2e8f0;padding:.75rem;text-align:left}
.resolution-table th{background-color:#f7fafc;font-weight:600}
.resolution-table tr:nth-child(2n){background-color:#f8fafc}

.review-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1.5rem;margin:1.5rem 0}
.performance-table{width:100%;border-collapse:collapse;margin:1.5rem 0}
.performance-table td,.performance-table th{border:1px solid #e2e8f0;padding:.75rem;text-align:center}
.performance-table th{background-color:#f7fafc;font-weight:600}
.performance-table tr:nth-child(2n){background-color:#f8fafc}
.latency-good{color:#10b981;font-weight:700}
.latency-fair{color:#f59e0b;font-weight:700}
.latency-poor{color:#ef4444;font-weight:700}
.rating-stars{color:#fbbf24;font-size:1.2rem}
.data-summary{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0}
.data-item{flex:1;min-width:150px;text-align:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}
.data-value{font-size:2rem;font-weight:700;color:#3b82f6}
.data-label{font-size:.9rem;color:#6b7280}