.tags-page{padding-top:var(--qi-space-5xl);padding-bottom:var(--qi-space-5xl)}.tags-stats-section{margin-bottom:var(--qi-space-4xl)}.tags-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--qi-space-lg)}.tags-stat-card{background:var(--qi-surface-main);border:1px solid var(--qi-border-subtle);border-radius:var(--qi-radius-card);padding:var(--qi-space-xl);text-align:center;transition:transform var(--qi-transition),box-shadow var(--qi-transition),border-color var(--qi-transition)}.tags-stat-card:hover{transform:translateY(-4px);box-shadow:var(--qi-shadow-hover);border-color:var(--qi-brand-emerald)}.tags-stat-icon{font-size:1.5rem;margin-bottom:var(--qi-space-xs)}.tags-stat-number{font-family:var(--qi-font-mono);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--qi-brand-emerald);margin-bottom:var(--qi-space-sm);line-height:1}.tags-stat-label{font-size:var(--qi-text-sm);color:var(--qi-on-surface-secondary);text-transform:uppercase;letter-spacing:.05em}.tags-cloud-section{margin-bottom:var(--qi-space-5xl)}.tags-cloud-controls{display:flex;gap:var(--qi-space-sm);margin-bottom:var(--qi-space-xl);flex-wrap:wrap}.tags-sort-btn{padding:var(--qi-space-sm) var(--qi-space-lg);background:var(--qi-surface-sub);border:1px solid var(--qi-border-subtle);border-radius:var(--qi-radius-button);font-family:var(--qi-font-mono);font-size:var(--qi-text-sm);color:var(--qi-on-surface);cursor:pointer;transition:all var(--qi-transition-fast);display:inline-flex;align-items:center;gap:var(--qi-space-xs)}.tags-sort-btn:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--qi-on-surface-secondary);transition:background var(--qi-transition-fast)}.tags-sort-btn:hover{background:var(--qi-surface-elevated);border-color:var(--qi-border-strong)}.tags-sort-btn:hover:before{background:var(--qi-brand-emerald)}.tags-sort-btn.active{background:var(--qi-brand-emerald);border-color:var(--qi-brand-emerald);color:var(--qi-text-inverse)}.tags-sort-btn.active:before{background:var(--qi-text-inverse)}.tags-cloud-wrapper{position:relative}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--qi-space-md);transition:opacity var(--qi-transition-fast),transform var(--qi-transition-fast);justify-content:flex-start}.tags-cloud.hidden{opacity:0;transform:translateY(10px);pointer-events:none;position:absolute;top:0;left:0;right:0}.tags-cloud:not(.hidden){opacity:1;transform:translateY(0);position:relative}.tag-link{display:inline-flex;align-items:center;gap:var(--qi-space-xs);padding:var(--qi-space-sm) var(--qi-space-lg);background:var(--qi-surface-sub);border:1px solid var(--qi-border-subtle);border-radius:var(--qi-radius-button);color:var(--qi-text-primary);font-family:var(--qi-font-mono);text-decoration:none;transition:all var(--qi-transition-fast);position:relative;overflow:hidden}.tag-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--qi-transition)}.tag-link:hover:before{left:100%}.tag-link:hover{background:var(--qi-brand-emerald);border-color:var(--qi-brand-emerald);color:var(--qi-text-inverse);transform:translateY(-2px);box-shadow:var(--qi-shadow-hover)}.tag-size-sm{font-size:clamp(.75rem,2vw,.85rem);padding:var(--qi-space-xs) var(--qi-space-md)}.tag-size-md{font-size:clamp(.9rem,2.5vw,1rem);padding:var(--qi-space-sm) var(--qi-space-lg)}.tag-size-lg{font-size:clamp(1rem,3vw,1.2rem);padding:var(--qi-space-md) var(--qi-space-xl)}.tag-size-xl{font-size:clamp(1.15rem,3.5vw,1.4rem);padding:var(--qi-space-md) var(--qi-space-2xl)}.tag-hot{background:linear-gradient(135deg,var(--qi-red-500),var(--qi-amber-400));border-color:transparent;color:var(--qi-surface-main);animation:pulse-hot 2s infinite;box-shadow:0 4px 20px #ef44444d}.tag-hot:hover{background:linear-gradient(135deg,var(--qi-red-600),var(--qi-amber-500));color:var(--qi-surface-main);box-shadow:0 6px 24px #ef444466}@keyframes pulse-hot{0%,to{box-shadow:0 4px 20px #ef44444d}50%{box-shadow:0 6px 30px #ef444480}}.tag-text{font-weight:600}.tag-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 var(--qi-space-xs);background:#0000001a;border-radius:9999px;font-size:.75rem;font-weight:700;transition:background var(--qi-transition-fast)}.tag-link:hover .tag-count-badge{background:#fff3}.tag-hot .tag-count-badge{background:#00000026}.tag-hot:hover .tag-count-badge{background:#0003}.tags-posts-section{margin-top:var(--qi-space-4xl)}.tags-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--qi-gap-bento)}.tags-post-card{display:flex;flex-direction:column;background:var(--qi-surface-main);color:var(--qi-on-surface);border-radius:var(--qi-radius-card);padding:var(--qi-space-xl);transition:transform var(--qi-transition),box-shadow var(--qi-transition),border-color var(--qi-transition);text-decoration:none;border:1px solid var(--qi-border-subtle)}.tags-post-card:hover{transform:translateY(-4px);box-shadow:var(--qi-shadow-hover-warm);border-color:var(--qi-brand-emerald)}.tags-post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--qi-space-md)}.tags-post-category{display:inline-flex;align-items:center;background:var(--qi-emerald-700);color:var(--qi-text-inverse);padding:2px 10px;border-radius:var(--qi-radius-sm);font-size:.75rem;font-weight:600;transition:background var(--qi-transition-fast)}.tags-post-card:hover .tags-post-category{background:var(--qi-brand-emerald)}:global(.dark) .tags-post-category{background:var(--qi-brand-emerald)}.tags-post-date{font-size:var(--qi-text-xs);color:var(--qi-on-surface-secondary);font-family:var(--qi-font-mono)}.tags-post-title{font-family:var(--qi-font-serif);font-size:clamp(1.1rem,3vw,1.3rem);margin-bottom:var(--qi-space-sm);line-height:1.4;flex:1}.tags-post-desc{color:var(--qi-on-surface-secondary);font-size:var(--qi-text-sm);margin-bottom:var(--qi-space-md);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags-post-tags{display:flex;flex-wrap:wrap;gap:var(--qi-space-xs);margin-top:auto;padding-top:var(--qi-space-sm);border-top:1px solid var(--qi-border-subtle)}.tags-post-tag{font-family:var(--qi-font-mono);font-size:.7rem;color:var(--qi-on-surface);opacity:.6;transition:opacity var(--qi-transition-fast)}.tags-post-card:hover .tags-post-tag{opacity:.8}.empty-state{text-align:center;padding:var(--qi-space-4xl) 0}.empty-icon{font-size:3rem;margin-bottom:var(--qi-space-lg)}.empty-text{color:var(--qi-on-surface-secondary);font-size:var(--qi-text-lg)}.tags-sort-icon{font-size:.85rem}:global(.dark) .tags-post-card{border-color:var(--qi-border-strong)}:global(.dark) .tags-cloud{background:transparent}:global(.dark) .tag-link{background:var(--qi-surface-sub);border-color:var(--qi-border-strong)}:global(.dark) .tag-link:hover{background:var(--qi-brand-emerald);border-color:var(--qi-brand-emerald)}@media(max-width:768px){.tags-page{padding-top:var(--qi-space-4xl);padding-bottom:var(--qi-space-4xl)}.tags-stats-grid{grid-template-columns:1fr;gap:var(--qi-space-md)}.tags-stat-card{padding:var(--qi-space-lg)}.tags-stat-number{font-size:1.8rem}.tags-cloud{justify-content:center;gap:var(--qi-space-sm)}.tags-posts-grid{grid-template-columns:1fr;gap:var(--qi-space-lg)}.tags-post-card{padding:var(--qi-space-lg)}}@media(min-width:1440px){.tags-cloud{gap:var(--qi-space-lg)}.tags-posts-grid{gap:28px}.tags-post-title{font-size:var(--qi-text-xl)}}@media(min-width:2560px){.tags-cloud{gap:var(--qi-space-xl)}.tag-link{font-size:var(--qi-text-base)}.tags-posts-grid{gap:36px;max-width:1600px;margin-inline:auto}.tags-post-card{padding:var(--qi-space-2xl)}.tags-post-title{font-size:var(--qi-text-2xl)}.tags-post-desc{font-size:var(--qi-text-base)}}