/* 右侧内容 */
.doc-content { background: var(--white); border-radius: 24px; padding: 48px; border: 1px solid var(--border-color); box-shadow: var(--shadow); }
h1 { font-size: 2.2rem; margin-bottom: 16px; letter-spacing: -1px; }
h2 { font-size: 1.6rem; margin-top: 40px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--bg-page); }
h3 { margin-top: 24px; margin-bottom: 12px; color: var(--primary); }
p { margin-bottom: 16px; color: var(--text-main); }

/* 步骤条样式 */
.step-box { background: var(--bg-page); border-radius: 16px; padding: 24px; margin: 20px 0; border-left: 4px solid var(--primary); }
.step-num { display: inline-block; width: 24px; height: 24px; background: var(--primary); color: #fff; border-radius: 50%; text-align: center; line-height: 24px; font-size: 0.8rem; font-weight: 700; margin-right: 10px; }

/* 代码/命令样式 */
code { background: #f1f5f9; padding: 2px 6px; border-radius: 4px; font-family: 'Fira Code', monospace; font-size: 0.9em; color: var(--error); }
pre { background: #0f172a; color: #cbd5e1; padding: 20px; border-radius: 12px; overflow-x: auto; margin: 16px 0; font-family: 'Fira Code', monospace; font-size: 0.85rem; }

/* 提示框 */
.alert { padding: 16px 20px; border-radius: 12px; margin: 20px 0; font-size: 0.95rem; }
.alert-info { background: var(--primary-light); color: var(--primary); border: 1px solid rgba(37, 99, 235, 0.1); }
.alert-warning { background: #fffbeb; color: #b45309; border: 1px solid #fef3c7; }

/* --- 响应式 --- */
@media (max-width: 768px) {
    .hero h1 { font-size: 2.2rem; }
    .footer-grid { grid-template-columns: 1fr; text-align: center; }
    .sidebar { display: none; }
}