.archives-container{background:#f5f5f5;min-height:100vh;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.archives-header{align-items:center;gap:20px;max-width:800px;margin:0 auto 40px;display:flex}.back-button{color:#333;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.back-button:hover{color:#fff;background:#333;transform:translate(-3px)}.archives-title{color:#333;margin:0;font-size:32px;font-weight:600}.timeline{max-width:800px;margin:0 auto;position:relative}.year-section{margin-bottom:60px;position:relative}.year-header{align-items:center;margin-bottom:30px;display:flex;position:relative}.timeline-dot{background:#4a90e2;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-right:20px;box-shadow:0 0 0 4px #4a90e233}.year-title{color:#333;margin:0;font-size:28px;font-weight:600}.posts-list{padding-left:10px;position:relative}.post-item{align-items:flex-start;margin-bottom:20px;padding-left:30px;display:flex;position:relative}.timeline-line{background:linear-gradient(#e0e0e0,#0000);width:2px;position:absolute;top:0;bottom:-20px;left:9px}.post-item:last-child .timeline-line{display:none}.timeline-dot-small{z-index:1;background:#fff;border:2px solid #4a90e2;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:20px;position:absolute;top:5px;left:5px}.post-info{background:#fff;border-radius:8px;flex:1;align-items:center;gap:15px;padding:15px 20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.post-info:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.post-date{color:#999;white-space:nowrap;min-width:90px;font-size:14px}.post-title{color:#4a90e2;font-size:16px;text-decoration:none;transition:color .3s}.post-title:hover{color:#357abd;text-decoration:underline}.empty-state{text-align:center;color:#999;padding:80px 20px;font-size:18px}@media (max-width:768px){.archives-container{padding:20px 10px}.archives-header{margin-bottom:30px}.archives-title{font-size:24px}.year-title{font-size:22px}.post-info{flex-direction:column;align-items:flex-start;gap:8px}.post-date{min-width:auto;font-size:13px}.post-title{font-size:15px}}