:root{--font-sans:"Zalando Sans", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--font-serif:"Libertinus Serif", "Noto Serif SC", serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--content-max:1024px;--header-offset:24px}:root[data-theme=light],:root[data-theme=auto]{--bg:#ffffff;--fg:#18181b;--accent-bg:#000000;--accent-fg:#ffffff;--muted:#71717a;--muted-2:#404040;--border:#e4e4e7;--border-soft:#f4f4f5;--pill-bg:#e4e4e7;--card-border:#18181b;--code-bg:#e4e4e7;--code-fg:#18181b}:root[data-theme=dark]{--bg:#18181b;--fg:#f4f4f5;--accent-bg:#52525b;--accent-fg:#ffffff;--muted:#a1a1aa;--muted-2:#d4d4d8;--border:#3f3f46;--border-soft:#3f3f46;--pill-bg:#3f3f46;--card-border:#f4f4f5;--code-bg:#27272a;--code-fg:#f4f4f5}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#18181b;--fg:#f4f4f5;--accent-bg:#52525b;--accent-fg:#ffffff;--muted:#a1a1aa;--muted-2:#d4d4d8;--border:#3f3f46;--border-soft:#3f3f46;--pill-bg:#3f3f46;--card-border:#f4f4f5;--code-bg:#27272a;--code-fg:#f4f4f5}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);transition:background-color .15s ease,color .15s ease}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}img{max-width:100%}button{font:inherit}.stretch-cond{font-stretch:87.5%}.site-shell{display:flex;flex-direction:column;align-items:center;min-height:100vh}.shell-grid{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 24px;box-sizing:border-box;display:grid;grid-template-columns:repeat(12,1fr);grid-template-areas:"side side main main main main main main main main tog tog";flex:1 0 auto;column-gap:0}.col-sidebar{grid-area:side;min-width:0;display:flex;flex-direction:column;gap:24px;align-items:stretch}.masthead{height:112px;width:100%;background:var(--accent-bg);color:var(--accent-fg);display:flex;align-items:flex-end;padding-bottom:4px}.masthead span{display:block;padding:0 8px;font-weight:700;font-size:18px;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav{width:100%;display:flex;flex-direction:column;align-items:flex-start}.side-nav a{width:100%;padding:6px 8px 2px;font-weight:600;font-size:16px;line-height:24px}.side-nav a.active{background:var(--accent-bg);color:var(--accent-fg)}.col-toggle{grid-area:tog;display:flex;align-items:flex-start;justify-content:flex-end;padding-right:8px;gap:0}.theme-toggle-btn{cursor:pointer;padding:4px;border:none;background:0 0;color:var(--fg);opacity:.55;display:flex;line-height:0}.theme-toggle-btn.active{background:var(--accent-bg);color:var(--accent-fg);opacity:1}.col-main{grid-area:main;width:100%;padding:136px 12px 0 32px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.section-head{display:flex;width:100%;align-items:baseline;gap:8px}.section-head h2{margin:0;font-weight:600;font-size:20px;line-height:28px}.section-head a.section-title-link{text-decoration:underline;text-underline-offset:2px}.section-head .view-all{margin-left:auto;font-size:14px;line-height:20px;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.home-block{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.list-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:16px}.list-row-title{font-size:16px;line-height:24px}.list-row-line{flex:1;border-bottom:1px solid var(--border-soft);margin-top:-8px}.list-row-pill{background:var(--pill-bg);border-bottom:1px solid var(--pill-bg);padding:2px 8px 0;margin-top:-6px;display:flex;justify-content:flex-end}.list-row-pill span{font-family:var(--font-mono);font-size:13px;line-height:20px;white-space:nowrap}.list-plain{width:100%}.list-plain .list-row{color:inherit}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}.work-card-link{display:block;height:100%;border:1px solid transparent}.work-card{border:1px solid var(--card-border);height:100%;display:flex;flex-direction:column}.work-cover{width:100%;aspect-ratio:3/2;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,var(--border-soft) 0 8px,var(--border) 8px 16px)}.work-cover img{width:100%;height:100%;object-fit:cover;display:block}.work-cover-label{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.work-title{margin:0;padding:4px 8px;background:var(--accent-bg);color:var(--accent-fg);font-weight:600;font-size:16px;line-height:24px}.work-byline{display:block;flex:1;font-family:var(--font-serif);padding:4px 8px;font-size:16px;line-height:24px}.work-detail{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.work-detail-head{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.work-detail-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-family:var(--font-mono);font-size:12px;line-height:20px;text-transform:uppercase}.work-detail-description{max-width:42rem;margin:0;color:var(--muted-2);font-family:var(--font-serif);font-size:20px;line-height:30px}.work-detail-cover{width:100%;aspect-ratio:3/2;margin:0;overflow:hidden;border:1px solid var(--card-border);background:var(--border-soft)}.work-detail-cover img{width:100%;height:100%;display:block;object-fit:cover}.work-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.work-detail-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--card-border);background:var(--accent-bg);color:var(--accent-fg);font-size:14px;line-height:20px}.work-detail .post-content{margin-top:8px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;width:100%}.tag-pill{display:block;border:1px solid var(--card-border);padding:2px 8px;font-size:14px;line-height:20px}.page-h1{margin:0;font-weight:700;font-size:30px;line-height:36px}.page-lede{margin-bottom:16px;color:var(--muted-2);font-size:16px;line-height:24px}.page-header-block{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.post-article,.comment-article{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.post-cover,.comment-cover{width:100%;margin:0}.post-cover img,.comment-cover img{width:100%;display:block}.page-lede p{margin:0}.crumb-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;line-height:20px;margin-bottom:12px}.article-meta{margin-bottom:16px;color:var(--muted-2);font-size:16px;line-height:24px}.article-meta a{text-decoration:underline}.post-content,.page-content{font-family:var(--font-serif);font-size:18px;line-height:28px;color:var(--fg);max-width:70ch;width:100%}.post-content h2,.page-content h2{font-family:var(--font-sans);font-weight:700;font-stretch:87.5%;font-size:22px;line-height:30px;margin:2.25rem 0 .75rem;scroll-margin-top:var(--header-offset)}.post-content h3,.page-content h3{font-family:var(--font-sans);font-weight:600;font-size:18px;line-height:26px;margin:1.75rem 0 .5rem;scroll-margin-top:var(--header-offset)}.post-content p,.page-content p{margin:0 0 1rem}.post-content ul,.post-content ol,.page-content ul,.page-content ol{margin:0 0 1rem;padding-left:1.5rem;list-style:revert}.post-content li,.page-content li{margin-bottom:.5rem}.post-content blockquote,.page-content blockquote{margin:0 0 1rem;padding-left:16px;border-left:4px solid var(--border);color:var(--muted-2)}.post-content pre,.page-content pre{margin:.5rem 0 1rem;padding:8px 12px;background:var(--code-bg);color:var(--code-fg);border-radius:2px;overflow-x:auto;font-family:var(--font-mono);font-size:14px;line-height:20px}.post-content code,.page-content code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);border-radius:2px;padding:.1em .35em}.post-content pre code,.page-content pre code{background:0 0;padding:0}.post-content table,.page-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-family:var(--font-sans);font-size:.9rem}.post-content th,.post-content td,.page-content th,.page-content td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.post-content th,.page-content th{background:var(--code-bg);font-weight:600}.post-content hr,.page-content hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.post-content img,.page-content img{display:block;margin:1rem 0}.post-content a,.page-content a{text-decoration:underline;text-underline-offset:2px}.entry-nav{margin-top:24px;display:flex;width:100%;align-items:center;gap:16px;flex-wrap:wrap}.entry-nav a{display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:2px;font-size:16px}.entry-nav .next{margin-left:auto;text-align:right}.comments-section{width:100%;margin-top:40px}.comments-section h2{margin:0 0 16px;font-family:var(--font-sans);font-weight:700;font-stretch:87.5%;font-size:20px;line-height:28px}.db-subject-wrap{width:100%;margin:8px 0}.db-subject{display:flex;align-items:flex-start;gap:1.25rem;line-height:1.6;width:100%}.db-cover{flex:none;display:block}.db-cover img{display:block;width:88px;height:124px;object-fit:cover}.db-body{flex:auto;min-width:0}.db-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:.35rem}.db-title{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--fg);text-decoration:underline}.db-cate{font-size:.75rem;color:var(--muted)}.db-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;line-height:1}.db-rating .allstardark{position:relative;height:14px;width:70px;background-size:auto 100%;background-repeat:repeat;background-image:url(data:image/svg+xml,%3Csvg%20class=%22icon%22%20viewBox=%220%200%201024%201024%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2232%22%20height=%2232%22%3E%3Cpath%20d=%22M908.1%20353.1l-253.9-36.9L540.7%2086.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9%2014.5L369.8%20316.2l-253.9%2036.9c-7%201-13.4%204.3-18.3%209.3-12.3%2012.7-12.1%2032.9.6%2045.3l183.7%20179.1-43.4%20252.9c-1.2%206.9-.1%2014.1%203.2%2020.3%208.2%2015.6%2027.6%2021.7%2043.2%2013.4L512%20754l227.1%20119.4c6.2%203.3%2013.4%204.4%2020.3%203.2%2017.4-3%2029.1-19.5%2026.1-36.9l-43.4-252.9%20183.7-179.1c5-4.9%208.3-11.3%209.3-18.3%202.7-17.5-9.5-33.7-27-36.3zM664.8%20561.6l36.1%20210.3L512%20672.7%20323.1%20772l36.1-210.3-152.8-149L417.6%20382%20512%20190.7%20606.4%20382l211.2%2030.7-152.8%20148.9z%22%20fill=%22%23f99b01%22/%3E%3C/svg%3E)}.db-rating .allstarlight{position:absolute;left:0;height:14px;overflow:hidden;background-size:auto 100%;background-repeat:repeat;background-image:url(data:image/svg+xml,%3Csvg%20class=%22icon%22%20viewBox=%220%200%201024%201024%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2232%22%20height=%2232%22%3E%3Cpath%20d=%22M908.1%20353.1l-253.9-36.9L540.7%2086.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9%2014.5L369.8%20316.2l-253.9%2036.9c-7%201-13.4%204.3-18.3%209.3-12.3%2012.7-12.1%2032.9.6%2045.3l183.7%20179.1-43.4%20252.9c-1.2%206.9-.1%2014.1%203.2%2020.3%208.2%2015.6%2027.6%2021.7%2043.2%2013.4L512%20754l227.1%20119.4c6.2%203.3%2013.4%204.4%2020.3%203.2%2017.4-3%2029.1-19.5%2026.1-36.9l-43.4-252.9%20183.7-179.1c5-4.9%208.3-11.3%209.3-18.3%202.7-17.5-9.5-33.7-27-36.3z%22%20fill=%22%23f99b01%22/%3E%3C/svg%3E)}.db-rating .rating_nums{color:var(--muted)}.db-brief{margin:0;font-family:var(--font-serif);font-size:.95rem;color:var(--muted-2);line-height:1.65}.douban-error{text-align:center;color:var(--muted);font-family:var(--font-mono);font-size:.8rem}.archive-year-row,.category-count-row{color:var(--muted)}.site-footer{margin-top:auto;padding:48px 0 32px}.site-footer span{font-size:12px;line-height:16px;color:var(--muted)}.site-footer a{text-decoration:underline}.meta-sep{color:var(--muted);margin:0 2px}@media(max-width:900px){.shell-grid{grid-template-columns:1fr;grid-template-areas:"side" "tog" "main";padding:0 16px}.col-sidebar{flex-direction:column;gap:0}.masthead{height:72px}.side-nav{flex-direction:row;flex-wrap:wrap;gap:2px;padding:8px 0}.side-nav a{width:auto;padding:6px 10px;border:1px solid var(--border)}.side-nav a.active{border-color:var(--accent-bg)}.col-toggle{justify-content:flex-start;padding:4px 0 0}.col-main{padding:24px 0 0}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.work-grid{grid-template-columns:1fr}}