.hero-breadcrumb a{color:var(--text-500);text-decoration:none}.hero-breadcrumb a:hover{color:var(--teal-600)}.hero-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:1.25rem}.search-wrap{position:relative;flex:1 1 280px;min-width:240px}.search-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-400);font-size:.9rem;pointer-events:none}.search-input{width:100%;padding:10px 14px 10px 38px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-body);font-size:14px;color:var(--text-700);outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px var(--teal-50)}.filter-pill{padding:7px 16px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-500);cursor:pointer;transition:all .15s;white-space:nowrap}.filter-pill:hover{border-color:var(--border-hover);color:var(--text-700)}.filter-pill.active{background:var(--teal-600);border-color:var(--teal-600);color:#fff}.albums-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}@media(max-width:992px){.albums-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.albums-grid{grid-template-columns:1fr}}.album-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.album-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--teal-500)}.album-cover{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg)}.album-cover img{object-fit:cover;transition:transform .35s ease}.album-card:hover .album-cover img{transform:scale(1.05)}.album-count-badge{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;background:rgba(15,23,42,.72);color:#fff;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-count-badge i{font-size:11px}.album-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.album-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-900);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.album-meta span:first-child{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-400)}.recent-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .15s}.recent-item:last-child{border-bottom:none;padding-bottom:0}.recent-item:first-child{padding-top:0}.recent-item:hover{opacity:.85}.recent-thumb{width:52px;height:38px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative;background:var(--bg)}.recent-thumb img{object-fit:cover}.recent-info{min-width:0}.recent-title{font-size:13px;font-weight:600;color:var(--text-900);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-date{font-size:11px;color:var(--text-400);margin-top:2px}.cat-list{display:flex;flex-direction:column}.cat-item{display:flex;align-items:center;justify-content:space-between;padding:9px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.cat-item.active,.cat-item:hover{background:var(--teal-50)}.cat-left{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-700)}.cat-item.active .cat-left,.cat-item:hover .cat-left{color:var(--teal-600)}.cat-left i{color:var(--text-400)}.cat-item.active .cat-left i,.cat-item:hover .cat-left i{color:var(--teal-500)}.cat-count{font-size:11px;font-weight:600;color:var(--text-500);background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:1px 9px}.share-btns{display:flex;flex-direction:column;gap:8px}.share-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-700);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.share-btn:hover{border-color:var(--teal-500);color:var(--teal-600);background:var(--teal-50)}.share-btn i{font-size:15px}