html,body{margin:0;padding:0;width:100%;font-family:sans-serif}.home-box{margin-top:5em;text-align:center}.home-box .name{font-size:3em;margin:0;margin-bottom:0.6em}.home-box .name .pseudo{font-size:0.7em;margin:0}.home-box .desc{font-size:1.4em;margin:auto;max-width:600px;padding:1em}.home-box .links{padding:0;margin-top:3em;margin-bottom:5em}.home-box .links a{text-decoration:none}.home-box .links li{display:inline;font-size:2em;padding:0.4em}.home-box .links abbr{text-decoration:none}.home-box .links .icon{height:1.2em}.home-box .links .link-icon-desc{display:none}.content{margin:auto;padding:1em;max-width:700px}.content .title{font-size:2.2em}.content .post-list{padding:0}.content .post-list li{display:block}.content .post-list li a{text-decoration:none}.content .post-list li a:hover h2{text-decoration:underline}.content .post-list li .post-title{margin-top:1em;margin-bottom:0;font-size:1.6}.content .post-list li .post-publish-date{font-size:0.9em}.content{padding-top:0}.post .title{margin-bottom:0}.post .publish-date{font-size:0.9em}.post .post-content{margin-top:1.4em}.post .post-content pre{font-family:monospace;padding:0.5em 0.7em;border-radius:0.3em;font-size:1em;overflow:auto}.post .post-content p code,.post .post-content ul code{font-family:monospace;border-radius:0.2em;padding:0.2em 0.30em}.post .post-content p{line-height:1.4em;font-size:1em;margin-top:0.6em;margin-bottom:0.6em}.post .post-content h2{margin-top:1.2em;margin-bottom:0}.post .post-content h3{margin-bottom:0}.post .post-content sup,.post .post-content sub{vertical-align:baseline;position:relative}.post .post-content sup{top:-0.4em}.post .post-content sub{top:0.4em}.post .post-content img{max-width:100%;height:auto;border-radius:0.2em}.post-footer{margin-top:3em;display:grid;grid-template-columns:auto auto;gap:5px}.post-footer .previous{text-align:left}.post-footer .next{text-align:right}.post-footer .symbol{font-weight:bold}.post-footer.only-one{grid-template-columns:auto}.blog-name{text-align:center;padding:0.75em;font-size:1.6em}.blog-name a{text-decoration:none}.blog-name a:hover{text-decoration:underline}@media screen and (max-width: 420px){.blog-name .blog-name-sep{display:none}.blog-name .blog-link{font-size:0.8em;display:block}.post-footer{grid-template-columns:auto}}body,html{background-color:#f5f8fe;color:#323632}a{color:#1c201c}.home-box .desc{color:#525552}.home-box .links a:link,.home-box .links a:visited{color:#1c201c}.home-box .links a:hover{color:#000}.content .post-list li .post-title{color:#6c5b4e}.post h1{color:#ff710e}.post h2{color:#6c5b4e}.post h3{color:#6c5b4e}.post h4{color:#6c5b4e}.post h5{color:#6c5b4e}.post .post-content p code,.post .post-content ul code{background-color:#dae1ed}.blog-name{background-color:#f5f8fe;border-bottom:1px solid #7c7c7c}@media (prefers-color-scheme: dark){body,html{background-color:#121412;color:#ccd4e2}a{color:#ccd4e2}.home-box .desc{color:#a2aab7}.home-box .links a:link,.home-box .links a:visited{color:#ccd4e2}.home-box .links a:hover{color:#fff}.content .post-list li .post-title{color:#c4bab9}.post h1{color:#ff8b3a}.post h2{color:#c4bab9}.post h3{color:#c4bab9}.post h4{color:#c4bab9}.post h5{color:#c4bab9}.post .post-content p code,.post .post-content ul code{background-color:#2b303b}.blog-name{background-color:#121412;border-bottom:1px solid #7c7c7c}}.home-box .links a{transition:color 0.3s}.box-404{text-align:center;margin-top:5em;padding:0.5em}.box-404 .icon-404{font-size:7em}.box-404 .desc-404{font-size:1.3em}.box-404 .title-404-code{margin-top:0em;font-size:13em;font-family:monospace}.box-404 .title-404{margin-top:0em;font-size:2.5em;font-family:monospace}