@layer components{.crumbs{padding:28px 0 8px}.crumbs ol{color:var(--muted-foreground);flex-wrap:wrap;gap:4px 0;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.crumbs li{align-items:center;min-width:0;display:inline-flex}.crumbs li+li:before{content:"";border-top:1.5px solid var(--input);border-right:1.5px solid var(--input);width:6px;height:6px;margin:0 10px;transform:rotate(45deg)}.crumbs a{color:var(--muted-foreground);padding:6px 0;text-decoration:none}.crumbs a:hover{color:var(--primary-strong);text-decoration:underline}.crumbs [aria-current=page] span{color:var(--foreground);overflow-wrap:anywhere}.page-head{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:48px;padding:56px 0 32px;display:grid}.page-head.solo{grid-template-columns:minmax(0,1fr)}.page-head h1{letter-spacing:-.02em;margin-top:14px;font-size:clamp(40px,6vw,68px)}.page-head .intro{color:var(--muted-foreground);max-width:54ch;margin-top:14px;font-size:18px}.page-head .stats{justify-items:start;gap:14px;padding:20px 0 4px 28px;display:grid;position:relative}.page-head .stats .meridian{left:0}.page-head .stats .meridian-label{background:var(--background);padding:0 4px;top:-6px;left:10px}.page-head .count{font-family:var(--font-display);letter-spacing:-.02em;font-size:44px;font-weight:700;line-height:1}.page-head .count small{font-family:var(--font-sans);color:var(--muted-foreground);letter-spacing:0;margin-top:6px;font-size:13px;font-weight:400;display:block}.f-label{color:var(--muted-foreground);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:inline-flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips .chip:hover{border-color:var(--input);color:var(--foreground)}.chips .chip[aria-current=true]:hover,.chips .chip.is-active:hover{color:var(--primary-foreground)}.chip .i{color:var(--primary-strong)}.chip[aria-current=true] .i,.chip.is-active .i{color:inherit}.chip[aria-current=true]>.count,.chip.is-active>.count{color:inherit;opacity:1}button.chip{cursor:pointer;font-family:inherit}.seg{background:var(--muted);border:1px solid var(--border);border-radius:12px;padding:3px;display:inline-flex}.seg a,.seg button{height:38px;color:var(--foreground);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.seg a:hover,.seg button:hover{background:var(--card)}.seg a[aria-current=true],.seg button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.seg .count{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.seg a[aria-current=true] .count,.seg button[aria-pressed=true] .count{color:inherit;opacity:.8}.month{align-items:center;gap:14px;margin:52px 0 14px;display:flex}.month h2{white-space:nowrap;align-items:center;gap:12px;font-size:24px;display:flex}.month h2:before{content:"";background:var(--card);border:2px solid var(--meridian);border-radius:50%;width:10px;height:10px}.month:after{content:"";background:linear-gradient(90deg, var(--meridian-soft), transparent);flex:1;order:2;height:1px}.month .n{color:var(--muted-foreground);white-space:nowrap;order:3;font-size:13px}.first-month{margin-top:44px}.post-index .toc-list a{border-radius:4px;grid-template-columns:112px 128px minmax(0,1fr) 176px;align-items:start;gap:24px;padding:22px 8px}.post-index .toc-list a:hover{background:color-mix(in srgb, var(--accent) 60%, transparent)}.post-index .toc-list time{white-space:nowrap;align-items:center;gap:6px;padding-top:6px;display:inline-flex}.post-index .toc-list .thumb{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 85%, transparent), color-mix(in srgb, var(--accent) 20%, transparent));border-radius:12px;width:128px;height:auto;display:block}.post-index .toc-list .thumb.topic{object-fit:contain;padding:4px}.post-index .toc-list h3{font-size:21px}.post-index .toc-list .tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.post-index .toc-list .side{white-space:normal;gap:6px;padding-top:6px;display:grid}.post-index .toc-list .side>span{align-items:center;gap:6px;display:inline-flex}.post-index .toc-list .side .rt{color:var(--muted-foreground)}.pager-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:40px;display:flex}.pager-wrap .where{color:var(--muted-foreground);font-size:14px}.pager-wrap .where b{color:var(--foreground);font-weight:500}.pager{align-items:center;gap:6px;display:flex}.pager .pg{border:1px solid var(--border);background:var(--card);min-width:44px;height:44px;color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.pager a.pg:hover{border-color:var(--input);color:var(--foreground)}.pager .pg[aria-current=page]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.pager .pg.step{font-weight:600}.pager .pg[aria-disabled=true]{opacity:.45}.pager .gap{color:var(--muted-foreground);padding:0 2px}.empty{border-radius:var(--radius-3xl);border:1px dashed var(--input);background:var(--card);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:32px;margin-top:28px;padding:40px 28px;display:grid}.empty[hidden]{display:none}.empty .empty-art{aspect-ratio:4/3;width:100%;max-width:220px;height:auto;display:block}.empty h2{font-size:clamp(22px,2.6vw,28px)}.empty h2 q{color:var(--primary-strong);quotes:"“" "”"}.empty p{color:var(--muted-foreground);max-width:56ch;margin-top:10px}.empty .actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}@media (max-width:1080px){.page-head{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px}.page-head .stats{flex-wrap:wrap;align-items:center;gap:12px 20px;padding:0;display:flex}.page-head .stats .meridian,.page-head .stats .meridian-label{display:none}.page-head .count{font-size:36px}.page-head .count small{margin:0 0 0 10px;display:inline}}@media (max-width:900px){.post-index .toc-list a{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"thumb date""thumb side""body body";align-items:start;gap:6px 14px;padding:18px 2px}.post-index .toc-list time{grid-area:date;padding:0}.post-index .toc-list .thumb{border-radius:10px;grid-area:thumb;align-self:start;width:96px}.post-index .toc-list .side{flex-wrap:wrap;grid-area:side;gap:2px 12px;padding:0;display:flex}.post-index .toc-list .body{grid-area:body;align-self:start}}@media (max-width:720px){.crumbs{padding-top:20px}.page-head{padding:36px 0 24px}.page-head .intro{font-size:16px}.month{flex-wrap:wrap;gap:6px 10px;margin-top:40px}.month h2{gap:10px;font-size:21px}.month:after{min-width:12px}.post-index .toc-list h3{font-size:19px}.pager-wrap{text-align:center;flex-direction:column-reverse;align-items:stretch;gap:14px;margin-top:32px}.pager{flex-wrap:wrap;justify-content:center}.pager .pg{min-width:40px;padding:0 8px}.empty{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 18px}.empty .empty-art{max-width:160px}.empty .actions .btn{flex:100%;justify-content:center}}}