.tag-cloud{flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 4px 4px;display:flex}.tag-pill{border:1px solid var(--tc-border);border-radius:var(--v7-radius-full);background:var(--tc-bg);color:var(--tc-text);cursor:pointer;opacity:0;transition:opacity .4s var(--v7-ease-out), transform .4s var(--v7-ease-out), box-shadow .2s, border-color .2s;align-items:center;gap:6px;padding:6px 13px;font-weight:700;display:inline-flex;transform:translateY(8px)scale(.96)}.tag-pill.in{opacity:1;transform:none}.tag-pill:hover{box-shadow:0 4px 14px var(--tc-glow);transform:translateY(-2px)}.tag-pill.selected{border-color:var(--tc-text);box-shadow:0 0 0 3px var(--tc-glow), 0 6px 18px var(--tc-glow)}.tag-pill .check{color:#fff;background:var(--tc-text);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.tag-pill .cnt{border-radius:var(--v7-radius-full);background:var(--tc-cnt);padding:1px 7px;font-size:11px;font-weight:600}.tag-pill.s1{font-size:var(--v7-text-xl);padding:8px 16px}.tag-pill.s2{font-size:var(--v7-text-md)}.tag-pill.s3{font-size:var(--v7-text-sm)}.tag-panel{border:1px solid var(--v7-glass-border);border-radius:var(--v7-radius-lg);background:var(--v7-glass-bg);margin-top:26px;padding:18px}.tag-panel-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.tag-cur{font-family:var(--v7-font-head);font-size:var(--v7-text-lg);color:var(--v7-text-1);font-weight:800}.tag-count{font-size:var(--v7-text-xs);color:var(--v7-text-3)}.tag-clear{border:1px solid var(--v7-glass-border);border-radius:var(--v7-radius-full);background:var(--v7-surface);color:var(--v7-text-2);font-size:var(--v7-text-xs);cursor:pointer;padding:3px 10px;transition:color .2s,border-color .2s}.tag-clear:hover{color:var(--v7-accent);border-color:color-mix(in srgb, var(--v7-accent) 50%, transparent)}.tag-sort{border:1px solid var(--v7-glass-border);border-radius:var(--v7-radius-full);background:var(--v7-surface);gap:4px;margin-left:auto;padding:3px;display:inline-flex}.tag-sort button{border-radius:var(--v7-radius-full);color:var(--v7-text-3);font-size:var(--v7-text-xs);cursor:pointer;background:0 0;border:0;padding:4px 12px;transition:color .2s,background-color .2s}.tag-sort button.active{color:#fff;background:linear-gradient(135deg, var(--v7-accent), var(--v7-accent-3))}.tag-empty{font-size:var(--v7-text-sm);color:var(--v7-text-3);justify-content:center;align-items:center;gap:8px;padding:36px 0;display:flex}.tag-art-list{flex-direction:column;gap:10px;display:flex}.tag-art{border:1px solid var(--v7-glass-border);border-radius:var(--v7-radius-md);background:var(--v7-glass-bg);color:inherit;opacity:0;transition:opacity .4s var(--v7-ease-out), transform .4s var(--v7-ease-out), border-color .2s, box-shadow .2s;padding:14px 16px;text-decoration:none;display:block;transform:translateY(8px)}.tag-art.in{opacity:1;transform:none}.tag-art:hover{border-color:color-mix(in srgb, var(--v7-accent) 50%, transparent);box-shadow:var(--v7-shadow-2)}.tag-art-body h3{font-size:var(--v7-text-md);color:var(--v7-text-1);font-weight:800;transition:color .2s}.tag-art:hover h3{color:var(--v7-accent)}.tag-art-ex{font-size:var(--v7-text-xs);color:var(--v7-text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;line-height:1.6;display:-webkit-box;overflow:hidden}.tag-art-meta{color:var(--v7-text-3);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:11px;display:flex}.tag-art-meta span{align-items:center;gap:4px;display:inline-flex}.tag-art-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag-art-tags span{border-radius:var(--v7-radius-full);background:color-mix(in srgb, var(--v7-accent) 10%, transparent);color:var(--v7-accent);padding:2px 9px;font-size:11px;font-weight:600}@media (max-width:560px){.tag-pill.s1{font-size:var(--v7-text-lg)}.tag-sort{margin-left:0}}@media (prefers-reduced-motion:reduce){.tag-pill,.tag-art{opacity:1!important;transition:none!important;transform:none!important}}