.tab-hidden{display:none!important}.posts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.view-toggle{position:relative;display:inline-flex;background:var(--sand-3);border:1px solid var(--sand-5);border-radius:.375rem;padding:2px}.view-toggle-highlight{position:absolute;top:2px;left:2px;width:28px;height:24px;background:#fff;border-radius:.25rem;box-shadow:0 1px 2px #00000014;transition:transform .2s cubic-bezier(.4,0,.2,1);z-index:0}html.dark .view-toggle-highlight{background:var(--sand-5)}.view-toggle[data-active=grid] .view-toggle-highlight{transform:translate(28px)}.view-toggle-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:28px;height:24px;border:none;background:none;padding:0;cursor:pointer;color:var(--sand-9);transition:color .2s}.view-toggle-btn.is-active{color:var(--sand-12)}.view-toggle-btn:hover:not(.is-active){color:var(--sand-11)}.post-list{list-style:none;margin:0;padding:0}.post-item{text-decoration:none;display:flex;flex-direction:column}.post-title{font-size:.875rem;color:var(--sand-12);line-height:1.4}.post-item:hover .post-title{color:var(--bronze-12)}.post-meta{font-size:.75rem;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--sand-9)}.post-list.no-transition,.post-list.no-transition *{transition:none!important}.post-list--list{display:flex;flex-direction:column;gap:.25rem}.post-list--list .post-item{gap:.2rem;padding:.6rem .65rem;border-radius:.5rem;border-bottom:1px solid var(--sand-4);transition:background-color .15s}.post-list--list .post-item:hover{background-color:var(--sand-3)}.post-list--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:640px){.post-list--grid{grid-template-columns:1fr}}.post-list--grid .post-item{gap:.35rem;padding:.875rem 1rem;background:var(--sand-2);border:1px solid var(--sand-4);border-radius:.625rem;transition:border-color .15s,box-shadow .15s}.post-list--grid .post-item:hover{border-color:var(--sand-6);box-shadow:0 2px 8px #0000000a}.timeline{position:relative;padding-left:1.5rem}.timeline:before{content:"";position:absolute;left:3px;top:4px;bottom:4px;width:2px;background-color:var(--sand-5);border-radius:1px}.tl-item{position:relative;padding-bottom:1rem}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-1.5rem;top:0;width:8px;height:8px;border-radius:50%;background-color:var(--sand-6);transition:background-color .2s,transform .2s;z-index:1;border:none;padding:0}button.tl-anchor{cursor:pointer;width:20px;height:20px;left:calc(-1.5rem - 6px);top:-6px;background:transparent}button.tl-anchor:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:var(--sand-6);transition:background-color .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;box-shadow:0 0 0 0 transparent}.tl-item:hover button.tl-anchor:after{background-color:var(--bronze-9);transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 3px color-mix(in srgb,var(--bronze-9) 20%,transparent)}button.tl-anchor:before{content:"复制链接";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%) translateY(4px);font-size:.7rem;white-space:nowrap;padding:.2rem .5rem;border-radius:.25rem;background-color:var(--sand-12);color:var(--sand-1);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}button.tl-anchor:hover:before{opacity:1;transform:translate(-50%) translateY(0)}button.tl-anchor.tl-anchor-copied:before{content:"已复制 ✓";opacity:1;transform:translate(-50%) translateY(0)}button.tl-anchor.tl-anchor-copied:after{background-color:var(--grass-9);animation:anchor-pop 1.4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes anchor-pop{0%{transform:translate(-50%,-50%) scale(2);box-shadow:0 0 0 10px color-mix(in srgb,var(--grass-9) 35%,transparent)}15%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 0 4px color-mix(in srgb,var(--grass-9) 25%,transparent)}25%{transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 0 6px color-mix(in srgb,var(--grass-9) 20%,transparent)}40%{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 5px color-mix(in srgb,var(--grass-9) 18%,transparent)}70%{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 5px color-mix(in srgb,var(--grass-9) 15%,transparent)}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 0 transparent}}.tl-highlight{border-color:var(--bronze-7)!important;box-shadow:0 0 0 2px var(--bronze-4)!important;animation:anchor-highlight 2.5s ease-out forwards}@keyframes anchor-highlight{0%{border-color:var(--bronze-9);box-shadow:0 0 0 4px color-mix(in srgb,var(--bronze-7) 35%,transparent)}15%{border-color:var(--bronze-8);box-shadow:0 0 0 3px color-mix(in srgb,var(--bronze-7) 25%,transparent)}55%{border-color:var(--bronze-7);box-shadow:0 0 0 2px var(--bronze-4)}to{border-color:var(--sand-4);box-shadow:0 0 0 0 transparent}}.tl-item:hover .tl-dot:not(.tl-anchor){background-color:var(--bronze-9);transform:scale(1.3)}.tl-content{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 1rem;flex:1;min-width:0;background-color:var(--sand-2);border:1px solid var(--sand-4);border-radius:.625rem;transition:border-color .15s,box-shadow .15s}.tl-item:hover .tl-content{border-color:var(--sand-6);box-shadow:0 1px 4px #0000000a}.tl-date{font-size:.75rem;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--sand-9)}.tl-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tl-tag{font-size:.7rem;color:var(--grass-11);background-color:var(--sand-3);padding:.1rem .4rem;border-radius:.25rem}.tl-body{font-size:.875rem;line-height:1.7;color:var(--sand-12);overflow-wrap:break-word;word-break:break-word}.tl-body p{margin:.25rem 0}.tl-body p:first-child{margin-top:0}.tl-body p:last-child{margin-bottom:0}.tl-body ul,.tl-body ol{margin:.25rem 0;padding-left:1.25rem}.tl-body blockquote{margin:.5rem 0;padding-left:.75rem;border-left:3px solid var(--sand-6);color:var(--sand-10)}.tl-body pre{margin:.5rem 0;padding:.75rem;border-radius:.375rem;font-size:.8rem;background-color:var(--sand-3);overflow-x:auto}.tl-body code:not(pre code){font-size:.8rem;padding:.1rem .3rem;border-radius:.25rem;background-color:var(--sand-3)}.tl-body a{color:var(--grass-11);text-decoration:underline;text-decoration-color:var(--sand-6);text-underline-offset:2px}.tl-body a:hover{text-decoration-color:var(--grass-11)}.tl-body img{max-width:100%;border-radius:.375rem;margin:.5rem 0}.tl-body ul.contains-task-list{list-style:none;padding-left:0}.tl-body input[type=checkbox]{margin-right:.375rem}.skeleton{background:linear-gradient(90deg,var(--sand-3) 25%,var(--sand-4) 50%,var(--sand-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}.skeleton-date{width:8rem;height:.75rem}.skeleton-body{width:100%;max-width:24rem;height:1rem;margin-top:.25rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.load-more-btn{font-size:.8rem;color:var(--sand-11);background:var(--sand-3);border:1px solid var(--sand-6);border-radius:.5rem;padding:.4rem 1.5rem;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.load-more-btn:hover:not(:disabled){background:var(--sand-4);border-color:var(--sand-7);color:var(--sand-12)}.load-more-btn:disabled{cursor:default;opacity:.6}