.archive-wrapper{display:grid;grid-template-columns:120px 1fr 280px;gap:32px;align-items:start}.archive-timeline{position:relative;padding-top:10px}.archive-timeline::before{content:'';position:absolute;top:0;left:50%;width:2px;height:100%;background:var(--border);transform:translateX(-50%)}.archive-year-marker{position:relative;margin-bottom:30px;text-align:center}.archive-year-marker .year{display:inline-block;background:var(--card-bg);padding:4px 12px;font-weight:700;font-size:1.1rem;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);position:relative;z-index:2}.archive-year-marker .dot{display:block;width:12px;height:12px;background:#7beec7;border-radius:50%;margin:6px auto 0;border:2px solid var(--border);position:relative;z-index:2}.archive-list{display:flex;flex-direction:column;gap:4px}.archive-item{display:flex;align-items:baseline;gap:16px;padding:6px 0 6px 12px;border-bottom:1px solid var(--border);transition:background .2s}.archive-item:hover{background:var(--tag-bg);border-radius:var(--radius)}.archive-item .date{font-size:.82rem;color:var(--text-secondary);flex-shrink:0;width:80px}.archive-item .title{font-size:.95rem;font-weight:400;color:var(--text);cursor:pointer}.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:820px){.archive-wrapper{display:flex;flex-direction:column;gap:24px}.archive-sidebar{order:-1;width:100%}.archive-list{order:2;width:100%}.archive-timeline{order:0;width:100%;display:flex;flex-wrap:wrap;gap:12px;padding-top:0}.archive-timeline::before{display:none}.archive-year-marker{display:inline-flex;align-items:center;gap:6px;margin-bottom:0}.archive-year-marker .dot{display:none}.danmaku-wrapper{min-height:160px}}@media(max-width:500px){.danmaku-wrapper{min-height:130px}}