.tags-header-bar{border-bottom:1px solid var(--border-color);padding-top:40px;padding-bottom:16px;margin-bottom:24px}.tags-title-area h1{font-size:26px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.tags-title-area p{font-size:13.5px;color:var(--text-sub);margin-top:4px}.tags-pills-bar{display:flex;gap:10px;overflow-x:auto;padding:4px 0;margin-bottom:24px}.tags-pills-bar::-webkit-scrollbar{display:none}.tags-pill{background:rgba(0,0,0,.04);border:1px solid transparent;color:var(--text-main);padding:8px 18px;border-radius:18px;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.tags-pill.active{background:var(--accent-color);color:#fff}.tags-pill:hover:not(.active){background:rgba(0,0,0,.08);transform:translateY(-1px)}.tags-pill-count{font-size:11px;color:var(--text-sub);margin-left:auto;font-weight:500;align-self:center;flex-shrink:0}.tags-ranking-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:24px}.tags-ranking-section h3{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:20px}.tags-ranking-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}.tags-ranking-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border-color);transition:all .15s;cursor:pointer;border-radius:8px}.tags-ranking-item:hover{background:var(--accent-color);border-radius:8px}.tags-ranking-item:hover .tags-ranking-name{color:#fff}.tags-ranking-item:hover .tags-ranking-meta{color:rgba(255,255,255,.7)}.tags-ranking-item:hover .tags-ranking-num{background:rgba(255,255,255,.2);color:#fff}.tags-ranking-item:hover .tags-ranking-bar-fill.tags-ranking-bar-fill{background:rgba(255,255,255,.4)}.tags-ranking-item:nth-last-child(-n+2){border-bottom:none}.tags-ranking-num{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;background:rgba(0,0,0,.04);color:var(--text-sub)}.tags-ranking-item:nth-child(1) .tags-ranking-num,.tags-ranking-item:nth-child(2) .tags-ranking-num{background:linear-gradient(135deg,#ffd60a,#ff9f0a);color:#1d1d1f}.tags-ranking-item:nth-child(3) .tags-ranking-num,.tags-ranking-item:nth-child(4) .tags-ranking-num{background:linear-gradient(135deg,#a8a8ad,#8e8e93);color:#fff}.tags-ranking-item:nth-child(5) .tags-ranking-num,.tags-ranking-item:nth-child(6) .tags-ranking-num{background:linear-gradient(135deg,#c4956a,#a07850);color:#fff}.tags-ranking-info{flex:1;min-width:0}.tags-ranking-name{font-size:13px;font-weight:600;color:var(--text-main)}.tags-ranking-meta{font-size:11px;color:var(--text-sub);margin-top:1px}.tags-ranking-bar{width:60px;height:3px;border-radius:2px;background:rgba(0,0,0,.04);flex-shrink:0;overflow:hidden}.tags-ranking-bar-fill{height:100%;border-radius:2px;background:var(--accent-color);transition:width .6s cubic-bezier(.25,1,.5,1)}.tags-cloud-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:24px}.tags-cloud-section h3{font-size:15px;font-weight:700;color:var(--text-main);margin-bottom:20px}.tags-cloud-count{font-size:12px;font-weight:500;color:var(--text-sub);margin-left:8px}.tags-cloud-wrap{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:18px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);background:rgba(0,0,0,.04);color:var(--text-main);border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag-pill:hover{background:var(--accent-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,113,227,.25)}.tag-pill:active{transform:scale(.97)}.tag-pill .tag-count{font-size:10px;font-weight:600;padding:1px 5px;border-radius:6px;background:rgba(0,0,0,.05);color:var(--text-sub);transition:all .2s}.tag-pill:hover .tag-count{background:rgba(255,255,255,.2);color:#fff}.tag-pill.size-lg{padding:9px 18px;font-size:14px;font-weight:600;background:rgba(0,0,0,.06)}.tag-pill.size-lg:hover{background:var(--accent-color);color:#fff}.tag-pill.size-md{padding:7px 14px;font-size:13px}.tag-pill.size-sm{padding:5px 10px;font-size:12px;font-weight:400;opacity:.75}.tags-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.tags-category-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:22px;transition:all .2s;cursor:pointer}.tags-category-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.04);transform:translateY(-2px)}.tags-category-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tags-category-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.tags-category-name{font-size:14px;font-weight:700;color:var(--text-main)}.tags-category-count{font-size:11px;color:var(--text-sub);margin-top:1px}.tags-category-tags{display:flex;flex-wrap:wrap;gap:5px}.tags-category-tags .tag-mini{font-size:11px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.03);color:var(--text-sub);font-weight:500;transition:all .15s}.tags-category-tags .tag-mini:hover{background:rgba(0,0,0,.06);color:var(--text-main)}@media (max-width:850px){.tags-category-grid{grid-template-columns:repeat(2,1fr)}.tags-ranking-grid{grid-template-columns:1fr}}@media (max-width:480px){.tags-category-grid{grid-template-columns:1fr}.tags-cloud-section{padding:20px 16px}}a.tag-mini,a.tag-pill,a.tags-ranking-item{text-decoration:none;color:inherit}