/* MacCleaner 官网帮助页样式（依赖 styles.css 的设计变量） */

.help-hero {
  background: linear-gradient(135deg, #34C759, #00C7BE);
  color: #fff; padding: 64px 0;
}
.help-hero h1 { font-size: 40px; font-weight: 800; letter-spacing: -0.5px; }
.help-hero p { font-size: 17px; opacity: 0.92; margin-top: 10px; }

.help-body { padding: 48px 0 80px; }
.help-layout { display: grid; grid-template-columns: 240px 1fr; gap: 48px; }

/* 左侧目录 */
.help-toc { position: sticky; top: 80px; align-self: start; }
.help-toc h3 { font-size: 14px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 12px; }
.help-toc ul { list-style: none; }
.help-toc li { margin: 4px 0; }
.help-toc a { color: var(--text-secondary); text-decoration: none; font-size: 15px; display: block; padding: 5px 10px; border-radius: 8px; }
.help-toc a:hover { color: var(--text); background: var(--bg-alt); }

/* 右侧内容 */
.help-content section { margin-bottom: 44px; scroll-margin-top: 80px; }
.help-content h2 { font-size: 26px; font-weight: 700; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #EFEFF1; }
.help-content h3 { font-size: 18px; margin: 18px 0 8px; }
.help-content p, .help-content li { font-size: 15px; color: #333; }
.help-content ul, .help-content ol { padding-left: 22px; margin: 10px 0; }
.help-content li { margin: 6px 0; }
.help-content .tip {
  background: #EFFBF1; border-left: 4px solid #34C759; padding: 12px 16px; border-radius: 8px; margin: 14px 0;
}
.help-content .warn {
  background: #FFF7EB; border-left: 4px solid #FF9500; padding: 12px 16px; border-radius: 8px; margin: 14px 0;
}

@media (max-width: 900px) {
  .help-layout { grid-template-columns: 1fr; }
  .help-toc { position: static; }
}