|
|
| Line 152: |
Line 152: |
| font-size: 1em; | | font-size: 1em; |
| margin-bottom: 2em; | | margin-bottom: 2em; |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| body {
| |
| font-family: sans-serif;
| |
| font-size: 14px;
| |
| background-color: #f6f6f6;
| |
| margin: 0;
| |
| padding: 20px;
| |
| color: #000;
| |
| }
| |
|
| |
| .page {
| |
| display: grid;
| |
| grid-template-columns: 250px 1fr;
| |
| gap: 20px;
| |
| max-width: 1100px;
| |
| margin: auto;
| |
| }
| |
|
| |
| .article-title {
| |
| font-size: 26px;
| |
| margin: 0;
| |
| }
| |
|
| |
| .article-meta {
| |
| font-size: 12px;
| |
| color: #555;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| .toc {
| |
| background: white;
| |
| border: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| .toc-title {
| |
| background: #cedff2;
| |
| padding: 8px;
| |
| font-weight: bold;
| |
| border-bottom: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| .toc ol {
| |
| margin: 10px;
| |
| padding-left: 18px;
| |
| }
| |
|
| |
| .section {
| |
| background: white;
| |
| border: 1px solid #a2a9b1;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| .section-title {
| |
| background: #cedff2;
| |
| padding: 10px;
| |
| margin: 0;
| |
| font-size: 18px;
| |
| font-weight: bold;
| |
| border-bottom: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| .section-content {
| |
| padding: 15px;
| |
| }
| |
|
| |
| a {
| |
| color: #0645ad;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| a:hover {
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| .back-to-top {
| |
| display: block;
| |
| margin-top: 30px;
| |
| font-size: 12px;
| |
| color: #555;
| |
| } | | } |