#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 120px}.content h1{text-align:center;margin-bottom:20px;font-size:32px;font-weight:700}.content h2{margin-top:100px;margin-bottom:15px;font-size:24px;font-weight:700}.content h3{margin-top:60px;margin-bottom:10px;font-size:20px;font-weight:700}.content h4{margin-top:35px;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:50px 0}.content img,.content video{border-radius:5px;max-width:calc(90% - 50px);height:auto;max-height:300px;margin:20px auto 10px;display:block}.content p:has(>img~img){flex-flow:wrap;justify-content:center;align-items:flex-start;gap:12px;display:flex}.content p:has(>img~img) img{max-width:calc(50% - 6px);margin:0;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}.code-block-wrapper{width:90%;margin:0 auto 20px}.code-block-wrapper pre{width:100%;margin:0}.copy-button{color:#666;cursor:pointer;opacity:0;pointer-events:none;background:#ffffffd9;border:1px solid #ddd;border-radius:4px;padding:4px 12px;font-family:inherit;font-size:13px;transition:opacity .2s,color .2s,border-color .2s;position:absolute;top:8px;right:8px}.code-block-wrapper:hover .copy-button{opacity:1;pointer-events:auto}.copy-button:hover{color:#333;border-color:#999}.copy-button.copied{color:#22c55e;opacity:1;pointer-events:auto;border-color:#22c55e}.copy-button.fading-out{pointer-events:none;transition:opacity .5s;opacity:0!important}.content table{border-collapse:collapse;width:90%;margin:0 auto 20px;font-size:15px}.content thead{background:#f4f4f4}.content th,.content td{text-align:left;border:1px solid #ddd;padding:10px 14px}.content th{font-weight:600}.content tr:nth-child(2n) td{background:#fafafa}#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}}