.album-wrap{padding:8rem 2rem 6rem;max-width:760px;margin:0 auto;}
.album-head{text-align:center;margin-bottom:6rem;}
.album-h1{font-size:2.6rem;letter-spacing:6px;font-weight:500;margin-bottom:0.6rem;color:var(--text-primary);}
.album-sub{color:var(--text-secondary);font-size:1rem;opacity:0.7;}
.split-line{width:90px;height:1px;background:var(--text-secondary);opacity:0.18;margin:2rem auto 0;}
.timeline-wrap{border-left:1px solid rgba(120,120,120,0.15);padding-left:30px;}
.year-group{margin-bottom:5rem;}
.year-title{font-size:24px;font-weight:500;color:var(--text-primary);position:relative;margin:0 0 28px;}
.year-title::before{content:"";position:absolute;left:-36px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--text-secondary);opacity:0.4;transform:translateY(-50%);}
.album-item{display:flex;gap:24px;text-decoration:none;color:inherit;margin-bottom:36px;transition:opacity 0.24s;align-items:flex-start;}
.album-item:hover{opacity:0.72;}
.item-cover{width:110px;height:140px;flex-shrink:0;border:1px solid rgba(120,120,120,0.12);overflow:hidden;}
.item-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.item-info{padding-top:4px;}
.item-name{font-size:18px;font-weight:500;color:var(--text-primary);margin:0 0 6px;}
.item-date{font-size:13px;color:var(--text-secondary);opacity:0.65;margin:0 0 4px;}
.item-meta{font-size:13px;color:var(--text-secondary);opacity:0.55;margin:0;}
.term-title{font-size:15px;color:var(--text-secondary);opacity:0.65;margin:40px 0 20px;letter-spacing:1px;padding-left:4px;}
.item-intro{font-size:13px;color:var(--text-secondary);opacity:0.6;margin:6px 0 0;line-height:1.6;}
.search-wrap{max-width:520px;margin:2.5rem auto 5rem;padding:0 1rem;}
.search-input{width:100%;box-sizing:border-box;background:transparent;border:1px solid rgba(130,130,130,0.22);border-radius:2px;padding:14px 18px;font-size:15px;color:var(--text-primary);outline:none;transition:border-color 0.25s;}
.search-input:focus{border-color:var(--text-secondary);}
.search-input::placeholder{color:var(--text-secondary);opacity:0.5;}
.hot-tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.tag-label{font-size:13px;color:var(--text-secondary);opacity:0.6;}
.tag-item{font-size:13px;padding:4px 10px;border:1px solid rgba(130,130,130,0.18);color:var(--text-secondary);cursor:pointer;transition:all 0.2s;}
.tag-item:hover{border-color:var(--text-primary);color:var(--text-primary);}
.empty-search{text-align:center;padding:3rem 0;color:var(--text-secondary);opacity:0.45;}
@media (max-width:768px){
.album-h1{font-size:1.8rem;}
.timeline-wrap{padding-left:22px;}
.year-title::before{left:-28px;}
.item-cover{width:82px;height:104px;}
}