@media(prefers-color-scheme:light){:root{--primary:#0061a4;--on-primary:#ffffff;--on-primary-container:#001d36;--secondary:#535f70;--on-secondary:#ffffff;--on-secondary-container:#101c2b;--surface:#f8f9ff;--on-surface:#191c20;--outline:#73777f;--surface-container-low:#f2f3f9}}@media(prefers-color-scheme:dark){:root{--primary:#a0cafd;--on-primary:#003258;--on-primary-container:#d1e4ff;--secondary:#bac7db;--on-secondary:#253140;--on-secondary-container:#d6e3f7;--surface:#101418;--on-surface:#e1e2e8;--outline:#8d9199;--surface-container-low:#191c20}}:root{--fonts-sans-serif:"PingFang SC", "Inter", "Noto Sans SC", "Roboto", Helvetica, Tahoma, Arial,  "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;--border-radius:1em;color-scheme:light dark;--primary:light-dark(#0061a4, #a0cafd);--on-primary:light-dark(#ffffff, #003258);--on-primary-container:light-dark(#001d36, #d1e4ff);--secondary:light-dark(#535f70, #bac7db);--on-secondary:light-dark(#ffffff, #253140);--on-secondary-container:light-dark(#101c2b, #d6e3f7);--surface:light-dark(#f8f9ff, #101418);--on-surface:light-dark(#191c20, #e1e2e8);--outline:light-dark(#73777f, #8d9199);--surface-container-low:light-dark(#f2f3f9, #191c20)}a{color:var(--on-surface);text-decoration:none;transition:color .2s ease-in-out;&:hover { color:var(--primary); }}html{font-size:16px}body{overflow-wrap:break-word;font-family:var(--fonts-sans-serif);scroll-behavior:smooth;font-size:1.1rem;color:var(--on-surface);background-color:var(--surface);font-weight:400;padding:.15rem 1rem;line-height:1.7;text-align:justify;letter-spacing:.052rem}body.post{& #avatar { margin: 4rem 0; } & #avatars { width: 5rem; height: 5rem; border-radius: 50%; } & #author-name { display: none; }}#page-container{display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvb;overflow-x:hidden;max-width:38.75rem;margin:0 auto}#avatar{display:flex;align-items:flex-start;margin-top:7em;flex-direction:column;transition:margin .3s ease-in-out,transform .3s ease-in-out}#avatars{width:8rem;height:8rem;border-radius:50%;text-decoration:none;transition:width .3s ease-in-out,height .3s ease-in-out,border-radius .3s ease-in-out}#author-name{font-size:2.3rem;margin:1.2em 0;letter-spacing:.2rem}#author-name::first-letter{font-size:2.8rem}#content{flex-grow:1;.recent-post-item, .archive-item, .category-item { display: flex; justify-content: space-between; padding: 0.625rem 0; align-items: center; a { @media (max-width:760px) { flex-basis: 12.5rem; } } time { color: var(--secondary); font-size: 1rem; text-align: right; } } .archives { .widget-title { font-size: 2rem; } h3.archive-year { margin-top: 2rem; margin-bottom: 1rem; font-size: 1.8rem; color: var(--on-surface); } h4.archive-month { margin-top: 1.5rem; margin-bottom: 0.75rem; font-size: 1.5rem; color: var(--secondary); } .archive-list { list-style: none; padding: 0; padding-left: 2rem; .archive-item { display: block; padding: 0.75rem 0; margin-bottom: 0.5rem; } } .archive-title { display: block; color: var(--on-secondary-container); text-decoration: none; margin-bottom: 0.25rem; &:hover { color: var(--primary); } } .archive-date { font-size: 0.875rem; color: var(--outline); } }}#paginator{margin:3rem 0;display:flex;justify-content:flex-end;span { margin: 0 0.3rem; color: var(--primary); } a { color: var(--on-primary-container); margin: 0 0.3rem; &:hover::after { transform: scaleX(0); } }}ul.category-list{display:inline-flex;justify-content:center;flex-wrap:wrap;list-style:none;column-gap:.9375rem;padding:0;a { color: var(--on-secondary-container); }}#footer{font-size:.9375rem;display:flex;align-items:center;gap:.5rem;color:var(--outline);flex-wrap:wrap;margin-top:5em;a { color: var(--outline); text-decoration: underline; }}article#post{> h1#post-title { color: var(--on-surface); font-size: 1.375rem; } > #post-menu { font-size: 1rem; margin-bottom: 2em; } a { text-decoration: underline; }}.post-date-categories{display:flex;align-items:center;column-gap:.75rem;margin-bottom:5em}.post-nav{display:flex;margin-top:10em;margin-bottom:5rem;justify-content:space-between;font-size:.9375rem;@media(max-width:760px){column-gap: 1.25rem;}.post-nav-item { &.post-nav-next { margin-left: auto; text-align: right; } .nav-arrow { color: var(--secondary); } }}#about .about-content{line-height:1.8}@media print{#avatar,#footer,.post-nav,#waline,#paginator{display:none}body{font-size:12pt;color:#000;background:#fff}a{color:#000 !important;text-decoration:underline}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}