﻿:root{--base-fg:#333;--base-bg:#fff;--primary:#e11d48;--text-dimmed:#555;--inline-code-bg:#e2e8f0;--inline-code-fg:#9f1239}@media screen and (prefers-color-scheme:dark){:root{--base-fg:#fff;--base-bg:#111827;--primary:#fb7185;--text-dimmed:#94a3b8;--inline-code-bg:#374151;--inline-code-fg:#fbbf24}}*,*::before,*::after{box-sizing:border-box}html,body{font-size:16px;margin:0;width:100%;overflow-x:hidden;scrollbar-gutter:stable both-edges}pre,code{font-family:Consolas,SFMono-Regular,Menlo,Monaco,liberation mono,courier new,monospace}pre{border:1px solid var(--primary);padding:.5em .75em;font-size:.875em;white-space:pre-wrap;word-break:break-word;margin:0}:not(pre)>code{background:var(--inline-code-bg);color:var(--inline-code-fg)}.language-go{tab-size:4}body{color:var(--base-fg);background:var(--base-bg);font-family:Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,system-ui,PingFang TC,Hiragino Sans GB W3,Noto Sans CJK TC,Droid Sans Fallback,Microsoft Yahei,Microsoft JhengHei,\\534e文细黑;line-height:1.5;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}body>main{flex:1}.container{margin-inline:auto;width:760px}@media(max-width:760px){.container{max-width:100%;width:100%;padding-inline:1rem}}header{border-bottom:1px solid var(--primary);margin-bottom:1rem;display:flex;align-items:center;flex-wrap:wrap;min-height:70px;line-height:70px}header a{color:var(--primary)}@media(max-width:420px){header{flex-direction:column;line-height:56px;padding:0}}header h1{margin:0}header nav{margin-left:auto}header nav ul{display:flex;margin:0;padding:0}@media(max-width:420px){header nav{margin-left:0;width:100%}header nav li{flex:1}}header nav li,header nav li a{display:block}header nav li a{padding:0 .5em;height:70px}@media(max-width:420px){header nav li a{height:56px}}footer{border-top:1px solid var(--primary);padding-block:1.5rem}footer p{margin:0}a{color:var(--primary);text-decoration:none}a code{color:var(--primary);text-decoration:underline}@media screen and (prefers-color-scheme:dark){a code{color:#93c5fd}}:is(.blog) article,:is(.videos) article{margin-bottom:2rem}:is(.blog) time,:is(.videos) time{color:var(--text-dimmed)}:is(.blog) time+h2,:is(.videos) time+h2{margin-top:4px}:is(.blog) article h2,:is(.videos) article h2{margin:8px 0;line-height:1.3}:is(.blog) main,:is(.videos) main{margin:2rem 0}:is(.blog) main h2,:is(.videos) main h2{margin-top:2rem}:is(.blog) main a,:is(.videos) main a{text-decoration:underline}@media screen and (prefers-color-scheme:dark){:is(.blog) main a,:is(.videos) main a{color:#93c5fd}}:is(.blog) main sup>a,:is(.videos) main sup>a{text-decoration:none}h2.post-title{margin-top:1rem}figure{text-align:center}figure img{max-width:90%;max-height:80vh}.bordered-figure img{border:1px solid #999}.thumbnail{width:100%;overflow:hidden;aspect-ratio:1280/720;display:flex;align-items:center;justify-content:center}.thumbnail img{object-fit:cover;width:100%}.videos article{margin-bottom:3.5rem;color:inherit}.highlight{width:100%;overflow-x:auto;-webkit-text-size-adjust:100%}.pagination{display:flex;gap:.33rem;text-align:center;justify-content:center;margin-bottom:3rem;padding-left:0;flex-wrap:wrap}.pagination li,.pagination li a{display:flex}.pagination li a{padding:.33rem .66rem;border:1px solid}.page-item.active a{background:var(--primary);border-color:var(--primary);color:#fff}.summary{margin-top:1rem}.summary h3,.summary p{margin:0}article.gist{position:relative;margin-block:1.75rem}.copy-to-clipboard{position:absolute;top:0;right:0;display:flex;align-items:center;font-size:.75rem;gap:.75em;padding:.5em .75em;background:var(--bg);color:inherit;outline:0;border:1px solid var(--primary);transition:.2s ease-in-out;cursor:pointer;--bg:white;--hover-bg:#fda4af;transform:translateY(-100%);border-bottom:0}.copy-to-clipboard:hover{--bg:var(--hover-bg)}@media screen and (prefers-color-scheme:dark){.copy-to-clipboard{--bg:#282a36;--hover-bg:#881337}}.copy-to-clipboard .success{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg)}.copy-to-clipboard:not(.is-success) .success{opacity:0}.copy-to-clipboard svg{height:1.25em;fill:currentColor}