.main-article{margin:20px auto 40px;max-width:calc(100% - 32px);width:804px}.main-article h1{font-size:30px;font-weight:var(--font-bold);padding:17px 0}.main-article p{font-size:16px;line-height:24px;margin-bottom:10px}.main-article.index p{margin-bottom:17px}.main-article h2{font-size:24px;font-weight:var(--font-bold);padding:17px 0}.main-article h3{font-size:20px;font-weight:var(--font-bold);padding:10px 0}.main-article ul{background-color:var(---bg-body);list-style-type:disc;margin:0 20px 10px;padding:0}.main-article.index ul{background-color:var(--bg-main-header);list-style-type:disc;margin:0 20px 17px;padding:20px 20px 20px 40px}.main-article ul>li{padding:4px 0}.main-article.index ul>li{padding:6px}.main-article a{color:var(--primary-color)}.main-article a:hover{text-decoration:underline}@media screen and (max-width:768px){.main-article{line-height:1.2;margin:10px auto 40px}.main-article h1{font-size:24px;margin:0;padding:14px 0}.main-article h2{font-size:18px;margin:0;padding:14px 0}.main-article p{margin-bottom:14px}.main-article ul{padding:0}.main-article.index ul{padding:14px 14px 14px 30px}.main-article ul>li{padding:4px 0}.main-article.index ul>li{padding:4px}}.main-article .code-block{background-color:var(--bg-main-header);border-radius:8px;font-size:14px;overflow-x:auto;padding:16px;position:relative}.main-article .code-block code{display:block;white-space:pre;white-space:pre-wrap;word-break:break-word}.main-article .copy-button{background:#2d2d2d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;opacity:.6;padding:3px 6px;position:absolute;right:5px;top:5px;transition:opacity .2s}.main-article .copy-button:hover{opacity:1}.main-article ol{list-style-type:decimal;margin-left:1.25rem}.main-article iframe{aspect-ratio:16/9;display:block;height:auto;margin-bottom:8px;max-width:100%;width:560px}.main-article img{margin:16px 0;max-width:100%;-o-object-fit:contain;object-fit:contain}:root[data-theme=dark] .main-article p,:root[data-theme=dark] .main-article ul{color:#d1d1d1}