.archive-timeline{margin-top:24px;padding-left:28px;position:relative}.archive-timeline:before{content:"";background:linear-gradient(180deg, var(--color-primary), var(--color-primary-border));border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:8px}.archive-year-dot{background:var(--color-primary);border:3px solid var(--color-primary-bg);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);z-index:1;border-radius:50%;position:absolute;top:2px;left:-28px}.archive-year-label{color:var(--color-primary);margin-bottom:20px;padding-left:4px;font-size:20px;font-weight:700}.archive-month-group{margin-bottom:20px;position:relative}.archive-month-dot{background:var(--color-primary-light);border:2px solid var(--color-card);width:8px;height:8px;box-shadow:0 0 0 2px var(--color-primary-border);z-index:1;border-radius:50%;position:absolute;top:4px;left:-24px}.archive-month-label{color:var(--color-text-secondary);margin-bottom:8px;font-size:15px;font-weight:600}.archive-post-list{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:4px 16px}.archive-post-list li{border-bottom:1px solid var(--color-border-light);transition:background var(--transition);align-items:center;gap:12px;padding:10px 0;display:flex}.archive-post-list li:last-child{border-bottom:none}.archive-post-list li:hover{background:var(--color-primary-bg);border-radius:var(--radius-sm);margin:0 -8px;padding-left:8px;padding-right:8px}.archive-post-date{font-size:13px;font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;width:50px}.archive-post-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.archive-post-title a{color:inherit;transition:color var(--transition)}.archive-post-title a:hover{color:var(--color-primary)}@media (width<=768px){.archive-post-date{width:auto;font-size:12px}}@media (width<=480px){.archive-post-list li{flex-wrap:wrap;gap:4px 10px;padding:10px 14px}.archive-post-date{width:auto;font-size:12px}.archive-post-title{flex:1;min-width:0;font-size:13px}.archive-timeline{padding-left:18px}.archive-timeline:before{left:4px}.archive-year-dot{width:10px;height:10px;left:-18px}.archive-month-dot{width:6px;height:6px;left:-15px}.archive-year-label{font-size:16px}}