.reading-header{padding:72px 0 40px}.reading-header h1{letter-spacing:-.04em;max-width:880px;margin:0;font-size:clamp(34px,3.6vw,46px);font-weight:500;line-height:1.12}.reading-lead{max-width:640px;color:var(--muted);text-wrap:pretty;margin:16px 0 0;font-size:16px;line-height:1.7}.reading-meta{color:var(--faint);font-family:var(--mono);margin:18px 0 0;font-size:12px}.reading-section{padding:48px 0 96px}.reading{max-width:680px;font-size:16px;line-height:1.75}.reading-wide{max-width:none}.reading>:first-child,.reading>:first-child>:first-child,.tool-about>:first-child>:first-child{margin-top:0}.reading h2{letter-spacing:-.02em;margin:48px 0 0;font-size:20px;font-weight:500;line-height:1.35}.reading h3{margin:28px 0 0;font-size:16px;font-weight:500;line-height:1.45}.reading p,.reading ul,.reading ol{color:var(--muted);text-wrap:pretty;margin:14px 0 0}.reading ul,.reading ol{padding-left:1.3em}.reading li{margin-top:6px}.reading strong{color:var(--text);font-weight:600}.reading a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:text-decoration-color .14s}.reading a:hover{text-decoration-color:currentColor}.reading code{background:var(--media);color:var(--text);font:.88em var(--mono);border-radius:5px;padding:1px 5px}.reading img{border:1px solid var(--line);border-radius:var(--radius);background:var(--media);height:auto;margin:32px auto 8px}.reading-links{flex-wrap:wrap;gap:8px 20px;display:flex}:lang(zh) .reading{line-height:1.9}.reading pre{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font:13px/1.65 var(--mono);margin:20px 0 0;padding:14px 16px;overflow-x:auto;background:var(--media)!important}.reading .code{border:1px solid var(--line);border-radius:var(--radius);background:var(--media);margin:20px 0 0;position:relative;overflow:hidden}.reading .code pre{border:0;border-radius:0;margin:0}.code-bar{border-bottom:1px solid var(--line);height:38px;color:var(--faint);font:12px var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:0 6px 0 16px;display:flex}.code-bare .code-bar{border:0;height:auto;position:absolute;top:8px;right:0}.code-copy{width:28px;height:28px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;transition:color .14s,background .14s;display:grid}.code-copy:hover{background:var(--surface-hover);color:var(--text)}.code-copy:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.code-copy[data-copied]{color:var(--text)}.code-copy[data-copied] .code-copy-icon,.code-copy:not([data-copied]) .code-copied-icon{display:none}.reading pre code{font:inherit;background:0 0;padding:0}.reading .astro-code span{color:var(--shiki-light)}.reading table{border:1px solid var(--line);border-radius:var(--radius);border-collapse:separate;border-spacing:0;width:100%;margin:20px 0 0;font-size:14px;line-height:1.55;overflow:hidden}.reading th,.reading td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 16px}.reading :is(th,td)+:is(th,td){border-left:1px solid var(--line)}.reading tr:last-child>td{border-bottom:0}.reading th{background:var(--media);color:var(--text);white-space:nowrap;font-weight:500}.reading td{color:var(--muted)}.reading blockquote{border-radius:var(--radius);background:var(--media);margin:20px 0 0;padding:12px 16px}.reading blockquote>:first-child{margin-top:0}@media (prefers-color-scheme:dark){.reading .astro-code span{color:var(--shiki-dark)}}.reading .post-list{margin:0;padding:0;list-style:none}.reading .post-list li{border-bottom:1px solid var(--line);margin:0}.post-list a{gap:6px var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 28px;text-decoration:none;display:grid}.post-list li+li a{padding-top:28px}.post-list h2{grid-column:2/span 2;margin:0;font-size:20px}.post-list a:hover h2{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px}.reading .post-list p{grid-column:2/span 2;margin:0;font-size:15px}.post-list time{color:var(--faint);font-family:var(--mono);white-space:nowrap;grid-area:1/1;font-size:12px;line-height:1.9}.title-feed{border-radius:var(--radius-control);width:28px;height:28px;color:var(--faint);vertical-align:super;place-items:center;margin-left:6px;transition:color .14s,background .14s;display:inline-grid}.title-feed:hover{background:var(--surface-hover);color:var(--text)}.button{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);height:42px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;transition:border-color .14s,background .14s;display:inline-flex}.button:hover{border-color:var(--quiet)}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--ink)}.button-primary:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 86%, var(--ink))}.button:disabled{cursor:not-allowed;opacity:.4}@media (width<=720px){.reading-header{padding:48px 0 32px}.reading-section{padding:32px 0 72px}.post-list a{grid-template-columns:minmax(0,1fr)}.reading table{display:block;overflow-x:auto}.post-list h2,.reading .post-list p{grid-column:1}.post-list time{grid-area:auto/1}}