/* archive.css — 「全部文章」歸檔頁：按年份分組，巨大的描邊年份數字 + 簡潔的列表行 */
#postsPage{padding:40px 0 0}
#postsPage>*{animation:rise .7s var(--ease) backwards}
#postsPage>:nth-child(1){animation-delay:.05s}
#postsPage>:nth-child(2){animation-delay:.1s}
#postsPage>:nth-child(3){animation-delay:.16s}
#postsPage>:nth-child(4){animation-delay:.22s}
#postsPage>:nth-child(5){animation-delay:.28s}
#postsPage>:nth-child(n+6){animation-delay:.34s}
#postsPage .back{color:var(--mute);font-size:14px;display:inline-block;margin-bottom:28px;transition:color .2s,transform .3s var(--ease)}
#postsPage .back:hover{color:var(--accent);transform:translateX(-4px)}
#postsPage h1{font-size:clamp(34px,6.5vw,54px);margin:10px 0 12px}
#postsPage .lead{margin-bottom:26px}
.chips button em{font-style:normal;margin-left:6px;opacity:.6;font-variant-numeric:tabular-nums}
#none{animation:fade .4s var(--ease)}

.year{margin-top:40px;animation:rise .6s var(--ease) backwards}
.yr{display:flex;align-items:baseline;gap:16px;margin:0 0 4px;font:900 clamp(60px,12vw,104px)/1 var(--serif);letter-spacing:.02em;color:transparent;-webkit-text-stroke:1.2px var(--line);user-select:none}
@supports (color:color-mix(in srgb,red 50%,blue)){.yr{-webkit-text-stroke-color:color-mix(in srgb,var(--fg) 26%,transparent)}}
.yr em{font:600 14px var(--sans);letter-spacing:.12em;color:var(--mute);-webkit-text-stroke:0}

.arow{display:grid;grid-template-columns:64px 1fr auto;gap:4px 18px;align-items:baseline;padding:17px 0;border-bottom:1px solid var(--line);animation:rise .6s var(--ease) backwards;animation-delay:calc(var(--j,var(--i,0))*45ms + .3s)}
.arow::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--accent);transition:width .5s var(--ease)}
.arow:hover::after{width:100%}
.arow time{font:400 14px var(--serif);color:var(--mute);font-variant-numeric:tabular-nums}
.arow h4{margin:0;font:600 19px/1.5 var(--serif);transition:color .2s}
.arow:hover h4{color:var(--accent)}
.am{display:flex;align-items:baseline;gap:12px;white-space:nowrap}
.am .tag{margin:0}
.am .min{font-size:13px;color:var(--mute)}

/* 首頁底部的「全部文章」按鈕 */
.all-wrap{margin:26px 0 0}
.more.all{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:9px 22px;font-size:14px;transition:transform .3s var(--ease),border-color .25s,box-shadow .3s}
.more.all:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 14px 24px -16px var(--accent)}

@media (max-width:560px){
  .arow{grid-template-columns:48px 1fr}
  .am{grid-column:2}
}