.pc-tag-index-template *,
    .pc-tag-index-template *::before,
    .pc-tag-index-template *::after {
      box-sizing: border-box;
    }

    .pc-tag-index-template .pc-tag-index-layout,
    .pc-tag-index-template .pc-tag-index-layout input,
    .pc-tag-index-template .pc-tag-index-layout button {
      font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    }

    .pc-tag-index-template .pc-tag-index-layout {
      display: grid;
      grid-template-columns: 280px minmax(0, 1fr);
      gap: 30px;
      align-items: start;
      width: 1200px;
      max-width: calc(100% - 24px);
      margin: 30px auto 42px;
    }

    .pc-tag-index-template .pc-tag-index-aside,
    .pc-tag-index-template .pc-tag-index-main {
      min-width: 0;
    }

    .pc-tag-index-template .pc-tag-index-aside {
      display: grid;
      gap: 18px;
    }

    .pc-tag-index-template .pc-tag-index-side-card,
    .pc-tag-index-template .pc-tag-index-head,
    .pc-tag-index-template .pc-tag-index-panel {
      overflow: hidden;
      border: 1px solid #e1e8ec;
      border-radius: 3px;
      background: #fff;
      box-shadow: 0 4px 14px rgba(20, 48, 74, .05);
    }

    .pc-tag-index-template .pc-tag-index-side-title {
      margin: 0;
      padding: 14px 16px;
      background: #30b7ef;
      color: #fff;
      font-size: 17px;
      line-height: 1.45;
      font-weight: 600;
    }

    .pc-tag-index-template .pc-tag-index-side-links {
      display: grid;
      gap: 6px;
      margin: 0;
      padding: 12px;
      list-style: none;
    }

    .pc-tag-index-template .pc-tag-index-side-links li {
      min-width: 0;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .pc-tag-index-template .pc-tag-index-side-links a {
      display: block;
      min-width: 0;
      padding: 10px 12px;
      overflow: hidden;
      border: 1px solid #edf1f3;
      border-radius: 2px;
      background: #f7f9fa;
      color: #444;
      font-size: 14px;
      line-height: 1.45;
      text-decoration: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: border-color .18s ease, background-color .18s ease, color .18s ease;
    }

    .pc-tag-index-template .pc-tag-index-side-links a:hover,
    .pc-tag-index-template .pc-tag-index-side-links a:focus-visible {
      border-color: #b9dfee;
      background: #eaf7fc;
      color: #168fbd;
      outline: 0;
    }

    .pc-tag-index-template .pc-tag-index-contact {
      margin: 0;
      padding: 14px 16px 16px;
      color: #555;
      font-size: 14px;
      line-height: 1.85;
      overflow-wrap: anywhere;
    }

    .pc-tag-index-template .pc-tag-index-contact a {
      color: #168fbd;
      text-decoration: none;
    }

    .pc-tag-index-template .pc-tag-index-contact a:hover,
    .pc-tag-index-template .pc-tag-index-contact a:focus-visible {
      color: #0b6e92;
      text-decoration: underline;
      outline: 0;
    }

    .pc-tag-index-template .pc-tag-index-head {
      margin: 0 0 16px;
      padding: 20px 22px 19px;
    }

    .pc-tag-index-template .pc-tag-index-breadcrumb {
      margin: 0 0 13px;
      color: #777;
      font-size: 14px;
      line-height: 1.65;
    }

    .pc-tag-index-template .pc-tag-index-breadcrumb a {
      color: #555;
      text-decoration: none;
    }

    .pc-tag-index-template .pc-tag-index-breadcrumb a:hover,
    .pc-tag-index-template .pc-tag-index-breadcrumb a:focus-visible {
      color: #168fbd;
      outline: 0;
    }

    .pc-tag-index-template .pc-tag-index-breadcrumb__separator {
      margin: 0 7px;
      color: #aaa;
    }

    .pc-tag-index-template .pc-tag-index-title {
      position: relative;
      margin: 0;
      padding: 0 0 0 13px;
      color: #2b2b2b;
      font-size: 25px;
      line-height: 1.42;
      font-weight: 700;
    }

    .pc-tag-index-template .pc-tag-index-title::before {
      position: absolute;
      top: .16em;
      bottom: .16em;
      left: 0;
      width: 4px;
      border-radius: 1px;
      background: #30b7ef;
      content: "";
    }

    .pc-tag-index-template .pc-tag-index-intro {
      margin: 10px 0 0;
      color: #555;
      font-size: 15px;
      line-height: 1.78;
    }

    .pc-tag-index-template .pc-tag-index-note {
      margin: 11px 0 0;
      padding: 9px 11px;
      border-left: 3px solid #b9dfee;
      background: #f5fafc;
      color: #65747c;
      font-size: 13px;
      line-height: 1.65;
    }

    .pc-tag-index-template .pc-tag-index-search {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 9px;
      margin: 16px 0 0;
    }

    .pc-tag-index-template .pc-tag-index-search input[type="search"] {
      width: 100%;
      min-width: 0;
      height: 42px;
      padding: 0 13px;
      border: 1px solid #d9e1e5;
      border-radius: 3px;
      background: #fff;
      color: #333;
      font-size: 14px;
      outline: 0;
    }

    .pc-tag-index-template .pc-tag-index-search input[type="search"]:focus {
      border-color: #30b7ef;
      box-shadow: 0 0 0 3px rgba(48, 183, 239, .13);
    }

    .pc-tag-index-template .pc-tag-index-search button {
      min-width: 104px;
      min-height: 42px;
      padding: 0 18px;
      border: 1px solid #168fbd;
      border-radius: 3px;
      background: #30b7ef;
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: border-color .18s ease, background-color .18s ease;
    }

    .pc-tag-index-template .pc-tag-index-search button:hover,
    .pc-tag-index-template .pc-tag-index-search button:focus-visible {
      border-color: #0b6e92;
      background: #168fbd;
      outline: 0;
    }

    .pc-tag-index-template .pc-tag-index-panel {
      padding: 20px;
    }

    .pc-tag-index-template .pc-tag-index-panel-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 16px;
      margin: 0 0 16px;
      padding: 0 0 12px;
      border-bottom: 1px solid #edf1f3;
    }

    .pc-tag-index-template .pc-tag-index-panel-title {
      margin: 0;
      color: #2e3438;
      font-size: 19px;
      line-height: 1.5;
      font-weight: 700;
    }

    .pc-tag-index-template .pc-tag-index-count {
      margin: 0;
      color: #7a878e;
      font-size: 13px;
      line-height: 1.5;
      white-space: nowrap;
    }

    .pc-tag-index-template .pc-tag-index-list {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .pc-tag-index-template .pc-tag-index-item {
      min-width: 0;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .pc-tag-index-template .pc-tag-index-link {
      display: flex;
      min-height: 44px;
      align-items: center;
      justify-content: space-between;
      gap: 9px;
      min-width: 0;
      padding: 9px 11px;
      border: 1px solid #e4eaed;
      border-radius: 3px;
      background: #f8fafb;
      color: #3f4b51;
      font-size: 14px;
      line-height: 1.45;
      text-decoration: none;
      transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease;
    }

    .pc-tag-index-template .pc-tag-index-link:hover,
    .pc-tag-index-template .pc-tag-index-link:focus-visible {
      border-color: #b9dfee;
      background: #eaf7fc;
      color: #168fbd;
      transform: translateY(-1px);
      outline: 0;
    }

    .pc-tag-index-template .pc-tag-index-name {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .pc-tag-index-template .pc-tag-index-total {
      flex: 0 0 auto;
      min-width: 38px;
      padding: 3px 7px;
      border-radius: 999px;
      background: #fff;
      color: #748189;
      font-size: 12px;
      line-height: 1.35;
      text-align: center;
      box-shadow: inset 0 0 0 1px #dfe7eb;
    }

    .pc-tag-index-template .pc-tag-index-empty {
      display: none;
      margin: 0;
      padding: 30px 18px;
      border: 1px dashed #ccd8de;
      border-radius: 3px;
      background: #fafcfd;
      color: #66757d;
      font-size: 15px;
      line-height: 1.75;
      text-align: center;
    }

    .pc-tag-index-template .pc-tag-index-empty.is-visible {
      display: block;
    }

    .pc-tag-index-template .pc-visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    @media (max-width: 1080px) {
      .pc-tag-index-template .pc-tag-index-layout {
        grid-template-columns: 250px minmax(0, 1fr);
        gap: 22px;
      }

      .pc-tag-index-template .pc-tag-index-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    @media (max-width: 820px) {
      .pc-tag-index-template .pc-tag-index-layout {
        grid-template-columns: 1fr;
      }

      .pc-tag-index-template .pc-tag-index-aside {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 620px) {
      .pc-tag-index-template .pc-tag-index-layout {
        max-width: calc(100% - 12px);
        margin-top: 16px;
      }

      .pc-tag-index-template .pc-tag-index-aside,
      .pc-tag-index-template .pc-tag-index-list {
        grid-template-columns: 1fr;
      }

      .pc-tag-index-template .pc-tag-index-head,
      .pc-tag-index-template .pc-tag-index-panel {
        padding: 17px 15px;
      }

      .pc-tag-index-template .pc-tag-index-title {
        font-size: 22px;
      }

      .pc-tag-index-template .pc-tag-index-search {
        grid-template-columns: 1fr;
      }

      .pc-tag-index-template .pc-tag-index-search button {
        width: 100%;
      }

      .pc-tag-index-template .pc-tag-index-panel-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .pc-tag-index-template .pc-tag-index-side-links a,
      .pc-tag-index-template .pc-tag-index-search button,
      .pc-tag-index-template .pc-tag-index-link {
        transition: none;
      }

      .pc-tag-index-template .pc-tag-index-link:hover,
      .pc-tag-index-template .pc-tag-index-link:focus-visible {
        transform: none;
      }
    }