@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#283b45;background:#f7f9fc;font-synthesis:none;--bg:#f7f9fc;--panel:#fff;--text:#283b45;--muted:#8a969f;--line:#e9edf1;--accent:#418b86;--soft:#eef5f3;--shadow:0 6px 24px #293d5010}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #6fbeb5;outline-offset:4px}button{border:0;background:none}input,textarea{color:var(--text)}svg{flex-shrink:0}::selection{background:#bee1dc}.site-header{background:var(--panel);border-bottom:1px solid var(--line);height:87px}.header-inner{max-width:1256px;padding:0 28px;margin:auto;display:flex;align-items:center;height:100%;gap:55px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-size:27px;font-weight:800;letter-spacing:-2px;color:#356760;border-right:1px solid var(--line);padding-right:16px}.brand-mark span{color:#d1a26a}.brand-title{font-size:17px;letter-spacing:1px;font-weight:700;white-space:nowrap}.brand-title small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:4px}.nav{display:flex;align-items:center;height:100%;gap:30px;margin:auto}.nav a{position:relative;height:100%;display:flex;align-items:center;font-size:13px;color:#78838b}.nav a.active{color:var(--accent);font-weight:600}.nav a.active:after{content:"";position:absolute;bottom:20px;width:15px;height:3px;border-radius:3px;background:var(--accent);left:50%;transform:translate(-50%)}.header-actions{display:flex;align-items:center;gap:17px}.search-trigger{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.search-trigger kbd{border:1px solid var(--line);border-radius:4px;font-size:10px;padding:2px 4px}kbd{font-family:inherit}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:7px;color:var(--muted)}.icon-button:hover{color:var(--accent);background:var(--soft)}.write-link{display:flex;align-items:center;gap:7px;background:#edf4f2;color:#458c83;border-radius:6px;padding:9px 12px;font-size:12px}.mobile-menu{display:none}.site-main{max-width:1256px;padding:32px 28px 60px;margin:auto;min-height:75vh}.hero{height:371px;position:relative;background:#edf3f0;border:1px solid #e4ece6;border-radius:14px;overflow:hidden;margin-bottom:42px}.hero-copy{padding:36px 42px;position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#6e9590;display:flex;align-items:center;gap:9px;font-weight:600}.eyebrow>span{width:5px;height:5px;background:#80aaa0;border-radius:100%}.hero h1{font-size:43px;font-weight:600;letter-spacing:2px;line-height:1.45;margin:20px 0 13px;color:#2d4b49}.hero-highlight{color:#478c7c;position:relative}.hero-highlight svg{position:absolute;left:0;bottom:-8px;width:100%;height:10px;fill:none;stroke:#a8c2a4;stroke-width:3}.hero p{font-size:12px;line-height:2;color:#7b8e89;margin:0}.hero-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;font-weight:500;margin-top:20px;color:#3c776c}.hero-link:hover{gap:32px}.hero-visual{width:48%;position:absolute;right:30px;top:30px;bottom:51px;overflow:hidden;border-radius:130px 130px 8px 8px;transform:rotate(-2deg);box-shadow:0 8px 35px #6d8d7910}.landscape{width:100%;height:100%;object-fit:cover;display:block}.landscape-label{position:absolute;bottom:16px;left:24px;right:24px;display:flex;justify-content:space-between;color:#f0f6efb0;font-size:7px;letter-spacing:2px}.hero-foot{position:absolute;bottom:0;height:39px;border-top:1px solid #dce7df;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:9px;color:#84988e;background:#eff5f1}.hero-foot>span{display:flex;align-items:center;gap:8px}.hero-foot>span:last-child{font-size:7px;letter-spacing:1.6px}.hero-foot>span:last-child span{font-size:14px;margin-left:14px}.online-dot{display:inline-block;width:6px;height:6px;background:#80a799;border-radius:100%;box-shadow:0 0 0 3px #87b09b17}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:28px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;min-height:35px;margin-bottom:15px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading h2{font-size:20px;letter-spacing:1px;margin:0;font-weight:600}.section-index{font-size:11px;color:#a6b5b9}.total-badge{font-size:10px;background:#ebeff2;color:#94a0a7;border-radius:5px;padding:4px 7px}.sort-select{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.sort-select select{background:none;border:0;color:inherit;outline:none;font-size:11px}.filter-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:23px;flex-wrap:wrap}.filter-tabs button{font-size:11px;color:#87929a;padding:7px 11px;border-radius:6px;white-space:nowrap}.filter-tabs button.active{color:#45877d;background:#e7f0ec;font-weight:600}.filter-tabs button span{font-size:9px;margin-left:6px;opacity:.65}.filter-tabs button:hover{color:var(--accent);background:var(--soft)}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.post-card{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.post-image-link{position:relative;display:block;height:181px;overflow:hidden}.cover{width:100%;height:100%;overflow:hidden;background:#dde7eb}.cover img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.post-card:hover .cover img{transform:scale(1.04)}.image-category{position:absolute;left:16px;top:14px;border-radius:4px;background:#fffffff0;color:#465960;font-size:9px;padding:5px 9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-arrow{position:absolute;right:13px;bottom:12px;background:#ffffffea;color:#3f6a64;width:27px;height:27px;display:grid;place-items:center;border-radius:100%;opacity:0;transition:opacity .2s}.post-card:hover .image-arrow{opacity:1}.post-copy{padding:18px 19px 14px}.post-meta{display:flex;justify-content:space-between;gap:8px;color:#9ca7ae;font-size:9px}.post-meta span:first-child{display:flex;align-items:center;gap:5px}.post-copy h3{font-size:16px;line-height:1.6;margin:10px 0 8px;font-weight:600;min-height:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.post-copy h3 a:hover{color:var(--accent)}.post-copy>p{font-size:11px;line-height:1.95;color:#8b979f;margin:0 0 16px;min-height:43px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.post-bottom{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between}.post-bottom>div{display:flex;gap:12px;min-width:0;overflow:hidden}.post-bottom>div a{font-size:9px;color:#95a5a5;white-space:nowrap}.post-bottom a span{color:#aebfbc}.read-arrow{display:flex;color:#94a7a5}.cover-art{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:linear-gradient(130deg,#e5eeeb,#bfd2d0);color:#4c7c79;position:relative;overflow:hidden}.cover-art>span{font-size:10px;letter-spacing:3px;z-index:1}.cover-art>small{font-size:6px;letter-spacing:3px}.art-orbit{position:absolute;width:200px;height:200px;border:1px solid #ffffff90;border-radius:50%;transform:translate(95px,-25px)}.art-orbit:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid #ffffff50;border-radius:50%}.cover-1 .cover-art{background:linear-gradient(140deg,#e7e1d5,#cabca3);color:#88724d}.cover-2 .cover-art{background:linear-gradient(140deg,#dce4ef,#a2b5ca);color:#4d668a}.cover-3 .cover-art{background:linear-gradient(140deg,#e2e4ea,#b3b4c9);color:#626985}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px}.sidebar{display:flex;flex-direction:column;gap:20px}.profile{text-align:center;position:relative;overflow:hidden}.profile-top{height:77px;background:#e7efec;overflow:hidden;position:relative}.profile-lines{position:absolute;border:1px solid #ffffffb0;width:210px;height:210px;border-radius:100%;top:-122px;right:-17px}.profile-lines:after{content:"";position:absolute;border:1px solid #ffffffb0;width:165px;height:165px;left:21px;top:21px;border-radius:100%}.avatar{position:relative;width:67px;height:67px;display:grid;place-items:center;margin:-34px auto 0;background:#426e66;color:#f5f4de;border:4px solid var(--panel);border-radius:50%;font-size:22px;font-weight:600;letter-spacing:-1px}.avatar>span{font-size:11px;position:absolute;right:6px;bottom:5px;color:#dbcea2}.profile h3{font-size:18px;margin:12px 0 8px}.profile h3>.online-dot{vertical-align:middle;margin-left:4px;width:5px;height:5px}.profile>p{font-size:10px;color:#95a09e;margin:0}.profile-stats{display:flex;justify-content:space-around;margin:23px 20px 21px}.profile-stats a{display:flex;flex-direction:column;gap:6px;flex:1}.profile-stats a+a{border-left:1px solid var(--line)}.profile-stats strong{font-size:19px;font-weight:500}.profile-stats span{font-size:9px;color:#98a3a8}.profile-about{display:flex;align-items:center;justify-content:center;gap:80px;background:#f0f5f2;margin:0 20px 20px;border-radius:5px;font-size:11px;color:#5c8e81;padding:10px}.note-panel{background:#f4f0e6;border:1px solid #ebe5d8;border-radius:10px;padding:20px 20px 18px}.tiny-label{font-size:10px;letter-spacing:1px;color:#9a9c8b;display:flex;align-items:center;gap:7px}.note-panel p{font-size:12px;line-height:2;color:#91816a;margin:14px 0}.note-sign{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.2px;color:#b4a58a}.side-section{padding:20px}.side-section h3,.toc h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:0 0 19px}.side-section h3>svg,.toc h3>svg{color:#7b9992}.side-section h3>a{margin-left:auto;color:#a5b0b6;display:flex}.category-links{display:flex;flex-direction:column;gap:15px}.category-links a{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#849196}.category-links a:hover{color:var(--accent)}.category-links a>span:first-child{display:flex;align-items:center;gap:9px}.category-links a svg{color:#9aacaa}.category-links .count{background:#f2f5f6;border-radius:4px;min-width:23px;text-align:center;font-size:9px;padding:3px;color:#9ba9b0}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px 6px}.tag-cloud a{background:#f3f6f7;padding:6px 8px;font-size:10px;border-radius:4px;color:#84969a}.tag-cloud small{font-size:8px;color:#b4c0c3;margin-left:5px}.tag-cloud a:nth-child(3n){color:#6b9c8b;background:#eff5f0}.tag-cloud a:hover{background:#dfebe6}.sidebar-bottom{font-size:8px;color:#a6b3b8;display:flex;align-items:center;gap:6px;padding:3px 5px}.sidebar-bottom>span:last-child{margin-left:auto;letter-spacing:1px;font-size:7px}.pagination{display:flex;justify-content:center;gap:7px;align-items:center;margin-top:32px}.pagination button{width:31px;height:31px;border-radius:5px;font-size:11px;display:grid;place-items:center}.pagination button.active{color:#fff;background:#5b9488}.pagination button:not(.active):hover{background:var(--soft)}.pagination>span{color:#98a5ad;font-size:10px}.pagination .page-total{margin-left:12px}.site-footer{border-top:1px solid var(--line);background:var(--panel)}.site-footer>div{max-width:1256px;margin:auto;padding:30px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#a5afb4}.footer-brand{font-weight:600;font-size:13px;color:#63766f;display:flex;flex-direction:column;gap:7px}.footer-brand>span{font-size:9px;font-weight:400;color:#a5afb4}.site-footer>div>a:last-child{display:flex;gap:6px;align-items:center}.page-heading{padding:35px 0 45px}.page-heading h1{font-size:33px;font-weight:600;letter-spacing:1px;margin:15px 0}.page-heading p{font-size:13px;color:var(--muted)}.collection-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.collection-chips button{background:var(--panel);border:1px solid var(--line);padding:12px 16px;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:12px}.collection-chips button.active{background:#e8f1ed;border-color:#c9e0d7;color:var(--accent)}.collection-chips button span{color:#a5b3b5;font-size:10px}.archives{padding:30px}.archives section+section{margin-top:35px}.archives h2{display:flex;align-items:center;gap:14px;font-size:27px;font-weight:500;color:#547d74}.archives h2 span{font-size:10px;color:var(--muted);font-weight:400}.timeline{border-left:1px solid #dce6e1;margin-left:5px}.timeline a{padding:15px 0 15px 22px;position:relative;display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line)}.timeline a:before{content:"";width:5px;height:5px;position:absolute;left:-3px;background:#a5bfb4;border-radius:100%}.timeline time{font-size:10px;color:var(--muted);flex-shrink:0}.timeline a>span{font-size:13px;line-height:1.7}.timeline small{margin-left:auto;font-size:9px;color:#8ca59a;white-space:nowrap}.timeline a>svg{color:#a1b2aa}.timeline a:hover{color:var(--accent)}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:12px 0 25px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:30px;align-items:start}.article{padding:40px}.article-header{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:30px}.article-category{display:inline-block;color:#6c9a8c;background:var(--soft);border-radius:4px;padding:5px 9px;font-size:10px}.article h1{font-size:29px;font-weight:600;line-height:1.65;margin:16px 0 18px;overflow-wrap:anywhere}.article-meta{display:flex;align-items:center;gap:17px;flex-wrap:wrap;color:var(--muted);font-size:10px}.article-meta>span{display:flex;align-items:center;gap:5px}.article-description{border-left:3px solid #b4cdc0;padding:12px 16px;font-size:12px;color:#84958f;background:var(--soft);line-height:2;margin:25px 0 0}.markdown-body{font-size:14px;line-height:1.95;overflow-wrap:anywhere;color:var(--text)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{line-height:1.6;margin:1.6em 0 .8em;font-weight:600;scroll-margin-top:35px}.markdown-body h1{font-size:26px}.markdown-body h2{font-size:22px;border-bottom:1px solid var(--line);padding-bottom:10px}.markdown-body h3{font-size:18px}.markdown-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.markdown-body img{max-width:100%;height:auto;border-radius:6px;display:block;margin:20px auto}.markdown-body pre{background:#23333b;color:#dce7e8;border-radius:7px;padding:20px;overflow:auto;font-size:12px;line-height:1.8}.markdown-body pre code{font-family:Consolas,monospace;background:none;padding:0;color:inherit}.markdown-body :not(pre)>code{background:var(--soft);color:#4c8a79;padding:2px 5px;border-radius:4px;font-size:.88em}.markdown-body blockquote{border-left:3px solid #9fc7b8;margin:20px 0;background:var(--soft);padding:4px 20px;color:#7c938b}.markdown-body table{display:block;overflow:auto;border-collapse:collapse;width:100%;font-size:12px}.markdown-body th,.markdown-body td{padding:10px 14px;border:1px solid var(--line)}.markdown-body th{background:var(--soft)}.markdown-body hr{border:0;border-top:1px solid var(--line);margin:30px 0}.markdown-body li{margin:5px 0}.markdown-body input{vertical-align:middle}.article-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.article-tags a{font-size:10px;background:var(--soft);color:#74a08e;padding:6px 9px;border-radius:4px}.article-signature{display:flex;align-items:center;gap:15px;margin-top:30px;background:var(--soft);padding:20px;border-radius:7px;color:#7f9c8e;font-size:13px}.article-signature small{display:block;font-size:10px;margin-top:7px;color:#99a99f}.next-post{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:10px;color:var(--muted)}.next-post strong{display:block;font-size:15px;color:var(--text);font-weight:500;margin-top:8px}.article-aside{position:sticky;top:25px}.toc{padding:23px;max-height:75vh;overflow:auto}.toc>a{font-size:11px;display:block;margin:12px 0;color:var(--muted);line-height:1.6}.toc>a:hover{color:var(--accent)}.toc>p{font-size:11px;color:var(--muted)}.toc .back-home{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:17px;margin-bottom:0}.reading-note{font-size:11px;color:#a7b2aa;padding:22px;display:flex;align-items:center;justify-content:space-between}.about{max-width:820px;margin:30px auto;padding:60px}.about-avatar{width:92px;height:92px;background:#406b60;color:#f3efda;font-size:32px;border-radius:50%;display:grid;place-items:center;position:relative;margin-top:30px}.about-avatar>span{position:absolute;font-size:15px;bottom:12px;right:12px}.about h1{font-size:28px;margin:25px 0}.about p{font-size:14px;line-height:2.3;color:#85958d}.about-interests{display:flex;gap:25px;flex-wrap:wrap;margin:28px 0;font-size:12px;color:#688e80}.about-interests span{display:flex;align-items:center;gap:8px}.about-interests svg{width:18px}.about blockquote{margin:30px 0;padding:25px;background:var(--soft);border-left:3px solid #abc5b8;color:#658b7a}.about blockquote small{display:block;font-size:11px;margin-top:10px;color:#9bad9f}.primary-button,.secondary-button{border-radius:6px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500}.primary-button{background:#548e80;color:#fff}.primary-button:hover{background:#42796d}.secondary-button{border:1px solid var(--line);background:var(--panel);color:#83928f}.secondary-button:hover{background:var(--soft)}.about>.primary-button{margin-top:20px}.loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:300px;color:#90a69c;font-size:14px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:60px 20px;color:#91a29b}.empty>svg{color:#aac4b7;margin-bottom:12px}.empty h3{font-size:16px;font-weight:500}.empty p{font-size:12px;line-height:1.9}.empty>a{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#182f3c50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:14vh 20px 30px}.search-modal{background:var(--panel);border:1px solid var(--line);width:600px;border-radius:12px;overflow:hidden;box-shadow:0 20px 80px #233a4033}.search-input{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line);color:#8ca79b}.search-input input{background:none;border:0;outline:none;flex:1;min-width:0;font-size:15px}.search-results{padding:17px 22px;max-height:55vh;overflow:auto}.search-results>.tiny-label{padding:5px 4px 14px;font-size:9px}.search-results>button{display:flex;gap:14px;align-items:center;text-align:left;width:100%;padding:14px 10px;border-radius:6px;color:#8da49b}.search-results>button:hover{background:var(--soft)}.search-results>button>span{flex:1}.search-results strong{font-size:12px;color:var(--text);font-weight:500;display:block}.search-results small{font-size:9px;display:block;margin-top:6px;color:var(--muted)}.search-footer{padding:13px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#acb7b2}.search-footer kbd{font-size:9px}.notice{padding:12px 16px;display:flex;align-items:center;gap:8px;border-radius:6px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.notice.error{background:#fff0ed;color:#bd6e5f}.notice.success{background:#eaf4ef;color:#4e8d74}.notice button{margin-left:auto}.admin-app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.admin-header{height:76px;border-bottom:1px solid var(--line);background:var(--panel);padding:0 30px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.admin-header>div{display:flex;align-items:center;gap:20px}.admin-body{display:flex;flex:1;min-height:0}.admin-sidebar{width:310px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0}.admin-sidebar-heading{padding:24px 22px 8px;display:flex;align-items:center;justify-content:space-between}.admin-sidebar-heading h2{font-size:16px;font-weight:500;display:flex;gap:8px;align-items:center;margin:0}.admin-sidebar-heading>span{font-size:10px;color:#9eafa6;background:var(--soft);padding:4px 8px;border-radius:4px}.admin-create{display:flex;gap:8px;padding:16px 20px}.admin-create .primary-button{flex:1}.admin-create button{padding:10px;font-size:11px}.admin-search{display:flex;align-items:center;gap:8px;margin:0 20px 12px;padding:4px 9px;border:1px solid var(--line);border-radius:5px;color:#9aad9f}.admin-search input{border:0;outline:none;background:none;min-width:0;width:100%;font-size:11px}.admin-post-list{overflow:auto;flex:1;padding:0 10px}.admin-post-list>button{display:flex;align-items:flex-start;gap:10px;text-align:left;width:100%;padding:15px 12px;border-radius:7px;color:#9eada6}.admin-post-list>button>span{min-width:0;flex:1}.admin-post-list strong{display:block;font-size:11px;color:var(--text);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}.admin-post-list small{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:#a1aca6}.admin-post-list small i{font-size:8px;font-style:normal;color:#8eb49d}.admin-post-list small i.draft{color:#b6a079}.admin-post-list>button:hover,.admin-post-list>button.active{background:var(--soft)}.admin-post-list>button.active strong{color:var(--accent)}.source-folder{padding:18px 20px;border-top:1px solid var(--line);display:flex;gap:9px;color:#9eada6;align-items:center;font-size:10px}.source-folder span{min-width:0}.source-folder small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;margin-top:5px;max-width:230px}.admin-workspace{flex:1;min-width:0;display:flex;flex-direction:column;overflow:auto}.admin-workspace>.notice{margin:12px 20px 0;flex-shrink:0}.workspace-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.welcome-illustration{width:130px;height:130px;display:grid;place-items:center;border-radius:50%;background:#e8f0e9;color:#77a18e;position:relative;margin-bottom:35px}.welcome-illustration span{font-size:24px;color:#b9c9b1;position:absolute;top:4px;right:2px}.workspace-welcome h1{font-size:27px;font-weight:500;margin:20px 0 10px}.workspace-welcome p{font-size:13px;line-height:2;color:#97a69c;margin:0 0 27px}.workspace-welcome>div:not(.welcome-illustration):not(.eyebrow){display:flex;gap:12px}.workspace-welcome>small{font-size:10px;color:#adb9af;margin-top:35px}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 25px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}.editor-toolbar>div{display:flex;align-items:center;gap:12px}.editor-toolbar>div>a{color:#9eafa3}.editor-status{font-size:10px;color:#8da698;display:flex;align-items:center;gap:6px}.editor-status>span{width:5px;height:5px;border-radius:50%;background:#87ad92}.editor-status.unsaved{color:#b6a476}.editor-status.unsaved>span{background:#c5ae72}.view-toggle{display:flex;border:1px solid var(--line);padding:3px;border-radius:5px}.view-toggle button{font-size:10px;padding:4px 10px;border-radius:3px;color:#96a59a}.view-toggle button.active{background:var(--soft);color:#648a75}.filename-bar{display:flex;align-items:center;gap:9px;padding:18px 25px;background:var(--panel);font-size:11px;color:#96a99b;flex-shrink:0}.filename-bar input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14px}.filename-bar small{font-size:9px}.editor-hint{font-size:10px;color:#9b9f88;padding:10px 25px;line-height:1.8;background:#f6f4e9;border-top:1px solid #efecdf;flex-shrink:0}.editor-hint code{font-size:10px}.editor-panes{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:300px;overflow:hidden;background:var(--panel)}.source-pane,.preview-pane{min-width:0;display:flex;flex-direction:column;min-height:0}.source-pane{border-right:1px solid var(--line)}.pane-label{padding:13px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.6px;color:#9aafa3;flex-shrink:0}.pane-label>span{margin-left:auto;font-size:8px;letter-spacing:0;color:#b1bdb4}.source-pane textarea{width:100%;height:100%;flex:1;border:0;resize:none;outline:none;padding:25px;font:12px/2 Consolas,Noto Sans SC,monospace;background:var(--panel);-moz-tab-size:2;tab-size:2}.preview-pane>.markdown-body{padding:0 25px 25px;overflow:auto;flex:1;font-size:13px}.mode-edit,.mode-preview{grid-template-columns:1fr}.mode-edit .preview-pane,.mode-preview .source-pane{display:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 40%,#eaf1e9,transparent 65%);padding:30px}.login-brand{font-size:27px;font-weight:700;letter-spacing:-2px;color:#5b8272;margin-bottom:32px}.login-brand span{font-size:10px;font-weight:500;letter-spacing:2px;margin-left:15px}.login-card{width:420px;max-width:100%;padding:38px}.login-icon{background:var(--soft);width:58px;height:58px;display:grid;place-items:center;border-radius:14px;color:#7a9f88;margin-bottom:26px}.login-card .eyebrow{font-size:8px;letter-spacing:1.7px}.login-card h1{font-size:23px;font-weight:500;margin:14px 0}.login-card>p{font-size:11px;color:#9daa9e;line-height:1.8;margin-bottom:30px}.login-card label{font-size:11px;color:#809385;display:block}.login-card input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:var(--bg);font-size:12px;margin-top:9px;outline-color:#8ab49f}.login-card>.primary-button{width:100%;margin-top:22px;padding:12px}.login-card .notice{margin-top:12px;font-size:11px}.login-back{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#9cab9e;margin-top:25px}.login-caption{font-size:10px;color:#a2b1a3;letter-spacing:1px;margin-top:28px}[data-theme=dark]{--bg:#172025;--panel:#202b30;--text:#d5dfdf;--muted:#8a9a9f;--line:#334147;--soft:#293d3b;--accent:#8abeb0;--shadow:0 6px 24px #0003;color-scheme:dark}[data-theme=dark] .hero{filter:brightness(.8)}[data-theme=dark] .note-panel{background:#38372e;border-color:#4a4535}[data-theme=dark] .post-copy h3,[data-theme=dark] .brand-title{color:var(--text)}[data-theme=dark] .editor-hint{background:#38372e;border-color:#4a4535}[data-theme=dark] .profile-top{background:#314640}[data-theme=dark] .profile-about,[data-theme=dark] .tag-cloud a,[data-theme=dark] .category-links .count{background:#2c3a3d}[data-theme=dark] .workspace-welcome .welcome-illustration{background:#2c4038}[data-theme=dark] .notice.error{background:#4d3430;color:#e4a99b}[data-theme=dark] .notice.success{background:#284536;color:#a3d3b7}@media(min-width:1450px){.site-main,.header-inner,.site-footer>div{max-width:1310px}.post-image-link{height:202px}.hero{height:390px}.hero-copy{padding-top:40px}}@media(max-width:1100px){.header-inner,.nav{gap:20px}.search-trigger span,.search-trigger kbd{display:none}.header-actions{gap:10px}.content-grid{grid-template-columns:minmax(0,1fr) 245px;gap:22px}.hero-copy{padding-left:30px}.hero h1{font-size:38px}.hero-visual{width:46%;right:20px;top:40px;bottom:60px}.post-image-link{height:157px}.post-copy{padding:15px}.post-copy h3{font-size:14px}.post-meta{font-size:8px}.filter-tabs{gap:2px}.filter-tabs button{padding:6px 8px}.side-section{padding:18px}.article{padding:28px}.admin-sidebar{width:270px}.editor-toolbar{padding:14px}.editor-toolbar .primary-button{padding:9px}.editor-status{font-size:9px}.view-toggle button{padding:4px 6px}}@media(max-width:800px){.site-header{height:72px}.header-inner{padding:0 20px;gap:10px}.nav{gap:20px}.brand-mark{font-size:24px;padding-right:11px}.brand-title{font-size:14px}.brand-title small{font-size:6px}.nav a{font-size:11px}.theme-button,.write-link{display:none}.site-main{padding:23px 20px 40px}.hero{height:330px;margin-bottom:30px}.hero h1{font-size:34px}.hero-copy{padding:30px 25px}.hero p{font-size:10px}.hero-visual{width:43%;top:45px;bottom:66px;right:15px}.hero-foot{padding:0 25px}.content-grid{grid-template-columns:minmax(0,1fr) 215px;gap:18px}.post-grid{gap:15px;grid-template-columns:1fr}.post-image-link{height:210px}.post-copy{padding:19px}.post-copy h3{font-size:17px}.post-meta{font-size:10px}.profile-about{gap:40px}.profile>p{font-size:9px}.side-section,.note-panel{padding:16px}.sidebar{gap:16px}.article-layout{grid-template-columns:1fr}.article-aside{display:none}.article h1{font-size:25px}.about{padding:35px}.admin-sidebar{width:235px}.admin-header{padding:0 20px}.editor-status{display:none}.editor-panes.mode-split{grid-template-columns:1fr}.mode-split .preview-pane{display:none}.workspace-welcome h1{font-size:22px}.workspace-welcome>div:not(.welcome-illustration):not(.eyebrow){flex-direction:column}.admin-create{padding:14px 12px}.admin-create button{font-size:10px}.admin-sidebar-heading{padding:20px 15px 8px}.editor-toolbar{justify-content:flex-end}.filename-bar{padding:15px}.editor-hint{padding:10px 15px}.source-folder{padding:15px;font-size:9px}.source-folder small{max-width:175px}}@media(max-width:580px){.header-inner{padding:0 18px}.brand{gap:10px}.header-actions{margin-left:auto;gap:6px}.mobile-menu,.theme-button{display:flex}.nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;z-index:10;background:var(--panel);border-bottom:1px solid var(--line);padding:10px 20px;justify-content:space-around}.nav.open{display:flex}.nav a{padding:13px 0}.nav a.active:after{bottom:4px}.site-main{padding:20px 16px 35px}.hero{height:342px;border-radius:10px;margin-bottom:28px}.hero-copy{padding:27px 24px}.hero .eyebrow{font-size:7px;letter-spacing:1.4px}.hero h1{font-size:34px;margin-top:18px;letter-spacing:1px}.hero p{font-size:10px;line-height:2}.hero-visual{width:44%;height:145px;bottom:39px;top:auto;right:-15px;opacity:.7;border-radius:80px 80px 0 0}.hero-link{margin-top:21px}.landscape-label{display:none}.hero-foot{height:34px;padding:0 22px;font-size:8px}.hero-foot>span:last-child{font-size:6px;letter-spacing:.8px}.hero-foot>span:last-child span{margin-left:0}.content-grid{display:block}.sidebar{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile{grid-row:span 2}.profile>p{padding:0 7px;font-size:8px}.note-panel{padding:15px 12px}.note-panel p{font-size:10px}.note-sign{font-size:7px}.note-sign svg{display:none}.sidebar .side-section{padding:15px}.category-links{gap:12px}.category-links a{font-size:10px}.category-links a svg{width:13px}.category-links a>span:first-child{gap:5px}.sidebar .side-section:last-of-type{grid-column:span 2}.sidebar-bottom{grid-column:span 2;font-size:8px}.profile-about{gap:15px;margin:0 12px 16px;padding:9px}.profile-stats{margin:20px 6px}.profile-stats strong{font-size:17px}.profile-stats span{font-size:8px}.profile h3{font-size:16px}.post-grid{grid-template-columns:1fr;gap:20px}.post-image-link{height:205px}.section-heading h2{font-size:19px}.filter-tabs{gap:6px;padding-bottom:15px;margin-bottom:20px}.filter-tabs button{font-size:10px;padding:6px 9px}.post-copy{padding:19px 20px 15px}.post-copy h3{font-size:17px}.post-copy>p{font-size:12px;min-height:0}.post-meta{font-size:9px}.post-bottom>div a{font-size:10px}.site-footer>div{flex-wrap:wrap;justify-content:center;padding:25px 20px;text-align:center;gap:15px}.footer-brand{width:100%}.site-footer>div>span{font-size:8px}.site-footer>div>a:last-child{font-size:8px}.page-heading{padding:25px 5px 30px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:8px}.collection-chips{gap:8px}.collection-chips button{font-size:11px;padding:10px 12px}.archives{padding:20px}.timeline a{gap:10px;padding-left:16px}.timeline a>span{font-size:11px}.timeline small{display:none}.timeline a>svg{margin-left:auto}.article{padding:23px 19px}.article h1{font-size:23px}.article-meta{gap:12px;font-size:9px}.markdown-body{font-size:13px}.article-description{font-size:11px}.markdown-body h2{font-size:20px}.markdown-body h3{font-size:17px}.about{padding:30px 23px;margin:10px 0}.about h1{font-size:22px}.about p{font-size:12px}.about-interests{gap:15px;font-size:10px}.search-modal{width:100%}.search-input{padding:18px 16px;gap:9px}.search-input input{font-size:13px}.search-results{padding:12px}.modal-overlay{padding:10vh 12px 20px}.admin-header{height:65px;padding:0 15px}.admin-header .secondary-button{font-size:10px;padding:7px 9px}.admin-header>div{gap:7px}.admin-header .brand-mark{font-size:23px}.admin-header .brand-title{font-size:13px}.admin-body{flex-direction:column;overflow:auto}.admin-sidebar{width:100%;height:240px;border-right:0;border-bottom:1px solid var(--line);flex-shrink:0}.admin-sidebar-heading{padding:12px 15px 0}.admin-sidebar-heading h2{font-size:13px}.admin-sidebar-heading svg{width:15px}.admin-create{padding:10px 15px;position:absolute;right:0;top:72px}.admin-create button{padding:7px 10px;font-size:9px}.admin-create .primary-button{flex:none}.admin-search{margin:12px 15px 5px;padding:1px 8px}.admin-post-list{display:flex;flex-direction:column;min-height:60px;padding:0 7px}.admin-post-list>button{padding:9px}.admin-post-list strong{font-size:11px}.admin-post-list small{margin-top:3px}.source-folder{display:none}.admin-workspace{overflow:visible;min-height:500px;flex-shrink:0}.editor-toolbar{padding:12px 15px}.editor-toolbar .primary-button{font-size:10px}.editor-panes{min-height:500px}.source-pane textarea{min-height:450px;padding:18px;font-size:11px}.pane-label{padding:11px 17px}.workspace-welcome{padding:40px 20px;min-height:500px}.workspace-welcome h1{font-size:23px}.workspace-welcome .eyebrow{font-size:8px}.workspace-welcome>div:not(.welcome-illustration):not(.eyebrow){flex-direction:row}.workspace-welcome .primary-button,.workspace-welcome .secondary-button{font-size:10px;padding:10px 12px}.login-card{padding:30px 25px}.login-card h1{font-size:22px}.filename-bar input{font-size:12px}.filename-bar small{font-size:8px}.admin-workspace>.notice{margin:10px;font-size:10px}}.protected-article{max-width:720px;margin:35px auto 65px;padding:48px 32px;text-align:center}.protected-icon{width:72px;height:72px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border-radius:50%;margin:0 auto 25px}.protected-article>.eyebrow{justify-content:center}.protected-article h1{font-size:26px;font-weight:600;line-height:1.7;margin:18px 0 12px;overflow-wrap:anywhere}.protected-article>p{font-size:12px;color:var(--muted);line-height:1.9}.protected-article form{max-width:335px;margin:30px auto 0;text-align:left}.protected-article label{font-size:11px;color:var(--muted)}.protected-article input{display:block;width:100%;padding:13px 14px;margin:9px 0 14px;border:1px solid var(--line);border-radius:6px;background:var(--bg);outline-color:var(--accent);font-size:13px}.protected-article .primary-button{width:100%;padding:12px;margin-top:8px}.protected-article .notice{font-size:11px}.protected-back{display:inline-flex;align-items:center;gap:7px;margin-top:26px;font-size:11px;color:var(--muted)}@media(max-width:580px){.protected-article{padding:35px 22px;margin:20px 0 40px}.protected-article h1{font-size:22px}}.editor-body{display:flex;flex-direction:column;flex:1;min-height:350px;background:var(--panel)}.editor-only{flex:1;border-right:0;min-height:300px}.editor-only textarea{min-height:300px}.frontmatter-help{flex-shrink:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft);font-size:11px;color:var(--muted)}.frontmatter-help>summary{padding:14px 25px;cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none}.frontmatter-help>summary::-webkit-details-marker{display:none}.frontmatter-help summary strong{font-weight:500;color:var(--accent)}.frontmatter-help summary>span{margin-left:auto;font-size:9px}.frontmatter-help #frontmatter-guide{padding:0 25px 16px;max-height:230px;overflow:auto}.frontmatter-help p{margin:0 0 13px;font-size:10px;line-height:1.9}.frontmatter-help dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;margin:0}.frontmatter-help dt{font-size:10px;color:var(--accent);overflow-wrap:anywhere}.frontmatter-help dd{margin:5px 0 0;font-size:10px;line-height:1.8}.frontmatter-help code{font-family:Consolas,Noto Sans SC,monospace}.web-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--accent);font-size:11px}.web-preview-banner>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.9}.web-preview-banner .secondary-button{flex-shrink:0;font-size:10px}.preview-error{max-width:650px;margin:50px auto;padding:45px 25px;text-align:center}.preview-error>svg{color:var(--accent)}.preview-error h1{font-size:23px;font-weight:500}.preview-error p{font-size:12px;line-height:1.9;color:var(--muted)}.preview-error .primary-button{margin-top:15px}@media(max-width:800px){.frontmatter-help dl{grid-template-columns:1fr}.frontmatter-help #frontmatter-guide{max-height:200px}.frontmatter-help summary>span{font-size:8px}.editor-actions{gap:8px!important}.editor-actions>.secondary-button{font-size:10px;padding:9px}.web-preview-banner{align-items:flex-start}.web-preview-banner>span{font-size:10px}}@media(max-width:580px){.frontmatter-help>summary{padding:13px 15px;flex-wrap:wrap}.frontmatter-help summary>span{margin-left:23px;width:100%}.frontmatter-help #frontmatter-guide{padding:0 15px 14px}.editor-body{min-height:600px}.editor-only textarea{min-height:400px}.editor-actions>.secondary-button{font-size:9px;padding:9px}.web-preview-banner{flex-direction:column;padding:13px}.web-preview-banner .secondary-button{align-self:flex-end}.preview-error{margin:25px 0}}