.site-footer[data-astro-cid-sz7xmlte]{font-family:var(--font-display);color:var(--colour-white);a{color:var(--colour-apple)}a:hover{color:hsl(from var(--colour-apple) h s calc(l + 20))}svg path{fill:var(--colour-apple)}}.site-footer__wrapper--main[data-astro-cid-sz7xmlte]{background:url(/images/bg-footer-2.jpg)}.site-footer__wrapper--secondary[data-astro-cid-sz7xmlte]{background:url(/images/bg-footer.jpg)}.footer-main[data-astro-cid-sz7xmlte]{margin-inline:auto;display:flex;flex-flow:row wrap;max-width:1140px;padding:.5em;p,ul{font-size:80%;line-height:2}ul{padding-inline-start:0}input{position:absolute;opacity:0}label{margin-inline:auto;position:relative;display:block;cursor:pointer;align-self:center}input~label div{display:none}input:checked~label div{display:block;position:absolute;font-size:smaller;top:-6.5em;left:50%;transform:translate(-50%);background-color:var(--colour-tuna);padding:.25em .5em;border-radius:4px}label li{width:max-content}}.footer-main__about[data-astro-cid-sz7xmlte],.footer-main__contact[data-astro-cid-sz7xmlte]{margin:0 1em 1em}.footer-main__avatar[data-astro-cid-sz7xmlte]{border-radius:50%;height:200px;min-width:200px;width:200px;margin:1em auto;background-color:var(--colour-sugarcane)}.footer-main__contact[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{margin:0;li{list-style:none;margin:0}}.footer-main__link[data-astro-cid-sz7xmlte]{display:flex;align-items:center;padding:.25em;span:first-child{margin-inline-end:.5em}&:hover{svg path{fill:hsl(from var(--colour-apple) h s calc(l + 20))}}}.footer-secondary[data-astro-cid-sz7xmlte]{margin-inline:auto;align-items:center;display:flex;flex-flow:row wrap;max-width:1140px;padding:1em;font-size:65%}@media (min-width: 51.25em){.footer-main[data-astro-cid-sz7xmlte]{flex-flow:row nowrap}.footer-main__about[data-astro-cid-sz7xmlte]{flex:25 0 0}.footer-main__contact[data-astro-cid-sz7xmlte]{flex:1 0 250px}.footer-main__about[data-astro-cid-sz7xmlte],.footer-main__contact[data-astro-cid-sz7xmlte]{margin-block-start:1em}.footer-secondary[data-astro-cid-sz7xmlte]{flex-flow:row nowrap}.footer-secondary__nav[data-astro-cid-sz7xmlte]{flex:2 0 28.5714%}.footer-secondary__text[data-astro-cid-sz7xmlte]{flex:5 0 71.4285%}.footer-main__avatar[data-astro-cid-sz7xmlte]{flex:1 0 0;margin:.5em 0 .5em 1em}}.footer-secondary__text[data-astro-cid-sz7xmlte]{display:flex;flex-flow:row wrap;width:100%;line-height:2}@media (max-width: 51.1875em){.footer-secondary__text[data-astro-cid-sz7xmlte]{margin-block-end:1em}}.footer-secondary__attribute[data-astro-cid-sz7xmlte],.footer-secondary__copyright[data-astro-cid-sz7xmlte]{flex:auto;text-align:center;width:275px}.footer-secondary__nav[data-astro-cid-sz7xmlte]{display:flex;width:100%;a{flex:auto;text-align:center}}a[data-astro-cid-eimmu3lg].active{text-decoration:underline}.site-header[data-astro-cid-3ef6ksr2]{background:url(/images/bg-header.jpg)}.site-header__wrapper[data-astro-cid-3ef6ksr2]{margin-inline:auto;align-items:center;display:flex;flex-flow:row wrap;max-width:52em;padding:1em}@media (min-width: 60em){.site-header__wrapper[data-astro-cid-3ef6ksr2]{flex-flow:row nowrap;.site-branding{flex:3 1 70%}.site-nav{flex:1 1 30%}}}.site-branding__image[data-astro-cid-3ef6ksr2]{text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/images/retropc-static.png);background-size:cover;display:block;height:90px;min-width:90px;width:90px;isolation:isolate;&[data-astro-cid-3ef6ksr2]:before{content:url(/images/retropc-dynamic.gif);height:0;visibility:hidden;width:0}&[data-astro-cid-3ef6ksr2]:hover{background:url(/images/retropc-dynamic.gif);background-size:cover}}@media (min-width: 45em){.site-branding__image[data-astro-cid-3ef6ksr2]{height:120px;width:120px}}.site-branding[data-astro-cid-3ef6ksr2]{align-items:center;display:flex}.site-branding__wrapper[data-astro-cid-3ef6ksr2]{margin-inline-start:1em}.site-branding__title[data-astro-cid-3ef6ksr2]{margin-block-end:.25rem;a{font-size:85%;font-family:var(--font-display);color:var(--colour-english-walnut);&:hover{color:var(--colour-english-walnut)}}}.site-branding__description[data-astro-cid-3ef6ksr2]{font-size:75%;font-family:var(--font-display);line-height:2}.site-nav[data-astro-cid-3ef6ksr2]{display:flex;margin-block-start:1em;width:100%;font-family:var(--font-display);font-size:90%;a{flex:auto;text-align:center;color:var(--colour-english-walnut)}}@media (min-width: 60em){.site-nav[data-astro-cid-3ef6ksr2]{margin-block-start:0}}.site-nav__link[data-astro-cid-3ef6ksr2]:hover{color:var(--colour-english-walnut)}.blend-checkbox[data-astro-cid-whyazyjy]{opacity:0;position:fixed;left:1rem;bottom:1rem}@supports (mix-blend-mode: difference){.blend-toggle[data-astro-cid-whyazyjy]{position:fixed;height:3rem;width:3rem;right:1rem;bottom:1rem;border-radius:50%;background-image:url(/images/sun.png);background-position:center;background-size:cover;z-index:1;opacity:.7}.blender[data-astro-cid-whyazyjy]{position:fixed;background-color:var(--colour-sugarcane);mix-blend-mode:difference;pointer-events:none}.blender[data-astro-cid-whyazyjy].active~.blend-toggle[data-astro-cid-whyazyjy]{background-image:url(/images/moon.png);isolation:isolate}.blend-checkbox[data-astro-cid-whyazyjy]:focus~label[data-astro-cid-whyazyjy]{outline:5px auto -webkit-focus-ring-color}@media (max-width: 74.9375em){.blender[data-astro-cid-whyazyjy]{opacity:0;height:100vh;width:100vw;transition:opacity .5s ease}.blender[data-astro-cid-whyazyjy].active{opacity:1}}@media (min-width: 75em){.blend-toggle[data-astro-cid-whyazyjy]{right:calc(50% - 26rem)}.blender[data-astro-cid-whyazyjy]{height:3rem;width:3rem;bottom:1rem;border-radius:50%;right:calc(50% - 26rem);transition:transform .7s ease-out}.blender[data-astro-cid-whyazyjy].active{transform:scale(100)}}}:root{--colour-tuna: oklch(.3343 .0227 285.1);--colour-black-alpha2: oklch(0 0 0 / 20%);--colour-english-walnut: oklch(.2925 .0251 42.82);--colour-winter-hazel: oklch(.8345 .0726 101.7);--colour-apple: oklch(.7046 .1922 142.1);--colour-japanese-laurel: oklch(.4528 .1495 142.33);--colour-sugarcane: oklch(.9949 .0084 145.51);--colour-mineshaft: oklch(.285 0 0);--colour-royal-blue: oklch(.6181 .1541 260.41);--colour-silver-chalice: oklch(.7252 0 0 / 50%);--colour-white: oklch(1 0 0);--font-base: "Magnetic Pro", "HeiTi SC Light", "Microsoft YaHei", sans-serif;--font-header: "Magnetic Pro Black", "Arial Black", sans-serif;--font-display: "Eight-bit", "Lucida Console", "Lucida Sans Typewriter", monospace;--font-special: "Magnetic Pro Thin", sans-serif;font-size:18px}@media (min-width: 320px) and (max-width: 960px){:root{font-size:calc(18px + .00625*(100vw - 320px))}}@media (min-width: 960px){:root{font-size:22px}}@font-face{font-family:Magnetic Pro Black;src:url(/fonts/magnetic-pro-black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Magnetic Pro;src:url(/fonts/magnetic-pro-light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Magnetic Pro;src:url(/fonts/magnetic-pro-medium.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Magnetic Pro;src:url(/fonts/magnetic-pro-light-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Magnetic Pro Thin;src:url(/fonts/magnetic-pro-thin-italic.woff2) format("woff2");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:Eight-bit;src:url(/fonts/eightbitoperatorplus8-bold-webfont.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Eight-bit;src:url(/fonts/eightbitoperatorplus-regular-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{max-width:100%}input,button,textarea,select{font:inherit}}html{height:100%}body{background:url(/images/bg-body.jpg);height:100%;display:flex;flex-direction:column;min-width:320px}main{margin-inline:auto;font-family:var(--font-base);max-width:48em;width:100%;flex:1 0 auto;background-color:var(--colour-sugarcane);padding:1.5em;line-height:1.5;h1,h2,h3,h4{font-family:var(--font-header)}}h1{font-size:185%;margin-block-end:1rem;line-height:1.2}h2{font-size:150%;margin-block-end:.5rem;line-height:1.2;small{font-size:.5em;font-weight:400;text-align:right}}h3{font-size:125%;margin-block-end:.5rem}h4{font-size:105%;margin-block-end:.25rem}hr{margin-block:.75rem}p{margin-block-end:1rem}a{text-decoration:none;color:var(--colour-japanese-laurel);transition:all .15s linear;border-block-end:1px dashed var(--colour-japanese-laurel);&:hover{color:hsl(from var(--colour-japanese-laurel) h s calc(l - 5));border-block-end:1px solid hsl(from var(--colour-japanese-laurel) h s calc(l - 5))}}small{font-size:75%}ul{list-style:disc;margin-inline-start:1em;ul{list-style:square}}li{margin-block-end:1em}ol{counter-reset:list;margin-inline-start:2em;li{list-style:none;margin-block-end:1em;position:relative;&:before{content:counter(list) ".";counter-increment:list;font-weight:700;left:-1.5em;position:absolute;top:0}}ul{li{list-style:disc}li:before{content:"";counter-increment:none}}}pre{color:#ccc;background-color:#2d2d2d;padding:.5em;margin:.5em 0 1em;border-radius:.3em;overflow:auto;display:flex}code{background-color:hsl(from var(--colour-silver-chalice) h s calc(l + 10));color:var(--colour-royal-blue);border-radius:.25em;padding:2px;font-size-adjust:.49}pre code{font-size:75%;color:unset;background-color:unset}blockquote{background:url(/images/bg-quotes.jpg);border-inline-start:.5em solid var(--colour-royal-blue);padding:1em;margin-block-end:1em;font-style:italic;&:before{font-size:2.5em;line-height:.1em;margin-inline-end:.1em;vertical-align:-.25em;color:var(--colour-royal-blue);content:"“";font-family:var(--font-display)}&:after{font-size:2.5em;line-height:.1em;vertical-align:-.25em;color:var(--colour-royal-blue);content:"”";font-family:var(--font-display)}p{line-height:1.7rem}p:first-child,p:last-child{display:inline}p:nth-child(2){margin-block-start:1em}p~p{display:block}a{color:inherit;border-block-end:1px dashed var(--colour-mineshaft)}}figure{text-align:center}figcaption{font-style:italic;margin-block-end:.25em}figcaption:lang(zh){font-style:normal}kbd{font-size:70%;background-color:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 var(--colour-black-alpha2),0 0 0 2px var(--colour-white) inset;display:inline-block;vertical-align:top;margin:0 .1em;padding:.1em .6em 0;text-shadow:0 1px 0 var(--colour-white)}iframe,picture img,video{margin-block-end:1em}.post-meta{font-size:75%;color:hsl(from var(--colour-tuna) h s calc(l + 20))}.icon{>svg{display:inline-block;height:1em;vertical-align:middle;width:1em;path{fill:var(--colour-japanese-laurel)}}}.icon--tag,.icon--tags{margin-inline-end:.25em}.icon--title{>svg{height:1.25em;width:1.25em;display:inline-block;vertical-align:middle;path{fill:var(--colour-mineshaft)}}}.emoji{font-size:1.294rem;line-height:1;font-style:normal;display:inline-block;vertical-align:baseline;font-family:"Apple Color Emoji","Segoe UI Emoji"}span[role=img][aria-label]{position:relative}span[role=img][aria-label]:focus:after,span[role=img][aria-label]:hover:after{font-size:50%;font-family:var(--font-base);font-weight:400;position:absolute;display:block;line-height:1.2;content:attr(aria-label);z-index:1;bottom:2.5em;left:0;background:var(--colour-english-walnut);color:var(--colour-white);padding:.25em;border:1px solid var(--colour-white);box-shadow:2px 2px 4px var(--colour-english-walnut)}@media print{span[role=img][aria-label]:after{content:"(" attr(aria-label) ")"}}.kaomoji{white-space:nowrap;font-family:Arial,sans-serif}img,.external-url:before,.emoji{isolation:isolate}.no-margin{margin-block-end:0}a.no-underline,a.no-underline:hover{border:0}.no-list-style{list-style:none}.no-break{white-space:nowrap}.break{word-break:break-all}.italicise{font-style:italic}.sr-only{position:absolute;opacity:0}.visually-hidden:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}