| .help-page-wrapper { |
| min-height: 100vh; |
| background-color: #fff7e6; /* 淡橙色背景 */ |
| padding: 3rem 1rem; /* 上下3rem，左右1rem */ |
| box-sizing: border-box; |
| } |
| |
| .help-container { |
| max-width: 960px; /* 大约是4xl宽度 */ |
| margin: 0 auto; |
| background: white; |
| border: 4px solid black; |
| border-radius: 0.5rem; |
| box-shadow: 0 0 10px rgb(0 0 0 / 0.1); |
| padding: 2rem; |
| box-sizing: border-box; |
| } |
| |
| .help-title { |
| font-size: 2rem; |
| font-weight: 700; |
| text-align: center; |
| margin-bottom: 1.5rem; |
| border-bottom: 2px solid black; |
| padding-bottom: 1rem; |
| } |
| |
| .help-content { |
| max-width: none; /* 让内容最大宽度不限制 */ |
| margin: 0 auto; |
| padding: 0 2rem; /* 左右边距2rem */ |
| box-sizing: border-box; |
| } |
| |
| /* markdown 内容排版，配合 rehype-highlight 样式 */ |
| .help-content p { |
| margin: 1rem 0; |
| line-height: 1.6; |
| } |
| |
| .help-content h1 { |
| font-size: 1.5rem; |
| margin: 2rem 0 1rem; |
| font-weight: 700; |
| border-bottom: 1px solid #ccc; |
| padding-bottom: 0.5rem; |
| } |
| |
| .help-content h2 { |
| font-size: 1.25rem; |
| margin: 1.5rem 0 1rem; |
| font-weight: 600; |
| } |
| |
| .help-content code { |
| background-color: #f3f4f6; |
| padding: 0.2rem 0.4rem; |
| border-radius: 0.25rem; |
| font-family: monospace; |
| font-size: 0.9rem; |
| } |
| |
| .help-content pre { |
| background-color: #f3f4f6; |
| padding: 1rem; |
| border-radius: 0.5rem; |
| overflow-x: auto; |
| margin: 1rem 0; |
| border: 1px solid #d1d5db; |
| } |
| |
| .help-content blockquote { |
| border-left: 4px solid #9ca3af; |
| padding-left: 1rem; |
| font-style: italic; |
| color: #6b7280; |
| margin: 1rem 0; |
| } |