header a{font-size:smaller}header .split{padding:0 4px}.post-list{flex-shrink:0;padding:16px}.post-list.full{width:40rem}.post-list.tiny{width:20rem}.list-item{transition:box-shadow .125s ease;padding:8px 16px;border-radius:5px;overflow:hidden}.list-item:hover{box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000d,0 4px 16px #0000000d}.list-item>header,.list-item>footer{font-size:1.2rem}.list-item>div{display:flex;gap:4px;margin-left:1rem}.list-item>div>span{width:40px}.list-item:hover header,.list-item:hover footer{color:var(--common-accent)}#root{min-height:100vh;min-width:1536px}#blog{min-height:100vh;padding:2rem;color:var(--ui-fg);background:var(--ui-bg)}#blog>header{font-size:2rem;line-height:64px;border-bottom:1px solid var(--ui-line)}#blog aside{flex-shrink:0;width:20rem;padding:16px;background:var(--ui-panel-bg)}#blog>main{max-width:56rem}pre{padding:.5rem 1rem;overflow:auto;background:var(--editor-bg);border-radius:5px}ol,ul{list-style:none;padding:0}a{color:inherit;text-decoration-line:none}a:hover{color:var(--common-accent)}.code-box{position:relative}.copy-btn{position:absolute;top:8px;right:8px;background:var(--editor-bg);border-radius:5px;cursor:pointer;font-size:0;border:1px solid var(--ui-fg)}.copy-btn>svg{margin:8px;fill:currentColor;pointer-events:none}.copy-btn:hover{background:var(--ui-bg)}.post-body{padding:16px}.font-checker{display:flex;gap:1rem;padding:4rem 1rem}.font-checker .left{flex-basis:700px}.font-checker button{font-size:1rem;line-height:1.5rem;padding:.5rem .75rem;cursor:pointer;background:#3b82f6;border-radius:.375rem;border:none;font-weight:500;color:#fff;font-family:Microsoft Yahei}.font-checker button:hover{background:#3b82f6ce}.font-checker aside{height:500px;flex:1}.font-checker .left>p button{margin-left:1rem}.preview{padding:1rem;font-size:1.5rem}.preview>div{margin-top:.5rem}.weight-100{font-weight:100}.weight-200{font-weight:200}.weight-300{font-weight:300}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-600{font-weight:600}.weight-700{font-weight:700}.weight-800{font-weight:800}.weight-900{font-weight:900}._web-container_ml7wu_1{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:4rem .5rem}._textarea_ml7wu_8{height:40vh;resize:none;border-radius:.5rem;background:#fcfcfc;color:#000;padding:.5rem 1rem}._preview_ml7wu_17{height:40vh;resize:none;border-radius:.5rem}._iframe_ml7wu_23{height:100%;width:100%;border-radius:.5rem}._nav_1nv35_1{position:fixed;top:0;width:100%}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0}html,body{height:100vh}::selection{background-color:var(--editor-selection-active)}html[data-theme=ayu-light]{--ui-line: #6b7d8f1f;--ui-bg: #f8f9fa;--ui-fg: #8a9199;--ui-selection-active: #56728f1f;--ui-selection-normal: #6b7d8f1f;--ui-panel-bg: #f3f4f5;--ui-panel-shadow: #00000026;--common-accent: #fa3;--common-error: #e65050;--editor-selection-active: #035bd626;--editor-selection-inactive: #035bd612;--editor-bg: #fcfcfc;--editor-fg: #5c6166;--editor-line: #8a91991a}