.archive-page{background-color:#f4f7f6;background-image:url("data:image/svg+xml,%3Csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"%238fb8ed\" fill-opacity=\"0.08\" fill-rule=\"evenodd\"%3E%3Ccircle cx=\"3\" cy=\"3\" r=\"1\"/%3E%3C/g%3E%3C/svg%3E")}.archive-container{max-width:900px;margin:120px auto 100px;padding:0 40px}.archive-header{text-align:center;margin-bottom:50px}.archive-header h1{font-family:var(--font-serif);color:#2c3e50;letter-spacing:.15em;margin-bottom:15px;font-size:2.8rem}.archive-subtitle{color:#95a5a6;letter-spacing:.05em;font-size:1.1rem}.archive-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffffe6;border-radius:12px;margin-bottom:60px;padding:30px;box-shadow:0 15px 40px #00000008}.search-box{margin-bottom:25px;position:relative}.search-box input{color:#2c3e50;width:100%;font-size:1.1rem;font-family:var(--font-sans);background:#fdfdfe;border:1px solid #e0e6ed;border-radius:30px;outline:none;padding:15px 20px 15px 50px;transition:all .3s}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #8fb8ed26}.search-icon{color:#95a5a6;font-size:1.2rem;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.tags-container{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tag-btn{color:#5d6d7e;cursor:pointer;font-size:.9rem;font-family:var(--font-sans);background:#f0f4f8;border:1px solid #e0e6ed;border-radius:20px;padding:8px 18px;transition:all .3s}.tag-btn:hover{color:var(--primary-color);border-color:var(--primary-color);background:#e8f0fe}.tag-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 10px #8fb8ed66}.archive-timeline{padding-left:30px;position:relative}.archive-timeline:before{content:"";background:linear-gradient(to bottom, var(--primary-color), #8fb8ed1a);width:2px;position:absolute;top:0;bottom:0;left:3px}.timeline-group{margin-bottom:50px;transition:margin-bottom .4s;position:relative}.timeline-group.collapsed{margin-bottom:25px}.group-title{font-family:var(--font-serif);color:var(--primary-color);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:25px;padding-left:20px;font-size:1.8rem;transition:color .3s;display:flex;position:relative}.group-title:hover{color:var(--secondary-color)}.group-title:before{content:"";border:3px solid var(--primary-color);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:-36px;transform:translateY(-50%);box-shadow:0 0 10px #8fb8ed80}.group-title:after{content:"▼";font-family:var(--font-sans);color:#95a5a6;margin-left:12px;font-size:.8rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.timeline-group.collapsed .group-title:after{transform:rotate(-90deg)}.group-content{overflow:hidden}.timeline-item{color:inherit;background:#fff;border:1px solid #00000005;border-radius:12px;margin-bottom:25px;margin-left:10px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a}.timeline-item:hover{transform:translateY(-5px)translate(5px);box-shadow:0 15px 40px #00000014}.item-img{flex-shrink:0;width:240px;overflow:hidden}.item-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.timeline-item:hover .item-img img{transform:scale(1.05)}.item-content{flex-direction:column;flex:1;justify-content:center;padding:25px 30px;display:flex}.item-date{font-family:var(--font-sans);color:#95a5a6;letter-spacing:.1em;margin-bottom:8px;font-size:.85rem}.item-title{font-family:var(--font-serif);color:#2c3e50;margin-bottom:12px;font-size:1.4rem}.item-summary{color:#5d6d7e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.item-tags{gap:8px;margin-top:15px;display:flex}.item-tag{color:var(--secondary-color);background:#fdf5f6;border:1px solid #f7a8b84d;border-radius:10px;padding:3px 10px;font-size:.75rem}.no-results{text-align:center;color:#95a5a6;font-family:var(--font-serif);padding:50px 0;font-size:1.2rem}.back-to-top{border:1px solid var(--primary-color);width:50px;height:50px;color:var(--primary-color);cursor:pointer;opacity:0;pointer-events:none;z-index:1000;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:40px;right:40px;transform:translateY(20px);box-shadow:0 10px 20px #8fb8ed33}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--primary-color);color:#fff;box-shadow:0 15px 25px #8fb8ed66}@media (width<=768px){.timeline-item{flex-direction:column}.item-img{width:100%;height:200px}.archive-container{padding:0 20px}.group-title{font-size:1.5rem}.back-to-top{bottom:20px;right:20px}}