#blog-banner{filter:saturate(20%)sepia(20%);width:100%;height:250px;position:relative;overflow:hidden}#blog-banner h1,#blog-banner h2{display:none}.blog{background:var(--blog-background);color:var(--blog-foreground);width:100%}.blog section{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:50px 0;display:flex}.blog h1{margin-bottom:20px;font-size:36px;font-weight:700}#top .post_item #divide{display:none}#all .post_item #divide{width:50vw}#divide{width:80vw}#top{max-width:90%!important}#top ul{flex-direction:row;gap:20px;padding:0;list-style:none;display:flex}#top ul li a{color:#fff;background-color:#aaa;border-radius:20px;flex-direction:column-reverse;width:380px;height:300px;text-decoration:none;transition:transform .2s ease-in-out;display:flex;overflow:hidden}#top img{object-fit:cover;height:300px}#top ul li a:hover{transform:scale(1.02)}#top ul li a:hover .post_info{height:inherit}#top ul li a .post_info{bottom:inherit;left:inherit;-webkit-backdrop-filter:saturate(150%)blur(.5em);backdrop-filter:saturate(150%)blur(.5em);background:#000000bf;border-radius:0 0 20px 20px;width:380px;height:80px;padding:10px 20px;transition:all .3s;position:absolute;overflow:hidden}#top ul li a .post_info h2{max-height:36px;margin:15px 0;overflow:hidden}#top h2{white-space:nowrap;text-overflow:ellipsis;font-size:24px;font-weight:700;position:relative;overflow:hidden}#top p{color:#ccc;font-size:16px}#top .post_date{display:none}#all #patch{top:inherit;left:inherit;text-align:center;color:#eee;-webkit-user-select:none;user-select:none;background:#6b0b0d;border-radius:50%;width:100px;height:50px;position:absolute;transform:translate(170px,-40px)rotate(10deg)}#all #patch p{margin:0;padding:0}#all ul li a{width:100%;height:100%;padding:20px;text-decoration:none;display:block}#all h2{white-space:nowrap;text-overflow:ellipsis;font-size:32px;font-weight:700;position:relative;overflow:hidden}#all .post_date{color:#aaa;height:48px;font-size:18px;line-height:48px}#all p{font-size:20px}#all img{object-fit:cover;border-radius:20px;width:90%;margin:0 auto}#post{padding:0}#post-cover{width:100%;height:200px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 80%,#0000004d 90%,#0000 100%);mask-image:linear-gradient(#000 0 80%,#0000004d 90%,#0000 100%)}#post-cover img{object-fit:cover;width:100%;height:100%}.content{width:100%;max-width:800px;margin:0 auto;padding:50px 20px}.content h1{text-align:center;margin-bottom:20px;font-size:32px;font-weight:700}.content h2{margin-top:30px;margin-bottom:15px;font-size:24px;font-weight:700}.content h3{margin-top:25px;margin-bottom:10px;font-size:20px;font-weight:700}.content h4{margin-top:20px;margin-bottom:10px;font-size:18px;font-weight:700}.content p{margin:10px 0;font-size:18px;line-height:1.6}.content p a{color:#3498db;transition:color .2s}.content p a:hover{color:#fc5531}.content blockquote{color:#666;border-left:4px solid #ccc;margin:10px 0;padding-left:15px;font-style:italic}.content ul{margin:10px 0 10px 20px;padding:0}.content ul li{margin:5px 0;font-size:18px;line-height:1.6}.content ul li:before{content:"•";width:1em;margin-left:-1em;display:inline-block}.content hr{border:none;border-top:2px solid #ccc;width:100%;margin:15px 0}.content img,.content video{border-radius:5px;max-width:calc(90% - 50px);height:auto;max-height:300px;margin:10px auto;display:block}.content pre{background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;width:90%;margin:0 auto 20px;padding:10px;overflow-x:auto}.content pre code{font-family:consolas,Courier New,Courier,monospace}.content pre code.language-text{font-family:Editorial New,FZFSJW;font-weight:400}#end{color:#aaa;margin:0;font-family:Vensfolk,Editorial New,Courier New,Courier,monospace}@media (min-width:1528px){.blog section{width:1528px}}@media (max-width:850px){.blog section{width:80%}#top ul{flex-direction:column}#divide{width:80vw}#all #patch{transform:translateY(-40px)rotate(10deg)}#all .post_date{display:none}#all .post_item{width:95vw}}