@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--bg:#eeeae1;--paper:#fdfcf8;--ink:#29332d;--muted:#73766d;--olive:#596844;--line:#dedfd3;--soft:#eef0e5;--serif:'Noto Serif SC','Songti SC','SimSun',serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 system-ui,-apple-system,'Microsoft YaHei',sans-serif}a{color:var(--olive);text-underline-offset:5px}button,input{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:hover{color:#354423}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--olive);outline-offset:5px}button{color:var(--ink)}.page{max-width:1120px;margin:44px auto;background:var(--paper);border:1px solid #e4e0d6;border-radius:13px;box-shadow:0 8px 40px #45402c0a;overflow:hidden}.header{display:flex;align-items:center;gap:40px;padding:25px 54px;border-bottom:1px solid var(--line)}.brand{font:600 33px/1.2 Georgia,serif;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:18px}.brand span{font:12px/1.4 system-ui;color:var(--muted);border-left:1px solid var(--line);padding-left:18px;letter-spacing:2px}.header nav{display:flex;gap:30px;margin-left:auto}.header nav a{text-decoration:none;color:var(--ink);padding:7px 0;border-bottom:2px solid transparent}.header nav a.active{border-color:var(--olive);color:var(--olive)}.search-trigger{background:none;border:1px solid #c9cebf;border-radius:7px;padding:6px 11px;color:var(--muted);font-size:12px;display:flex;gap:10px;align-items:center}.search-trigger span{font-size:23px;line-height:1}.search-trigger kbd{border:1px solid var(--line);border-radius:3px;padding:0 5px;font:11px/1.5 monospace}.intro{padding:42px 74px 38px;background:#f4f2eb;border-bottom:1px solid #e9e6dd;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--olive);text-transform:uppercase}.intro h1{font:500 35px/1.5 var(--serif);margin:10px 0 9px;letter-spacing:2px}.intro p{margin:0;color:var(--muted);font-size:14px}.intro-aside{font:400 13px/2 var(--serif);color:#848777;border-left:1px solid #d8dacd;padding-left:26px;white-space:nowrap}.content{padding:32px 74px 42px}.section-head{display:flex;align-items:center;gap:20px;margin-bottom:8px}.section-head h2{font:500 19px/1.5 var(--serif);margin:0;white-space:nowrap}.section-head .rule{height:1px;background:var(--line);flex:1}.filter{border:1px solid #d4d8cb;border-radius:6px;position:relative}.filter select{background:transparent;border:0;padding:6px 9px;color:var(--olive);font:12px system-ui;cursor:pointer}.post{padding:26px 0;border-bottom:1px solid var(--line);display:flex;gap:30px;align-items:center}.post:last-child{border-bottom:0}.post-copy{flex:1;min-width:0}.post-title{font:500 23px/1.6 var(--serif);margin:0 0 9px}.post-title a{color:var(--ink);text-decoration:none}.post-title a:hover{text-decoration:underline;color:var(--olive)}.post-title .arrow{color:var(--olive);font:19px system-ui;margin-left:10px;display:inline-block;transition:transform .15s}.post-title a:hover .arrow{transform:translateX(4px)}.summary{margin:0 0 12px;color:#666b61;line-height:1.9;font-size:14px;max-width:710px}.meta{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.3px}.meta .category{color:var(--olive);text-decoration:underline;text-decoration-color:#c0c7b4}.cover{width:136px;height:102px;object-fit:cover;border-radius:7px;background:#e3e4d7}.note{margin:8px 0 0;border-radius:7px;background:var(--soft);padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.note p{margin:0;font:400 14px/1.8 var(--serif)}.note a{font-size:12px;white-space:nowrap}.note-label{font:10px system-ui;letter-spacing:2px;display:block;color:var(--olive);margin-bottom:4px}footer{display:flex;gap:25px;align-items:center;border-top:1px solid var(--line);padding:22px 54px;color:var(--muted);font-size:11px}footer>span{margin-right:auto}.footer-note{margin-left:15px;color:#8c8e83}.article{max-width:740px;margin:auto;padding:40px 0 35px}.back{font-size:12px}.article h1{font:500 35px/1.55 var(--serif);margin:25px 0 12px}.article .meta{padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.prose{font-size:15px;line-height:2.05;color:#414940}.prose h2{font:600 23px/1.6 var(--serif);margin:34px 0 14px}.prose p{margin:16px 0}.prose blockquote{margin:25px 0;padding:15px 23px;border-left:3px solid var(--olive);background:var(--soft);font-family:var(--serif)}.prose pre{background:#29332d;color:#ecefdf;padding:20px;border-radius:7px;overflow:auto;font:13px/1.8 monospace}.article-end{border-top:1px solid var(--line);margin-top:38px;padding-top:24px;display:flex;justify-content:space-between;font-size:12px}.archive-year{font:500 28px var(--serif);margin:32px 0 10px}.archive-row{display:flex;gap:28px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}.archive-row time{color:var(--muted);font-size:12px}.archive-row a{font:400 18px var(--serif);text-decoration:none}.archive-row a:hover{text-decoration:underline}.empty{padding:35px 0;color:var(--muted)}dialog{width:min(570px,calc(100% - 32px));border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:25px;color:var(--ink);box-shadow:0 20px 80px #0002}dialog::backdrop{background:#29332d55;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-family:var(--serif)}.dialog-head button{background:none;border:0;font-size:26px}#search-input{width:100%;padding:12px;border:1px solid #c9cebf;border-radius:5px;background:white}#search-results{max-height:360px;overflow:auto}.search-result{display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}.search-result small{display:block;color:var(--muted)}.demo-label{font-size:11px;color:var(--muted);margin-top:24px}
@media(min-width:1500px){.page{margin-top:60px}}@media(max-width:900px){.page{margin:20px}.header{padding:20px 30px;gap:20px}.brand span{display:none}.intro,.content{padding-left:38px;padding-right:38px}.intro-aside{display:none}.header nav{gap:20px}footer{padding:20px 30px}.footer-note{display:none}}
@media(max-width:600px){body{background:var(--paper)}.page{margin:0;border:0;border-radius:0;box-shadow:none}.header{padding:20px 22px;flex-wrap:wrap;gap:16px}.brand{font-size:28px}.header nav{gap:19px;font-size:13px}.search-trigger{width:100%;justify-content:flex-start}.search-trigger kbd{margin-left:auto}.intro{padding:29px 24px}.intro h1{font-size:27px;letter-spacing:1px}.intro p{font-size:12px}.content{padding:25px 24px 30px}.post{padding:24px 0;gap:16px;align-items:flex-start}.post-title{font-size:20px}.summary{font-size:13px}.cover{width:78px;height:85px;margin-top:8px}.meta{font-size:10px;gap:8px}.note{padding:17px;align-items:flex-start;flex-direction:column;gap:10px}.note p{font-size:13px}footer{padding:20px 24px;gap:16px;font-size:10px}.article{padding-top:5px}.article h1{font-size:29px}.prose{font-size:14px}.archive-row{gap:16px}.archive-row a{font-size:16px}}