/* Storava 前端标签页 样式 —— 抽离自 front/tag/list.html */
.tag-page .tag-hero {
    background: linear-gradient(135deg, #1677ff 0%, #4096ff 60%, #69b1ff 100%);
    color: #fff; border-radius: 14px; padding: 26px 24px; position: relative; overflow: hidden;
    box-shadow: 0 8px 24px rgba(22,119,255,.25);
  }
  .tag-page .tag-hero::after {
    content: "\f02c"; font-family: "Font Awesome 6 Free"; font-weight: 900;
    position: absolute; right: 18px; bottom: -14px; font-size: 92px; opacity: .14;
  }
  .tag-page .tag-hero h1 { font-size: 22px; font-weight: 800; margin: 0; }
  .tag-page .tag-hero .sub { opacity: .9; margin-top: 6px; font-size: 13px; }
  .tag-page .tag-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
  .tag-page .tag-pill {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .5rem 1rem; border-radius: 999px;
    background: #f2f5fa; color: #1d2129; border: 1px solid #e5e6eb;
    text-decoration: none; font-weight: 600; line-height: 1.2;
    transition: all .18s ease;
  }
  .tag-page .tag-pill .cnt {
    font-size: .72rem; padding: .05rem .45rem; border-radius: 999px;
    background: rgba(22,119,255,.12); color: #1677ff; font-weight: 700;
  }
  .tag-page .tag-pill:hover {
    background: var(--primary); color: #fff; border-color: var(--primary);
    transform: translateY(-2px); box-shadow: 0 8px 18px rgba(22,119,255,.3);
  }
  .tag-page .tag-pill:hover .cnt { background: rgba(255,255,255,.25); color: #fff; }
  .tag-page .sz-1 { font-size: .85rem; }
  .tag-page .sz-2 { font-size: 1rem; }
  .tag-page .sz-3 { font-size: 1.15rem; }
  .tag-page .sz-4 { font-size: 1.32rem; }