:root{--ink:#34495e;--muted:#757575;--accent:#bb5649;--line:#e6e6e6;--paper:#fefefe;--soft:#f8f5ec;color:var(--ink);background:var(--paper);font-family:Athelas,Songti SC,STHeiti,Microsoft Yahei,serif}*{box-sizing:border-box}html{border-top:3px solid var(--accent)}body{background:var(--paper);min-width:280px;margin:0;line-height:1.5}a{color:var(--accent);text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{vertical-align:middle;max-width:100%;height:auto}.container{width:800px;margin:0 auto;padding-bottom:4rem}#header{justify-content:space-between;min-height:88px;padding:20px;display:flex}.logo{flex:auto}.menu{align-self:flex-start}.menu ul{flex-wrap:wrap;gap:0 8px;margin:0;padding:0 25px 0 0;list-style:none;display:flex}.menu li,.post__title{position:relative;overflow:hidden}.menu li:before,.post__title:before{z-index:0;background:var(--accent);content:"";height:2px;transition:right .2s ease-out,left .2s ease-out;position:absolute;bottom:0;left:51%;right:51%}.menu li:hover:before,.post__title:hover:before{left:0;right:0}.menu a{z-index:1;color:var(--ink);font-size:18px;position:relative}.mobile-menu{display:none}.content{padding:0 20px}.posts{border-bottom:1px solid var(--line);margin-bottom:20px}.post{padding:1.5rem 0}.post+.post{border-top:1px solid var(--line)}.post__title{color:var(--ink);vertical-align:middle;margin:0;font-size:26px;font-weight:400;display:inline-block}.post__title a{z-index:1;color:var(--ink);position:relative}.post__meta{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px}.post__source{padding:0 12px}.read-more{margin-top:1rem}.read-more a{font-size:1.1rem}.read-more a:hover{text-decoration:underline}.post__body{overflow-wrap:anywhere;margin-top:2rem}.post__body h2,.post__body h3,.post__body h4{font-weight:400}.post__body a:hover{border-bottom:1px solid var(--accent)}.post__body img{display:inline-block}.post__body pre{color:#e8edf1;background:#2f3f4d;padding:1rem;overflow:auto}.post__body :not(pre)>code{background:var(--soft);color:#c7254e;border-radius:4px;padding:3px 5px}.post__body blockquote{color:#34495ecc;background:#c05b4d0d;border-left:3px solid #c05b4d4d;margin:2em 0;padding:10px 20px}.post__body table{border-spacing:0;width:100%;margin:10px 0;box-shadow:2px 2px 3px #00000020}.post__body th,.post__body td{border:1px double #f4efe1;padding:5px 15px}.post__body thead,.post__body tr:hover{background:var(--soft)}.post-reactions{flex-wrap:wrap;margin:1rem 0;display:flex}.reaction-emoji{border:1px solid #cacaca;border-radius:1rem;margin:0 4px;padding:2px 8px;display:inline-block}.reaction-count{color:#666}.post-comments{border-top:1px solid var(--line);margin:2rem 0}.comment-item{content-visibility:auto;contain-intrinsic-size:auto 110px;gap:1rem;margin:2rem 1rem;display:flex}.comment-author{overflow-wrap:anywhere;flex:0 0 84px;width:84px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px}.comment-author img{border-radius:2px;width:64px;display:block}.comment-date{color:var(--muted);display:block}.comment-content{white-space:pre-wrap;border:1px solid #d7d7d7;border-radius:4px;flex:1;margin:0;padding:8px 1rem;box-shadow:0 2px 4px #0003}.post-footer{border-top:1px solid var(--line);margin-top:20px}.post-tags{padding:15px 0}.post-tags a{overflow-wrap:anywhere;margin-right:5px}.post-nav,.pagination{min-height:2rem;margin:1rem 0}.post-nav:after,.pagination:after{clear:both;content:"";display:block}.next,.previous{max-width:48%;color:var(--ink);font-size:20px;font-weight:600;transition:transform .2s ease-out}.next{float:right;text-align:right}.previous{float:left}.next:hover{color:var(--accent);transform:translate(4px)}.previous:hover{color:var(--accent);transform:translate(-4px)}.taxonomies{text-align:center;margin:2em 0 3em}.taxonomies__title{border-bottom:2px solid var(--accent);color:var(--accent);margin:0 0 1rem;font-size:18px;font-weight:400;display:inline-block}.taxonomies__items a{margin:5px 10px;display:inline-block;position:relative}.taxonomies__items .count{font-size:12px;position:relative;top:-8px;right:-2px}.taxonomy{margin:2em 0}.taxonomy__item{border-left:1px solid #cacaca;padding:3px 20px;transition:transform .2s ease-out,border-color .2s ease-out}.taxonomy__item:hover{border-left:3px solid var(--accent);transform:translate(4px)}.taxonomy__item__time{color:var(--muted);margin-right:10px}.empty{color:var(--muted)}@media (width<=800px){html{border-top:0}.container{width:100%}#header{min-height:50px;padding:0;box-shadow:0 2px 2px #cacaca}.logo,.menu{display:none}.mobile-menu{width:100%;display:block}.mobile-menu summary{cursor:pointer;width:50px;height:50px;list-style:none;position:relative}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--accent);width:20px;height:1px;transition:transform .2s;position:absolute;left:15px}.mobile-menu summary span:first-child{top:19px}.mobile-menu summary span:nth-child(2){top:25px}.mobile-menu summary span:nth-child(3){top:31px}.mobile-menu[open] summary span:first-child{top:25px;transform:rotate(45deg)}.mobile-menu[open] summary span:nth-child(2){opacity:0}.mobile-menu[open] summary span:nth-child(3){top:25px;transform:rotate(-45deg)}.mobile-menu nav{border-top:1px solid var(--soft);background:var(--paper)}.mobile-menu ul{margin:0;padding:0;list-style:none}.mobile-menu li{border-bottom:1px solid var(--soft);padding:10px 30px}.content{padding-top:2rem}.comment-item{margin-inline:0}.comment-author{flex-basis:70px;width:70px}}@media (width<=480px){.post__title{font-size:23px}.post__source{padding:0;display:block}.comment-item{display:block}.comment-author{width:auto;margin-bottom:.75rem}.next,.previous{float:none;text-align:left;max-width:100%;margin:.75rem 0;display:block}}