:root{--body-margin:1rem;--chinese-fonts:"Source Han Serif SC", "Noto Serif CJK SC";--italic-chinese-fonts:STKaiTi,"楷体", KaiTi, SimKai;--english-fonts:"CMU Concrete", "Dejavu Serif", "Iosevka Comfy Duo", "Iosevka Comfy Motion Duo", "Anonymous Pro", "Concrete";--fonts:var(--english-fonts), var(--chinese-fonts), serif;--math-fonts:"Concrete Math", "Dejavu Math TeX Gyre", "Euler Math", "Concrete-Math", math;--page-width:768px}body{color:#222;font-family:var(--fonts);font-weight:500;line-height:1.5;margin:var(--body-margin)auto;max-width:var(--page-width);min-height:calc(100vh - 2 * var(--body-margin));display:flex;flex-direction:column}@media screen and (max-width:820px){body{h1, h2, h3, h4, h5, h6 { &::before { width: unset; margin-left: unset; } } margin: var(--body-margin) 2em;main { text-align: left; }}}header{border-bottom:2px dashed #222;margin-bottom:1rem;display:flex;h1 { flex: 1; display: inline-block; align-content: center; } nav { display: inline-block; align-content: center; li { display: inline-block; margin: 0 .5em; } }}main{text-align:justify;text-wrap:pretty;word-break:auto-phrase;p { text-align-last: left; } .title-head, time { display: block; text-align: center; } p > .post-date { display: inline-flex; font-size: small; width: 7em; padding: 0 .2em; } .post-date::before { content: "["; flex: 1; } .post-date::after { content: "]"; flex: 1; text-align-last: right; }}footer{margin-top:1rem}a{color:#555;text-decoration:none}math{font-family:var(--math-fonts);max-width:100%;overflow-x:auto;overflow-y:hidden}math[display=block]{margin:1em 0;text-align-last:auto}div.abstract{margin:2em;text-align:left;font-size:85%}div.abstract-title{font-weight:700;text-align:center;padding:0;margin-bottom:.5em}h1,h2,h3,h4,h5,h6{font-size:1.5em;&::before { display:inline-block; color:#aaa; width:3em; margin-left:-3em; text-align:end; }}h5,h6{font-size:1em;font-style:italic}h6{font-weight:400}h2::before{content:"* "}h3::before{content:"** "}h4::before{content:"*** "}h5::before{content:"**** "}h6::before{content:"***** "}.friends{display:flex;flex-wrap:wrap;.friend-card { width: calc(var(--page-width) / 2 - 2em); margin: 1em; display: inline-flex; border-left: 0px #069dff solid; transition: border 0.1s ease-in; box-sizing: border-box; img { height: fit-content; object-fit: cover; aspect-ratio: 1; } .friend-info { padding-left: .5em; height: 100px; h3{ font-size: 1em; line-height: 1; &::before {content: none;} } } &:hover { border-left-width: 5px; } }}em{font-family:var(--english-fonts),var(--italic-chinese-fonts),monospace;font-synthesis:none}.table-container,.displaymath-container,.sourceCode{max-width:100%;overflow-x:auto;overflow-y:hidden}div.csl-entry{clear:both}.hanging-indent div.csl-entry{margin-left:2em;text-indent:-2em}div.csl-left-margin{min-width:2em;float:left}div.csl-right-inline{margin-left:2em;padding-left:1em}div.csl-indent{margin-left:2em}@font-face{font-family:Concrete;font-style:normal;font-weight:400;src:url(/fonts/cmunorm.woff)format("woff")}@font-face{font-family:Concrete;font-style:normal;font-weight:700;src:url(/fonts/cmunobx.woff)format("woff")}@font-face{font-family:Concrete;font-style:italic;font-weight:400;src:url(/fonts/cmunoti.woff)format("woff")}@font-face{font-family:Concrete;font-style:italic;font-weight:700;src:url(/fonts/cmunobi.woff)format("woff")}@font-face{font-family:Concrete-Math;src:url(/fonts/Concrete-Math.woff)format("woff")}