.archive-timeline{max-width:800px;margin:0 auto;position:relative}.archive-timeline:before{content:"";background:var(--color-border);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.archive-year-section{justify-content:center;margin-bottom:32px;display:flex;position:relative}.archive-year-badge{z-index:2;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);align-items:center;gap:6px;padding:8px 20px;font-size:18px;font-weight:700;display:inline-flex;position:relative}.archive-year-badge:before{content:"";background:var(--color-border);width:2px;height:20px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.archive-year-badge:after{content:"";background:var(--color-border);width:2px;height:20px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.archive-month-group{margin-bottom:24px;position:relative}.archive-month-group.side-left{padding-right:calc(50% + 32px)}.archive-month-group.side-right{padding-left:calc(50% + 32px)}.archive-month-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;transition:all var(--transition);padding:16px 20px}.archive-month-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.archive-month-connector{background:var(--color-border);height:2px;position:absolute;top:10px}.archive-month-group.side-left .archive-month-connector{width:24px;left:auto;right:calc(50% - 8px)}.archive-month-group.side-right .archive-month-connector{width:24px;left:calc(50% - 8px);right:auto}.archive-month-dot{background:var(--color-primary);border:3px solid var(--color-card);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-border);border-radius:50%;position:absolute;top:6px;left:50%;transform:translate(-50%)}.archive-month-header{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.archive-month-header .month-count{color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-full);padding:2px 10px;font-size:12px;font-weight:400}.archive-post-list{margin:0;padding:0;list-style:none}.archive-post-list li{border-bottom:1px dashed var(--color-border-light);align-items:center;gap:14px;padding:8px 0;display:flex}.archive-post-list li:last-child{border-bottom:none}.archive-post-list li:hover{background:var(--color-card-hover);border-radius:6px;margin:0 -20px;padding:8px 20px}.archive-post-date{color:var(--color-text-muted);font-size:12px;font-family:var(--font-mono);flex-shrink:0}.archive-post-title{color:var(--color-text-secondary);transition:color var(--transition);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;text-decoration:none;overflow:hidden}.archive-post-title:hover{color:var(--color-primary)}@media (width<=1200px){.archive-month-card{max-width:calc(50% - 10px)}.archive-year-badge{padding:8px 20px;font-size:18px}}@media (width<=1024px){.archive-timeline:before{left:50%}.archive-year-section{justify-content:center}.archive-month-group.side-left{padding-right:calc(50% + 16px)}.archive-month-group.side-right{padding-left:calc(50% + 16px)}.archive-month-card{max-width:85%}.archive-month-group.side-left .archive-month-card{margin-left:0}.archive-month-group.side-right .archive-month-card{margin-right:0}.archive-month-group.side-left{flex-direction:row;justify-content:flex-end}.archive-month-group.side-right{flex-direction:row;justify-content:flex-start}.archive-month-group.side-left .archive-month-connector{width:16px;right:calc(50% - 8px)}.archive-month-group.side-right .archive-month-connector{width:16px;left:calc(50% - 8px)}}@media (width<=768px){.archive-timeline:before{left:28px;transform:none}.archive-year-section{justify-content:flex-start;padding-left:52px}.archive-year-badge{padding:6px 16px;font-size:16px;position:relative}.archive-year-badge:before,.archive-year-badge:after{display:none}.archive-year-badge:before{content:"";background:var(--color-border);width:6px;height:2px;position:absolute;top:50%;left:-30px;transform:translateY(-50%)}.archive-month-group{flex-direction:row!important;padding-left:52px!important;padding-right:0!important}.archive-month-group.side-left .archive-month-card,.archive-month-group.side-right .archive-month-card{margin-left:0;margin-right:0}.archive-month-card{width:100%;max-width:none}.archive-month-connector{width:6px;height:2px;position:absolute;top:10px;left:22px;transform:none}.archive-month-group.side-left .archive-month-connector,.archive-month-group.side-right .archive-month-connector{transform:none}.archive-month-dot{position:absolute;top:6px;left:22px;transform:none}.archive-post-list li:hover{margin:0 -16px;padding:8px 16px}}