:root{color-scheme:dark;--background: #1d1f21;--surface: #24272a;--ink: #c9cacc;--muted: #a1a4a7;--line: #424649;--accent: #2bbc8a;--mono: Menlo, "Meslo LG", Consolas, "PingFang SC", "Microsoft YaHei", monospace;font:15px/1.72 var(--mono);background:var(--background);color:var(--ink)}*{box-sizing:border-box}html{scroll-padding-top:18px}body{display:flex;flex-direction:column;min-height:100svh;margin:0;border-block-start:2px solid var(--line)}main{flex:1}a{color:inherit;text-decoration:none}button,input{font:inherit}::selection{background:var(--accent);color:var(--background)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell{width:min(100% - 48px,704px);margin-inline:auto}.skip{position:fixed;left:12px;top:-80px;padding:10px;background:var(--accent);color:var(--background);z-index:4}.skip:focus{top:12px}.header,.footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.header{min-height:72px;border-block-end:1px solid var(--line)}.brand,.header nav{display:flex;align-items:center}.brand{min-width:0;gap:9px;color:#eee;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.brand img{flex:none;width:30px;height:30px}.header nav{flex:none;font-size:.87rem}.header nav a{padding:7px 12px;color:var(--accent)}.header nav a+a{border-inline-start:1px dotted var(--line)}.header nav a:last-child{padding-inline-end:0}.header nav a:hover,.header nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}.home-intro{display:flex;align-items:center;gap:13px;padding-block:20px}.profile-avatar{flex:none;border:1px solid var(--line);border-radius:50%;object-fit:cover}.home-intro-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 14px;min-width:0}h1,h2{margin:0}.home-intro h1,.kicker{color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.07em}.home-intro p{margin:0;color:var(--muted);font-size:.93rem}.profile-links{display:flex;flex-wrap:wrap;gap:0 8px;color:var(--accent);font-size:.84rem}.profile-links a{text-decoration:underline;text-underline-offset:3px}.profile-links a+a{padding-inline-start:8px;border-inline-start:1px dotted var(--line)}.profile-links a:hover{color:#eee}.section{padding-block:22px 30px;border-block-start:1px dashed var(--line)}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:11px}.section h2{color:var(--accent);font-size:1.35rem;line-height:1.4}.search{display:flex;align-items:center;width:min(12rem,100%);gap:6px;border-block-end:1px solid var(--line)}.search:focus-within{border-color:var(--accent)}.search span:first-child{color:var(--accent)}.search input{min-width:0;width:100%;padding:4px 0;border:0;background:transparent;color:var(--ink);font-size:.87rem}.search input::placeholder{color:var(--muted)}.search input:focus-visible{outline:none}.filters{display:flex;flex-wrap:wrap;column-gap:14px;margin-block-end:9px}.filters button{min-height:34px;padding:2px 0;border:0;background:none;color:var(--muted);font-size:.85rem}.filters button:enabled{cursor:pointer}.filters button:enabled:hover,.filters button:enabled[aria-pressed=true]{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.record{min-width:0}.record-link{display:grid;grid-template-columns:6.5rem minmax(0,1fr) auto;align-items:baseline;gap:0 13px;padding-block:6px}.record-name{overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:3px}.record-link:hover .record-name,.record-link:focus-visible .record-name{color:var(--accent);text-decoration-color:currentColor}.record time,.badge{color:var(--muted);font-size:.83rem}.badge{white-space:nowrap}.badge[data-status=live]{color:var(--accent)}.badge[data-status=building]{color:#e4c285}.empty{margin:6px 0 0;color:var(--muted);font-size:.93rem}.note-toggle{margin-top:9px;min-height:34px;padding:2px 0;border:0;background:none;color:var(--accent);cursor:pointer;font-size:.87rem;text-decoration:underline;text-underline-offset:3px}.note-toggle:hover{color:#eee}.entry{padding-block:clamp(28px,6vw,48px)}.entry-back{display:inline-flex;align-items:baseline;gap:8px;margin-bottom:16px;color:var(--muted);font-size:.86rem}.entry-back:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.entry-header h1{color:var(--accent);font-size:clamp(1.4rem,3vw,1.6rem);line-height:1.4;overflow-wrap:anywhere}.entry-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:6px;color:var(--muted);font-size:.87rem}.entry-copy{margin-top:25px;overflow-wrap:anywhere}.entry-copy p{margin-block:0 1.25em}.entry-copy a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.entry-copy a:hover{color:#eee}.entry-copy img{max-width:100%;height:auto}.entry-copy :is(h2,h3,h4,h5,h6){margin:1.6em 0 .5em;color:#eee;line-height:1.42}.entry-copy h2{font-size:1.2rem}.entry-copy :is(h3,h4,h5,h6){font-size:1.05rem}.entry-copy code{font:.9em/1.65 var(--mono)}.entry-copy :not(pre)>code{padding:.08em .3em;background:var(--surface)}.entry-copy pre{max-width:100%;margin-block:1.25em;padding:10px 13px;overflow-x:auto;overflow-wrap:normal;background:var(--surface)}.entry-copy blockquote{margin-inline:0;padding-inline-start:14px;border-inline-start:2px solid var(--accent)}.entry-copy hr{border:0;border-block-start:1px dashed var(--line)}.about p{max-width:42em;color:var(--muted)}.footer{padding-block:16px 24px;border-block-start:1px solid var(--line);color:var(--muted);font-size:.8rem}.footer-mark,.footer a:hover{color:var(--accent)}.footer a{text-decoration:underline;text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.error-page{padding-block:clamp(38px,9vw,76px)}.kicker{margin:0 0 10px}.error-code{margin-block:0 10px;color:var(--accent);font-size:clamp(2.75rem,9vw,4rem);font-weight:700;line-height:1.1}.error-code span{color:var(--muted)}.error-page h1{font-size:1.45rem}.primary{display:inline-block;margin-top:12px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}@media(max-width:500px){.shell{width:min(100% - 32px,704px)}.header{min-height:60px}.brand{gap:6px;font-size:.87rem}.brand img{width:26px;height:26px}.header nav{font-size:.8rem}.header nav a{padding-inline:7px}.home-intro{padding-block:16px}.record-link{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding-block:7px}.record-name{grid-area:1 / 1 / 2 / 3}.record time{grid-area:2 / 1}.record .badge{grid-area:2 / 2}}
