.tags-page{padding:calc(80px + var(--spacing-lg)) var(--spacing-sm) var(--spacing-xl);min-height:100vh}.tags-container{max-width:var(--reading-width);margin:0 auto}.tags-title{font-family:var(--font-serif-cn);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;margin-bottom:var(--spacing-xl);text-align:center;color:var(--text-primary)}.tags-empty{text-align:center;color:var(--text-secondary);font-size:1.1rem;padding:var(--spacing-xl) 0}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;justify-content:center}.tag-item{display:inline-flex;align-items:center;gap:.3em;padding:.4em .8em;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;text-decoration:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;transition:all .2s ease}.tag-item:hover{color:var(--text-primary);border-color:var(--text-tertiary);background-color:var(--hover-overlay);opacity:1}.tag-name{font-weight:500}.tag-count{font-size:.85em;opacity:.7}.tags-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.tag-section{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.tag-section:last-child{border-bottom:none}.tag-name-heading{font-family:var(--font-serif-cn);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary);display:flex;align-items:baseline;gap:var(--spacing-xs)}.tag-name-heading a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.tag-name-heading a:hover{color:var(--text-secondary);opacity:1}.tag-section-count{font-family:var(--font-sans);font-size:1rem;font-weight:400;color:var(--text-tertiary)}.tag-more{margin-top:var(--spacing-md);text-align:right}.tag-more a{font-family:var(--font-sans);font-size:.95rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.tag-more a:hover{color:var(--text-primary);opacity:1}@media (max-width:768px){.tags-page{padding:calc(60px + var(--spacing-md)) var(--spacing-sm) var(--spacing-lg)}.tags-title{font-size:2rem;margin-bottom:var(--spacing-md)}.tags-cloud{padding:var(--spacing-sm);gap:var(--spacing-xs)}.tag-item{font-size:.85rem;padding:.3em .6em}.tags-list{gap:var(--spacing-lg)}.tag-section{padding-bottom:var(--spacing-md)}}