.archive-wrapper{display:grid;grid-template-columns:200px minmax(0,1fr)280px;gap:32px;align-items:start;--tl-accent:#2eb39c;--tl-accent-text:#0b7a63;--tl-accent-soft:rgba(46, 179, 156, 0.14);--tl-accent-glow:rgba(46, 179, 156, 0.13)}[data-theme=dark] .archive-wrapper{--tl-accent:#7beec7;--tl-accent-soft:rgba(123, 238, 199, 0.16);--tl-accent-glow:rgba(123, 238, 199, 0.15);--tl-accent-text:#7beec7}@media(prefers-color-scheme:dark){[data-theme=auto] .archive-wrapper{--tl-accent:#7beec7;--tl-accent-soft:rgba(123, 238, 199, 0.16);--tl-accent-glow:rgba(123, 238, 199, 0.15)}}.archive-wrapper.is-flat{grid-template-columns:minmax(0,1fr)280px}.archive-wrapper.is-flat .archive-timeline{display:none}.archive-wrapper.is-empty{grid-template-columns:minmax(0,1fr)280px}.archive-wrapper.is-empty .archive-timeline{display:none}.archive-timeline{--tl-axis-x:34px;--tl-axis:var(--border);--tl-tick:var(--border);position:sticky;top:calc(var(--nav-height) + 24px);align-self:start}.tl-ruler{position:relative;height:min(66vh,620px);min-height:320px;border-radius:10px;user-select:none;-webkit-user-select:none}.tl-ruler:focus-visible{outline:2px solid var(--tl-accent);outline-offset:6px}.tl-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%)}.tl-viewport.is-dragging{cursor:grabbing}.tl-glow{position:absolute;left:0;right:0;top:46%;height:200px;transform:translateY(-50%);pointer-events:none;z-index:1;background:radial-gradient(ellipse 46% 54px at 42% 50%,var(--tl-accent-glow) 0%,transparent 72%)}.tl-track{position:absolute;left:var(--tl-axis-x);top:0;width:0;height:0;will-change:transform}.tl-svg{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.tl-axis{stroke:var(--tl-axis);stroke-width:1.5;stroke-linecap:round}.tl-tick-line{stroke:var(--tl-tick);stroke-width:1.6;stroke-linecap:round;transition:stroke .36s cubic-bezier(.4,0,.2,1),stroke-width .36s cubic-bezier(.4,0,.2,1)}.tl-tick-line.is-active{stroke:var(--tl-accent);stroke-width:2.4;filter:drop-shadow(0 0 6px var(--tl-accent-soft))}.tl-tick-dot{fill:var(--tl-tick);transition:fill .36s cubic-bezier(.4,0,.2,1)}.tl-tick-dot.is-active{fill:var(--tl-accent);filter:drop-shadow(0 0 5px var(--tl-accent-soft))}.tl-years{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:3}.tl-year-label{position:absolute;left:0;transform:translate(-50%,-50%);font-size:20px;font-weight:800;color:var(--text);letter-spacing:.02em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.tl-nodes{position:absolute;left:0;top:0;width:0;height:0;z-index:2}.tl-node{position:absolute;width:0;height:0;will-change:opacity}.tl-month-text{position:absolute;top:0;transform:translateY(-50%);white-space:nowrap;pointer-events:none;font-size:12.5px;color:var(--text-secondary);letter-spacing:.01em;line-height:1;font-variant-numeric:tabular-nums;transition:color .36s cubic-bezier(.4,0,.2,1)}.tl-node.is-active .tl-month-text{color:var(--tl-accent-text,#0b7a63);font-weight:600}.tl-node.is-hover:not(.is-active) .tl-month-text{color:var(--text)}.tl-tick-line.is-hover:not(.is-active){stroke:var(--text-secondary)}.tl-tick-dot.is-hover:not(.is-active){fill:var(--text-secondary)}.tl-month-count{margin-left:6px;font-size:11px;font-weight:400;opacity:.6;font-variant-numeric:tabular-nums}.tl-hit{position:absolute;top:-22px;height:44px;cursor:pointer}.tl-chips{display:none}.archive-list{display:flex;flex-direction:column;gap:30px;min-width:0}.archive-month{display:flex;flex-direction:column;min-width:0}.archive-month-head{display:flex;align-items:baseline;gap:10px;padding:2px 0 10px;border-bottom:1px solid var(--border);margin-bottom:2px;scroll-margin-top:calc(var(--nav-height) + 28px);border-radius:var(--radius);transition:background .55s ease,box-shadow .55s ease}.archive-month-head.is-flash{background:var(--tl-accent-soft);box-shadow:-8px 0 0 var(--tl-accent-soft),8px 0 0 var(--tl-accent-soft);transition:none}.archive-month-head .ym{font-size:1.05rem;font-weight:800;letter-spacing:-.2px;color:var(--text);font-variant-numeric:tabular-nums}.archive-month-head .cnt{font-size:.76rem;color:var(--text-secondary);opacity:.85;font-variant-numeric:tabular-nums}.archive-item{display:flex;align-items:baseline;gap:16px;padding:9px 10px 9px 12px;border-bottom:1px solid var(--border);transition:background .2s,padding-left .25s ease,color .2s}.archive-item:last-child{border-bottom:none}.archive-item:hover{background:var(--tag-bg);border-radius:var(--radius);padding-left:18px}.archive-item .date{font-size:.82rem;color:var(--text-secondary);flex-shrink:0;width:58px;white-space:nowrap;font-variant-numeric:tabular-nums}.archive-item .title{font-size:.95rem;font-weight:400;color:var(--text);cursor:pointer;transition:color .2s}.archive-item:hover .title{color:var(--tl-accent-text,#0b7a63)}.archive-empty{padding:26px 4px;color:var(--text-secondary);font-size:.92rem}.archive-sidebar{background:var(--card-bg);padding:24px 20px;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.archive-sidebar:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,6%)}.archive-sidebar .widget{margin-bottom:28px}.archive-sidebar .widget:last-child{margin-bottom:0}.archive-sidebar .widget-title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text);margin-bottom:12px;border-bottom:1px solid var(--border);padding-bottom:6px}.archive-sidebar .search-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;background:var(--tag-bg);transition:border .2s;font-family:inherit;outline:none;color:var(--text)}.archive-sidebar .search-input:focus{border-color:var(--text);background:var(--card-bg)}.tag-cloud-static{display:flex;flex-wrap:wrap;gap:8px 12px}.tag-cloud-static .cloud-item{padding:4px 12px;background:var(--tag-bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.88rem;color:var(--text-secondary);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s,color .25s;display:inline-flex;align-items:center;gap:4px;font-weight:400}.tag-cloud-static .cloud-item:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 4px 12px rgba(0,0,0,8%)}.tag-cloud-static .cloud-item.active-filter{background:var(--tag-active-bg);color:var(--tag-active-color);border-color:#ccc;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tag-cloud-static .cloud-item .count{font-size:.72rem;opacity:.8;margin-left:2px}.danmaku-wrapper{overflow:hidden;position:relative;width:100%;max-width:100%;min-height:210px;background:var(--tag-bg);border-radius:var(--radius);padding:8px 0;border:1px solid var(--border);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around;gap:2px}.danmaku-lane{display:flex;align-items:center;gap:12px;width:max-content;will-change:transform;animation:danmakuScroll var(--duration,60s)linear infinite;animation-direction:var(--direction,normal);padding:2px 0}.danmaku-lane:hover{animation-play-state:paused}.danmaku-lane .cloud-item{padding:3px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;font-size:.82rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,color .2s;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.danmaku-lane .cloud-item:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.danmaku-lane .cloud-item.active-filter{background:var(--tag-active-bg);color:var(--tag-active-color);border-color:#ccc}.danmaku-lane .cloud-item .count{font-size:.7rem;opacity:.8;margin-left:2px}@keyframes danmakuScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(max-width:1180px){.archive-wrapper{grid-template-columns:160px minmax(0,1fr)280px;gap:24px}.archive-timeline{--tl-axis-x:24px}.tl-year-label{font-size:17px}.tl-month-text{font-size:12px}}@media(max-width:820px){.archive-wrapper{display:flex;flex-direction:column;gap:20px}.archive-sidebar{order:-1;width:100%}.archive-list{order:2;width:100%}.archive-timeline{order:0;width:100%;position:sticky;top:var(--nav-height);z-index:6;background:var(--bg);padding:8px 0 9px;margin-bottom:-8px;border-bottom:1px solid var(--border)}.tl-ruler{display:none}.tl-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tl-chips::-webkit-scrollbar{display:none}.tl-chip{flex:none;display:inline-flex;align-items:baseline;gap:5px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--card-bg);color:var(--text-secondary);font-family:inherit;font-size:.8rem;white-space:nowrap;cursor:pointer;transition:background .22s,color .22s,border-color .22s,transform .22s}.tl-chip:hover{transform:translateY(-1px)}.tl-chip.is-active{background:var(--tl-accent-soft);border-color:var(--tl-accent-text,#0b7a63);color:var(--tl-accent-text,#0b7a63);font-weight:600}.tl-chip-n{font-size:.68rem;font-variant-numeric:tabular-nums}.danmaku-wrapper{min-height:160px}}@media(max-width:500px){.danmaku-wrapper{min-height:130px}}