/*
 * Theme: theme-Serenity
 * Author: Serenity
 * Build: 2026-02-08 14:03:56
 * Fingerprint: 2341ef30fad7669f
 * Copyright © 2026 Serenity. All rights reserved.
 * Unauthorized copying or distribution is prohibited.
 */
.page-header{margin-bottom:var(--space-6);padding-top:calc(var(--header-height) + var(--space-8));text-align:center}.tags-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);padding-bottom:var(--space-10)}@media (max-width:900px){.tags-layout{grid-template-columns:1fr}}.tags-stats-card{padding:var(--space-5);background:rgba(255,255,255,0.02);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:fit-content;z-index:10}[data-theme="light"] .tags-stats-card{background:rgba(0,0,0,0.01)}.rings-container{position:relative;width:240px;height:240px;margin:0 auto}.rings-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--color-border);stroke-width:12;opacity:0.3}.ring{fill:none;stroke-width:12;stroke-linecap:round;cursor:pointer;transition:all 0.3s ease}.ring:hover{stroke-width:16;filter:brightness(1.1)}.ring-1{stroke:#5B8FF9;stroke-dasharray:565;stroke-dashoffset:85}.ring-2{stroke:#5AD8A6;stroke-dasharray:452;stroke-dashoffset:136}.ring-3{stroke:#F6BD16;stroke-dasharray:339;stroke-dashoffset:153}.ring-4{stroke:#E86452;stroke-dasharray:226;stroke-dashoffset:136}.rings-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.rings-total{display:block;font-size:1.8rem;font-weight:700;color:var(--color-text);line-height:1}.rings-label{font-size:11px;color:var(--color-text-muted);margin-top:4px}.ring-tooltip{position:absolute;padding:8px 12px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;color:var(--color-text);white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.2s ease;pointer-events:none;z-index:10;left:50%;transform:translateX(-50%);top:-40px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.ring-tooltip::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--color-border)}.ring-tooltip .tooltip-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.ring-tooltip .tooltip-count{font-weight:600;margin-left:8px;color:var(--color-text-muted)}.tags-cloud-card{position:relative;padding:var(--space-5);background:rgba(255,255,255,0.02);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}[data-theme="light"] .tags-cloud-card{background:rgba(0,0,0,0.01)}.tags-cloud-watermark{position:absolute;right:15px;bottom:15px;font-size:2.5rem;font-weight:700;color:var(--color-accent);opacity:0.08;transform:rotate(-45deg);pointer-events:none;user-select:none}.tags-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(255,255,255,0.03);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:12px;transition:all 0.2s ease}[data-theme="light"] .tag-item{background:rgba(0,0,0,0.02)}.tag-item:hover{border-color:var(--tag-color,var(--color-accent));color:var(--tag-color,var(--color-accent));transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.08)}.tag-count{font-size:10px;padding:1px 6px;background:rgba(255,255,255,0.06);border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-mono)}[data-theme="light"] .tag-count{background:rgba(0,0,0,0.05)}.tag-item:hover .tag-count{background:var(--tag-color,var(--color-accent));color:#fff}.categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);padding:var(--space-6) 0;padding-bottom:var(--space-10)}.category-card{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:rgba(255,255,255,0.02);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-fast);overflow:hidden}[data-theme="light"] .category-card{background:rgba(0,0,0,0.01)}.category-card:hover{border-color:var(--color-accent);background:rgba(255,255,255,0.04)}[data-theme="light"] .category-card:hover{background:rgba(0,0,0,0.02)}.category-watermark{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(-45deg);font-size:1.5rem;font-weight:700;color:var(--color-accent);opacity:0.08;letter-spacing:0.1em;pointer-events:none;user-select:none;white-space:nowrap}.category-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(245,150,170,0.1);border-radius:var(--radius-md);flex-shrink:0}[data-theme="light"] .category-icon{background:rgba(51,166,184,0.1)}.category-icon svg{width:22px;height:22px;color:var(--color-accent)}.category-info{flex:1;min-width:0}.category-name{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px;transition:color var(--duration-fast)}.category-card:hover .category-name{color:var(--color-accent)}.category-count{font-size:12px;color:var(--color-text-muted)}