鑷姩鎻愪氦: 2026/04/12 周日 13:56:04.94

css/brands.css

@@ -0,0 +1,19 @@
+.fab,
+.fa-brands {
+  font-weight: 400;
+}
+
+:root, :host {
+  --fa-style-family-brands: 'Font Awesome 6 Brands';
+  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }
+
+@font-face {
+  font-family: 'Font Awesome 6 Brands';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
+
+.fa-apple { --fa: "\f179"; --fa--fa: "\f179\f179"; }
+.fa-discord { --fa: "\f392"; --fa--fa: "\f392\f392"; }
+.fa-youtube { --fa: "\f167"; --fa--fa: "\f167\f167"; }

css/custom-icons.css

@@ -0,0 +1,25 @@
+.fak.fa-pants, .fa-kit.fa-pants { --fa: "\e000"; --fa--fa: "\e000\e000"; }
+.fak.fa-shoe, .fa-kit.fa-shoe { --fa: "\e001"; --fa--fa: "\e001\e001"; }
+
+.fak, .fa-kit {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: var(--fa-display, inline-block);
+  font-family: "Font Awesome Kit";
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 400;
+  line-height: 1;
+  text-rendering: auto;
+}
+
+.fak::before, .fa-kit::before {
+  content: var(--fa);
+}
+
+@font-face {
+  font-family: "Font Awesome Kit";
+  font-style: normal;
+  font-display: block;
+  src: url("../webfonts/custom-icons.woff2") format("woff2"), url("../webfonts/custom-icons.ttf") format("truetype");
+}

css/duotone.css

@@ -0,0 +1,47 @@
+:root, :host {
+  --fa-style-family-duotone: 'Font Awesome 6 Duotone';
+  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone'; }
+
+@font-face {
+  font-family: 'Font Awesome 6 Duotone';
+  font-style: normal;
+  font-weight: 900;
+  font-display: block;
+  src: url("../webfonts/fa-duotone-900.woff2") format("woff2"), url("../webfonts/fa-duotone-900.ttf") format("truetype"); }
+
+.fad,
+.fa-duotone {
+  position: relative;
+  font-weight: 900;
+  letter-spacing: normal; }
+
+.fad::before,
+.fa-duotone::before {
+  position: absolute;
+  color: var(--fa-primary-color, inherit);
+  opacity: var(--fa-primary-opacity, 1); }
+
+.fad::after,
+.fa-duotone::after {
+  color: var(--fa-secondary-color, inherit);
+  opacity: var(--fa-secondary-opacity, 0.4); }
+
+.fa-swap-opacity .fad::before,
+.fa-swap-opacity .fa-duotone::before,
+.fad.fa-swap-opacity::before,
+.fa-duotone.fa-swap-opacity::before {
+  opacity: var(--fa-secondary-opacity, 0.4); }
+
+.fa-swap-opacity .fad::after,
+.fa-swap-opacity .fa-duotone::after,
+.fad.fa-swap-opacity::after,
+.fa-duotone.fa-swap-opacity::after {
+  opacity: var(--fa-primary-opacity, 1); }
+
+.fad.fa-inverse,
+.fa-duotone.fa-inverse {
+  color: var(--fa-inverse, #fff); }
+
+.fad.fa-stack-1x, .fad.fa-stack-2x,
+.fa-duotone.fa-stack-1x, .fa-duotone.fa-stack-2x {
+  position: absolute; }

css/fontawesome.css

@@ -0,0 +1,621 @@
+.fa {
+  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
+  font-weight: var(--fa-style, 900); }
+
+.fas,
+.fass,
+.far,
+.fasr,
+.fal,
+.fasl,
+.fat,
+.fast,
+.fad,
+.fadr,
+.fadl,
+.fadt,
+.fasds,
+.fasdr,
+.fasdl,
+.fasdt,
+.fab,
+.fa-solid,
+.fa-regular,
+.fa-light,
+.fa-thin,
+.fa-brands,
+.fa-classic,
+.fa-duotone,
+.fa-sharp,
+.fa-sharp-duotone,
+.fa {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: var(--fa-display, inline-block);
+  font-style: normal;
+  font-variant: normal;
+  line-height: 1;
+  text-rendering: auto; }
+
+.fas::before,
+.fass::before,
+.far::before,
+.fasr::before,
+.fal::before,
+.fasl::before,
+.fat::before,
+.fast::before,
+.fad::before,
+.fadr::before,
+.fadl::before,
+.fadt::before,
+.fasds::before,
+.fasdr::before,
+.fasdl::before,
+.fasdt::before,
+.fab::before,
+.fa-solid::before,
+.fa-regular::before,
+.fa-light::before,
+.fa-thin::before,
+.fa-brands::before,
+.fa-classic::before,
+.fa-duotone::before,
+.fa-sharp::before,
+.fa-sharp-duotone::before,
+.fa::before {
+  content: var(--fa); }
+
+.fad::after,
+.fa-duotone.fa-solid::after,
+.fa-duotone::after,
+.fadr::after,
+.fa-duotone.fa-regular::after,
+.fadl::after,
+.fa-duotone.fa-light::after,
+.fadt::after,
+.fa-duotone.fa-thin::after,
+.fasds::after,
+.fa-sharp-duotone.fa-solid::after,
+.fa-sharp-duotone::after,
+.fasdr::after,
+.fa-sharp-duotone.fa-regular::after,
+.fasdl::after,
+.fa-sharp-duotone.fa-light::after,
+.fasdt::after,
+.fa-sharp-duotone.fa-thin::after {
+  content: var(--fa--fa); }
+
+.fa-classic.fa-duotone {
+  font-family: 'Font Awesome 6 Duotone'; }
+
+.fass,
+.fa-sharp {
+  font-weight: 900; }
+
+.fad,
+.fa-duotone {
+  font-weight: 900; }
+
+.fasds,
+.fa-sharp-duotone {
+  font-weight: 900; }
+
+.fa-classic,
+.fas,
+.fa-solid,
+.far,
+.fa-regular,
+.fal,
+.fa-light,
+.fat,
+.fa-thin {
+  font-family: 'Font Awesome 6 Pro'; }
+
+.fa-duotone,
+.fad,
+.fadr,
+.fadl,
+.fadt {
+  font-family: 'Font Awesome 6 Duotone'; }
+
+.fa-brands,
+.fab {
+  font-family: 'Font Awesome 6 Brands'; }
+
+.fa-sharp,
+.fass,
+.fasr,
+.fasl,
+.fast {
+  font-family: 'Font Awesome 6 Sharp'; }
+
+.fa-sharp-duotone,
+.fasds,
+.fasdr,
+.fasdl,
+.fasdt {
+  font-family: 'Font Awesome 6 Sharp Duotone'; }
+
+.fa-1x {
+  font-size: 1em; }
+
+.fa-2x {
+  font-size: 2em; }
+
+.fa-3x {
+  font-size: 3em; }
+
+.fa-4x {
+  font-size: 4em; }
+
+.fa-5x {
+  font-size: 5em; }
+
+.fa-6x {
+  font-size: 6em; }
+
+.fa-7x {
+  font-size: 7em; }
+
+.fa-8x {
+  font-size: 8em; }
+
+.fa-9x {
+  font-size: 9em; }
+
+.fa-10x {
+  font-size: 10em; }
+
+.fa-2xs {
+  font-size: 0.625em;
+  line-height: 0.1em;
+  vertical-align: 0.225em; }
+
+.fa-xs {
+  font-size: 0.75em;
+  line-height: 0.08333em;
+  vertical-align: 0.125em; }
+
+.fa-sm {
+  font-size: 0.875em;
+  line-height: 0.07143em;
+  vertical-align: 0.05357em; }
+
+.fa-lg {
+  font-size: 1.25em;
+  line-height: 0.05em;
+  vertical-align: -0.075em; }
+
+.fa-xl {
+  font-size: 1.5em;
+  line-height: 0.04167em;
+  vertical-align: -0.125em; }
+
+.fa-2xl {
+  font-size: 2em;
+  line-height: 0.03125em;
+  vertical-align: -0.1875em; }
+
+.fa-fw {
+  text-align: center;
+  width: 1.25em; }
+
+.fa-ul {
+  list-style-type: none;
+  margin-left: var(--fa-li-margin, 2.5em);
+  padding-left: 0; }
+  .fa-ul > li {
+    position: relative; }
+
+.fa-li {
+  left: calc(-1 * var(--fa-li-width, 2em));
+  position: absolute;
+  text-align: center;
+  width: var(--fa-li-width, 2em);
+  line-height: inherit; }
+
+.fa-border {
+  border-color: var(--fa-border-color, #eee);
+  border-radius: var(--fa-border-radius, 0.1em);
+  border-style: var(--fa-border-style, solid);
+  border-width: var(--fa-border-width, 0.08em);
+  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
+
+.fa-pull-left {
+  float: left;
+  margin-right: var(--fa-pull-margin, 0.3em); }
+
+.fa-pull-right {
+  float: right;
+  margin-left: var(--fa-pull-margin, 0.3em); }
+
+.fa-beat {
+  animation-name: fa-beat;
+  animation-delay: var(--fa-animation-delay, 0s);
+  animation-direction: var(--fa-animation-direction, normal);
+  animation-duration: var(--fa-animation-duration, 1s);
+  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-bounce {
+  animation-name: fa-bounce;
+  animation-delay: var(--fa-animation-delay, 0s);
+  animation-direction: var(--fa-animation-direction, normal);
+  animation-duration: var(--fa-animation-duration, 1s);
+  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
+
+.fa-fade {
+  animation-name: fa-fade;
+  animation-delay: var(--fa-animation-delay, 0s);
+  animation-direction: var(--fa-animation-direction, normal);
+  animation-duration: var(--fa-animation-duration, 1s);
+  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-beat-fade {
+  animation-name: fa-beat-fade;
+  animation-delay: var(--fa-animation-delay, 0s);
+  animation-direction: var(--fa-animation-direction, normal);
+  animation-duration: var(--fa-animation-duration, 1s);
+  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
+
+.fa-flip {
+  animation-name: fa-flip;
+  animation-delay: var(--fa-animation-delay, 0s);
+  animation-direction: var(--fa-animation-direction, normal);
+  animation-duration: var(--fa-animation-duration, 1s);
+  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  animation-timing-function: var(--fa-animation-timing, ease-in-out); }
+
+.fa-shake {
+  animation-name: fa-shake;
+  animation-delay: var(--fa-animation-delay, 0s);
+  animation-direction: var(--fa-animation-direction, normal);
+  animation-duration: var(--fa-animation-duration, 1s);
+  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin {
+  animation-name: fa-spin;
+  animation-delay: var(--fa-animation-delay, 0s);
+  animation-direction: var(--fa-animation-direction, normal);
+  animation-duration: var(--fa-animation-duration, 2s);
+  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  animation-timing-function: var(--fa-animation-timing, linear); }
+
+.fa-spin-reverse {
+  --fa-animation-direction: reverse; }
+
+.fa-pulse,
+.fa-spin-pulse {
+  animation-name: fa-spin;
+  animation-direction: var(--fa-animation-direction, normal);
+  animation-duration: var(--fa-animation-duration, 1s);
+  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
+  animation-timing-function: var(--fa-animation-timing, steps(8)); }
+
+@media (prefers-reduced-motion: reduce) {
+  .fa-beat,
+  .fa-bounce,
+  .fa-fade,
+  .fa-beat-fade,
+  .fa-flip,
+  .fa-pulse,
+  .fa-shake,
+  .fa-spin,
+  .fa-spin-pulse {
+    animation-delay: -1ms;
+    animation-duration: 1ms;
+    animation-iteration-count: 1;
+    transition-delay: 0s;
+    transition-duration: 0s; } }
+
+@keyframes fa-beat {
+  0%, 90% {
+    transform: scale(1); }
+  45% {
+    transform: scale(var(--fa-beat-scale, 1.25)); } }
+
+@keyframes fa-bounce {
+  0% {
+    transform: scale(1, 1) translateY(0); }
+  10% {
+    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
+  30% {
+    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
+  50% {
+    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
+  57% {
+    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
+  64% {
+    transform: scale(1, 1) translateY(0); }
+  100% {
+    transform: scale(1, 1) translateY(0); } }
+
+@keyframes fa-fade {
+  50% {
+    opacity: var(--fa-fade-opacity, 0.4); } }
+
+@keyframes fa-beat-fade {
+  0%, 100% {
+    opacity: var(--fa-beat-fade-opacity, 0.4);
+    transform: scale(1); }
+  50% {
+    opacity: 1;
+    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
+
+@keyframes fa-flip {
+  50% {
+    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
+
+@keyframes fa-shake {
+  0% {
+    transform: rotate(-15deg); }
+  4% {
+    transform: rotate(15deg); }
+  8%, 24% {
+    transform: rotate(-18deg); }
+  12%, 28% {
+    transform: rotate(18deg); }
+  16% {
+    transform: rotate(-22deg); }
+  20% {
+    transform: rotate(22deg); }
+  32% {
+    transform: rotate(-12deg); }
+  36% {
+    transform: rotate(12deg); }
+  40%, 100% {
+    transform: rotate(0deg); } }
+
+@keyframes fa-spin {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+  transform: rotate(90deg); }
+
+.fa-rotate-180 {
+  transform: rotate(180deg); }
+
+.fa-rotate-270 {
+  transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+  transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+  transform: scale(1, -1); }
+
+.fa-flip-both,
+.fa-flip-horizontal.fa-flip-vertical {
+  transform: scale(-1, -1); }
+
+.fa-rotate-by {
+  transform: rotate(var(--fa-rotate-angle, 0)); }
+
+.fa-stack {
+  display: inline-block;
+  height: 2em;
+  line-height: 2em;
+  position: relative;
+  vertical-align: middle;
+  width: 2.5em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+  left: 0;
+  position: absolute;
+  text-align: center;
+  width: 100%;
+  z-index: var(--fa-stack-z-index, auto); }
+
+.fa-stack-1x {
+  line-height: inherit; }
+
+.fa-stack-2x {
+  font-size: 2em; }
+
+.fa-inverse {
+  color: var(--fa-inverse, #fff); }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+readers do not read off random characters that represent icons */
+.fa-add { --fa: "\2b"; --fa--fa: "\2b\2b"; }
+.fa-angle-double-up { --fa: "\f102"; --fa--fa: "\f102\f102"; }
+.fa-angle-down { --fa: "\f107"; --fa--fa: "\f107\f107"; }
+.fa-angle-up { --fa: "\f106"; --fa--fa: "\f106\f106"; }
+.fa-angles-up { --fa: "\f102"; --fa--fa: "\f102\f102"; }
+.fa-arrow-up { --fa: "\f062"; --fa--fa: "\f062\f062"; }
+.fa-arrow-up-right-from-square { --fa: "\f08e"; --fa--fa: "\f08e\f08e"; }
+.fa-arrows { --fa: "\f047"; --fa--fa: "\f047\f047"; }
+.fa-arrows-h { --fa: "\f07e"; --fa--fa: "\f07e\f07e"; }
+.fa-arrows-left-right { --fa: "\f07e"; --fa--fa: "\f07e\f07e"; }
+.fa-arrows-rotate { --fa: "\f021"; --fa--fa: "\f021\f021"; }
+.fa-arrows-up-down-left-right { --fa: "\f047"; --fa--fa: "\f047\f047"; }
+.fa-award { --fa: "\f559"; --fa--fa: "\f559\f559"; }
+.fa-backpack { --fa: "\f5d4"; --fa--fa: "\f5d4\f5d4"; }
+.fa-bars { --fa: "\f0c9"; --fa--fa: "\f0c9\f0c9"; }
+.fa-block-question { --fa: "\e3dd"; --fa--fa: "\e3dd\e3dd"; }
+.fa-bolt { --fa: "\f0e7"; --fa--fa: "\f0e7\f0e7"; }
+.fa-boot { --fa: "\f782"; --fa--fa: "\f782\f782"; }
+.fa-caret-up { --fa: "\f0d8"; --fa--fa: "\f0d8\f0d8"; }
+.fa-cart-shopping { --fa: "\f07a"; --fa--fa: "\f07a\f07a"; }
+.fa-check { --fa: "\f00c"; --fa--fa: "\f00c\f00c"; }
+.fa-chess-rook { --fa: "\f447"; --fa--fa: "\f447\f447"; }
+.fa-circle-info { --fa: "\f05a"; --fa--fa: "\f05a\f05a"; }
+.fa-circle-plus { --fa: "\f055"; --fa--fa: "\f055\f055"; }
+.fa-clock-rotate-left { --fa: "\f1da"; --fa--fa: "\f1da\f1da"; }
+.fa-cog { --fa: "\f013"; --fa--fa: "\f013\f013"; }
+.fa-coins { --fa: "\f51e"; --fa--fa: "\f51e\f51e"; }
+.fa-comment-dots { --fa: "\f4ad"; --fa--fa: "\f4ad\f4ad"; }
+.fa-commenting { --fa: "\f4ad"; --fa--fa: "\f4ad\f4ad"; }
+.fa-compress { --fa: "\f066"; --fa--fa: "\f066\f066"; }
+.fa-computer-mouse { --fa: "\f8cc"; --fa--fa: "\f8cc\f8cc"; }
+.fa-cookie { --fa: "\f563"; --fa--fa: "\f563\f563"; }
+.fa-copy { --fa: "\f0c5"; --fa--fa: "\f0c5\f0c5"; }
+.fa-crosshairs { --fa: "\f05b"; --fa--fa: "\f05b\f05b"; }
+.fa-crown { --fa: "\f521"; --fa--fa: "\f521\f521"; }
+.fa-cube { --fa: "\f1b2"; --fa--fa: "\f1b2\f1b2"; }
+.fa-cubes { --fa: "\f1b3"; --fa--fa: "\f1b3\f1b3"; }
+.fa-cut { --fa: "\f0c4"; --fa--fa: "\f0c4\f0c4"; }
+.fa-dice { --fa: "\f522"; --fa--fa: "\f522\f522"; }
+.fa-dizzy { --fa: "\f567"; --fa--fa: "\f567\f567"; }
+.fa-door-closed { --fa: "\f52a"; --fa--fa: "\f52a\f52a"; }
+.fa-door-open { --fa: "\f52b"; --fa--fa: "\f52b\f52b"; }
+.fa-download { --fa: "\f019"; --fa--fa: "\f019\f019"; }
+.fa-edit { --fa: "\f044"; --fa--fa: "\f044\f044"; }
+.fa-ellipsis { --fa: "\f141"; --fa--fa: "\f141\f141"; }
+.fa-ellipsis-h { --fa: "\f141"; --fa--fa: "\f141\f141"; }
+.fa-exclamation { --fa: "\21"; --fa--fa: "\21\21"; }
+.fa-expand { --fa: "\f065"; --fa--fa: "\f065\f065"; }
+.fa-external-link { --fa: "\f08e"; --fa--fa: "\f08e\f08e"; }
+.fa-eye { --fa: "\f06e"; --fa--fa: "\f06e\f06e"; }
+.fa-eye-slash { --fa: "\f070"; --fa--fa: "\f070\f070"; }
+.fa-face-diagonal-mouth { --fa: "\e47e"; --fa--fa: "\e47e\e47e"; }
+.fa-face-dizzy { --fa: "\f567"; --fa--fa: "\f567\f567"; }
+.fa-face-raised-eyebrow { --fa: "\e388"; --fa--fa: "\e388\e388"; }
+.fa-face-smile { --fa: "\f118"; --fa--fa: "\f118\f118"; }
+.fa-face-worried { --fa: "\e3a3"; --fa--fa: "\e3a3\e3a3"; }
+.fa-feather-alt { --fa: "\f56b"; --fa--fa: "\f56b\f56b"; }
+.fa-feather-pointed { --fa: "\f56b"; --fa--fa: "\f56b\f56b"; }
+.fa-file-alt { --fa: "\f15c"; --fa--fa: "\f15c\f15c"; }
+.fa-file-clipboard { --fa: "\f0ea"; --fa--fa: "\f0ea\f0ea"; }
+.fa-file-lines { --fa: "\f15c"; --fa--fa: "\f15c\f15c"; }
+.fa-file-text { --fa: "\f15c"; --fa--fa: "\f15c\f15c"; }
+.fa-film { --fa: "\f008"; --fa--fa: "\f008\f008"; }
+.fa-fire { --fa: "\f06d"; --fa--fa: "\f06d\f06d"; }
+.fa-fist-raised { --fa: "\f6de"; --fa--fa: "\f6de\f6de"; }
+.fa-flag { --fa: "\f024"; --fa--fa: "\f024\f024"; }
+.fa-folder-image { --fa: "\e18a"; --fa--fa: "\e18a\e18a"; }
+.fa-gauge-high { --fa: "\f625"; --fa--fa: "\f625\f625"; }
+.fa-gear { --fa: "\f013"; --fa--fa: "\f013\f013"; }
+.fa-gem { --fa: "\f3a5"; --fa--fa: "\f3a5\f3a5"; }
+.fa-globe { --fa: "\f0ac"; --fa--fa: "\f0ac\f0ac"; }
+.fa-hammer { --fa: "\f6e3"; --fa--fa: "\f6e3\f6e3"; }
+.fa-hand-back-point-up { --fa: "\e1a2"; --fa--fa: "\e1a2\e1a2"; }
+.fa-hand-fist { --fa: "\f6de"; --fa--fa: "\f6de\f6de"; }
+.fa-hand-holding-medical { --fa: "\e05c"; --fa--fa: "\e05c\e05c"; }
+.fa-hand-point-left { --fa: "\f0a5"; --fa--fa: "\f0a5\f0a5"; }
+.fa-hat-santa { --fa: "\f7a7"; --fa--fa: "\f7a7\f7a7"; }
+.fa-hat-witch { --fa: "\f6e7"; --fa--fa: "\f6e7\f6e7"; }
+.fa-heart { --fa: "\f004"; --fa--fa: "\f004\f004"; }
+.fa-heart-music-camera-bolt { --fa: "\f86d"; --fa--fa: "\f86d\f86d"; }
+.fa-history { --fa: "\f1da"; --fa--fa: "\f1da\f1da"; }
+.fa-icons { --fa: "\f86d"; --fa--fa: "\f86d\f86d"; }
+.fa-info-circle { --fa: "\f05a"; --fa--fa: "\f05a\f05a"; }
+.fa-joystick { --fa: "\f8c5"; --fa--fa: "\f8c5\f8c5"; }
+.fa-layer-group { --fa: "\f5fd"; --fa--fa: "\f5fd\f5fd"; }
+.fa-lightbulb { --fa: "\f0eb"; --fa--fa: "\f0eb\f0eb"; }
+.fa-list { --fa: "\f03a"; --fa--fa: "\f03a\f03a"; }
+.fa-list-squares { --fa: "\f03a"; --fa--fa: "\f03a\f03a"; }
+.fa-location-check { --fa: "\f606"; --fa--fa: "\f606\f606"; }
+.fa-location-xmark { --fa: "\f60e"; --fa--fa: "\f60e\f60e"; }
+.fa-lock { --fa: "\f023"; --fa--fa: "\f023\f023"; }
+.fa-lock-open { --fa: "\f3c1"; --fa--fa: "\f3c1\f3c1"; }
+.fa-magnifying-glass { --fa: "\f002"; --fa--fa: "\f002\f002"; }
+.fa-male { --fa: "\f183"; --fa--fa: "\f183\f183"; }
+.fa-map-marker-check { --fa: "\f606"; --fa--fa: "\f606\f606"; }
+.fa-map-marker-times { --fa: "\f60e"; --fa--fa: "\f60e\f60e"; }
+.fa-map-marker-xmark { --fa: "\f60e"; --fa--fa: "\f60e\f60e"; }
+.fa-minus-square { --fa: "\f146"; --fa--fa: "\f146\f146"; }
+.fa-mouse { --fa: "\f8cc"; --fa--fa: "\f8cc\f8cc"; }
+.fa-music { --fa: "\f001"; --fa--fa: "\f001\f001"; }
+.fa-navicon { --fa: "\f0c9"; --fa--fa: "\f0c9\f0c9"; }
+.fa-palette { --fa: "\f53f"; --fa--fa: "\f53f\f53f"; }
+.fa-paste { --fa: "\f0ea"; --fa--fa: "\f0ea\f0ea"; }
+.fa-pen { --fa: "\f304"; --fa--fa: "\f304\f304"; }
+.fa-pen-field { --fa: "\e211"; --fa--fa: "\e211\e211"; }
+.fa-pen-to-square { --fa: "\f044"; --fa--fa: "\f044\f044"; }
+.fa-person { --fa: "\f183"; --fa--fa: "\f183\f183"; }
+.fa-person-arrow-down-to-line { --fa: "\e538"; --fa--fa: "\e538\e538"; }
+.fa-person-arrow-up-from-line { --fa: "\e539"; --fa--fa: "\e539\e539"; }
+.fa-person-falling-burst { --fa: "\e547"; --fa--fa: "\e547\e547"; }
+.fa-person-military-pointing { --fa: "\e54a"; --fa--fa: "\e54a\e54a"; }
+.fa-planet-ringed { --fa: "\e020"; --fa--fa: "\e020\e020"; }
+.fa-plus { --fa: "\2b"; --fa--fa: "\2b\2b"; }
+.fa-plus-circle { --fa: "\f055"; --fa--fa: "\f055\f055"; }
+.fa-power-off { --fa: "\f011"; --fa--fa: "\f011\f011"; }
+.fa-recycle { --fa: "\f1b8"; --fa--fa: "\f1b8\f1b8"; }
+.fa-redo-alt { --fa: "\f2f9"; --fa--fa: "\f2f9\f2f9"; }
+.fa-refresh { --fa: "\f021"; --fa--fa: "\f021\f021"; }
+.fa-right-from-bracket { --fa: "\f2f5"; --fa--fa: "\f2f5\f2f5"; }
+.fa-rocket-launch { --fa: "\e027"; --fa--fa: "\e027\e027"; }
+.fa-rotate-forward { --fa: "\f2f9"; --fa--fa: "\f2f9\f2f9"; }
+.fa-rotate-right { --fa: "\f2f9"; --fa--fa: "\f2f9\f2f9"; }
+.fa-scissors { --fa: "\f0c4"; --fa--fa: "\f0c4\f0c4"; }
+.fa-search { --fa: "\f002"; --fa--fa: "\f002\f002"; }
+.fa-shield { --fa: "\f132"; --fa--fa: "\f132\f132"; }
+.fa-shield-alt { --fa: "\f3ed"; --fa--fa: "\f3ed\f3ed"; }
+.fa-shield-blank { --fa: "\f132"; --fa--fa: "\f132\f132"; }
+.fa-shield-halved { --fa: "\f3ed"; --fa--fa: "\f3ed\f3ed"; }
+.fa-shirt { --fa: "\f553"; --fa--fa: "\f553\f553"; }
+.fa-shopping-cart { --fa: "\f07a"; --fa--fa: "\f07a\f07a"; }
+.fa-sign-out-alt { --fa: "\f2f5"; --fa--fa: "\f2f5\f2f5"; }
+.fa-smile { --fa: "\f118"; --fa--fa: "\f118\f118"; }
+.fa-snowflake { --fa: "\f2dc"; --fa--fa: "\f2dc\f2dc"; }
+.fa-square-dashed { --fa: "\e269"; --fa--fa: "\e269\e269"; }
+.fa-square-minus { --fa: "\f146"; --fa--fa: "\f146\f146"; }
+.fa-star { --fa: "\f005"; --fa--fa: "\f005\f005"; }
+.fa-store { --fa: "\f54e"; --fa--fa: "\f54e\f54e"; }
+.fa-swords { --fa: "\f71d"; --fa--fa: "\f71d\f71d"; }
+.fa-sync { --fa: "\f021"; --fa--fa: "\f021\f021"; }
+.fa-t-shirt { --fa: "\f553"; --fa--fa: "\f553\f553"; }
+.fa-tachometer-alt { --fa: "\f625"; --fa--fa: "\f625\f625"; }
+.fa-tachometer-alt-fast { --fa: "\f625"; --fa--fa: "\f625\f625"; }
+.fa-terminal { --fa: "\f120"; --fa--fa: "\f120\f120"; }
+.fa-trash-alt { --fa: "\f2ed"; --fa--fa: "\f2ed\f2ed"; }
+.fa-trash-can { --fa: "\f2ed"; --fa--fa: "\f2ed\f2ed"; }
+.fa-trophy { --fa: "\f091"; --fa--fa: "\f091\f091"; }
+.fa-tshirt { --fa: "\f553"; --fa--fa: "\f553\f553"; }
+.fa-up-from-bracket { --fa: "\e590"; --fa--fa: "\e590\e590"; }
+.fa-upload { --fa: "\f093"; --fa--fa: "\f093\f093"; }
+.fa-user { --fa: "\f007"; --fa--fa: "\f007\f007"; }
+.fa-user-astronaut { --fa: "\f4fb"; --fa--fa: "\f4fb\f4fb"; }
+.fa-user-friends { --fa: "\f500"; --fa--fa: "\f500\f500"; }
+.fa-user-group { --fa: "\f500"; --fa--fa: "\f500\f500"; }
+.fa-user-group-crown { --fa: "\f6a5"; --fa--fa: "\f6a5\f6a5"; }
+.fa-user-minus { --fa: "\f503"; --fa--fa: "\f503\f503"; }
+.fa-user-plus { --fa: "\f234"; --fa--fa: "\f234\f234"; }
+.fa-user-slash { --fa: "\f506"; --fa--fa: "\f506\f506"; }
+.fa-user-unlock { --fa: "\e058"; --fa--fa: "\e058\e058"; }
+.fa-users-crown { --fa: "\f6a5"; --fa--fa: "\f6a5\f6a5"; }
+.fa-video { --fa: "\f03d"; --fa--fa: "\f03d\f03d"; }
+.fa-video-camera { --fa: "\f03d"; --fa--fa: "\f03d\f03d"; }
+.fa-volume { --fa: "\f6a8"; --fa--fa: "\f6a8\f6a8"; }
+.fa-volume-down { --fa: "\f027"; --fa--fa: "\f027\f027"; }
+.fa-volume-low { --fa: "\f027"; --fa--fa: "\f027\f027"; }
+.fa-volume-medium { --fa: "\f6a8"; --fa--fa: "\f6a8\f6a8"; }
+.fa-volume-slash { --fa: "\f2e2"; --fa--fa: "\f2e2\f2e2"; }
+.fa-wrench { --fa: "\f0ad"; --fa--fa: "\f0ad\f0ad"; }
+.fa-x { --fa: "\58"; --fa--fa: "\58\58"; }
+.fa-zap { --fa: "\f0e7"; --fa--fa: "\f0e7\f0e7"; }
+
+.sr-only,
+.fa-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0; }
+
+.sr-only-focusable:not(:focus),
+.fa-sr-only-focusable:not(:focus) {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0; }

css/solid.css

@@ -0,0 +1,19 @@
+/*!
+ * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ * Copyright 2024 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-style-family-classic: 'Font Awesome 6 Pro';
+  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Pro'; }
+
+@font-face {
+  font-family: 'Font Awesome 6 Pro';
+  font-style: normal;
+  font-weight: 900;
+  font-display: block;
+  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
+
+.fas,
+.fa-solid {
+  font-weight: 900; }

index.html

@@ -4,8 +4,12 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
   <title>游戏可用图标 · Font Awesome 6 子集</title>
-  <!-- Font Awesome 6 免费版 CDN (用于预览, Pro专属图标将显示占位符) -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+  <link rel="stylesheet" href="css/fontawesome.css">
+  <link rel="stylesheet" href="css/solid.css">
+  <link rel="stylesheet" href="css/duotone.css">
+  <link rel="stylesheet" href="css/brands.css">
+  <link rel="stylesheet" href="css/custom-icons.css">
+
   <style>
     * {
       box-sizing: border-box;
@@ -57,10 +61,28 @@
       margin-left: 10px;
       vertical-align: middle;
     }
+    .badge-kit {
+      background: #a78bfa;
+      color: #1e293b;
+      font-size: 0.7rem;
+      font-weight: 600;
+      padding: 2px 8px;
+      border-radius: 20px;
+      text-transform: uppercase;
+      margin-left: 10px;
+      vertical-align: middle;
+    }
+    .controls {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 16px;
+      align-items: center;
+      margin-bottom: 32px;
+    }
     .search-wrapper {
       position: relative;
       max-width: 500px;
-      margin-bottom: 32px;
+      flex: 1;
     }
     .search-wrapper i {
       position: absolute;
@@ -83,6 +105,31 @@
       border-color: #3b82f6;
       box-shadow: 0 8px 12px -6px rgba(59,130,246,0.2);
     }
+    .filter-toggle {
+      display: flex;
+      background: #e2e8f0;
+      border-radius: 60px;
+      padding: 4px;
+      gap: 0;
+    }
+    .filter-toggle button {
+      border: none;
+      background: transparent;
+      padding: 10px 20px;
+      border-radius: 60px;
+      font-size: 0.875rem;
+      font-weight: 500;
+      color: #475569;
+      cursor: pointer;
+      transition: all 0.2s;
+      white-space: nowrap;
+    }
+    .filter-toggle button.active {
+      background: white;
+      color: #1e293b;
+      box-shadow: 0 2px 6px rgba(0,0,0,0.08);
+      font-weight: 600;
+    }
     .stats {
       display: flex;
       flex-wrap: wrap;
@@ -154,11 +201,6 @@
       align-items: center;
       justify-content: center;
     }
-    .pro-icon-placeholder {
-      opacity: 0.5;
-      filter: grayscale(0.3);
-      font-size: 36px;
-    }
     .class-name {
       font-family: 'SF Mono', 'Menlo', 'Monaco', 'Cascadia Code', 'Consolas', monospace;
       background: #f1f5f9;
@@ -191,6 +233,17 @@
       text-transform: uppercase;
       letter-spacing: 0.3px;
     }
+    .kit-badge {
+      background: #e9d5ff;
+      color: #6b21a8;
+      font-size: 0.65rem;
+      font-weight: 700;
+      padding: 3px 8px;
+      border-radius: 40px;
+      margin-top: 8px;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+    }
     .footer-note {
       margin-top: 48px;
       text-align: center;
@@ -237,16 +290,23 @@
       <i class="fa-solid fa-gamepad"></i>
       游戏内可用图标库
       <span class="badge-pro">Font Awesome 6 Pro 子集</span>
+      <span class="badge-kit">+ 自定义图标</span>
     </h1>
     <div class="subtitle">
-      基于提取的 CSS 文件 — 仅包含以下 100+ 图标。 <strong>copy / paste</strong> 能用，<strong>envelope</strong> 不在列表中。<br>
+      基于从 bloxd.io 提取的 5 个 CSS 文件 — 包含 <strong>自定义图标 / Duotone / Solid / Brands</strong>。<br>
       👆 点击卡片复制<strong>不带 `fa-` 前缀</strong>的图标名（例如 <code>copy</code>）
     </div>
   </header>
 
-  <div class="search-wrapper">
-    <i class="fa-solid fa-magnifying-glass"></i>
-    <input type="text" id="searchInput" placeholder="搜索图标名称或类名 (例如 copy, heart, user...)" autocomplete="off">
+  <div class="controls">
+    <div class="search-wrapper">
+      <i class="fa-solid fa-magnifying-glass"></i>
+      <input type="text" id="searchInput" placeholder="搜索图标名称或类名 (例如 copy, heart, user...)" autocomplete="off">
+    </div>
+    <div class="filter-toggle">
+      <button id="btnAll" class="active" onclick="setFilter('all')">bloxd全集</button>
+      <button id="btnGame" onclick="setFilter('game')">自定义游戏内可用</button>
+    </div>
   </div>
 
   <div class="stats">
@@ -256,13 +316,14 @@
     <div class="legend">
       <span><i class="fa-solid fa-check" style="color:#16a34a;"></i> 免费版可预览</span>
       <span><i class="fa-solid fa-crown" style="color:#d97706;"></i> Pro 专属</span>
+      <span><i class="fa-kit fa-pants" style="color:#7c3aed;"></i> 自定义 Kit</span>
     </div>
   </div>
 
   <div class="grid" id="iconGrid"></div>
 
   <div class="footer-note">
-    ⚡ 点击卡片复制短名称（无 `fa-`）· 部分图标为 Pro 专属，游戏内可使用但预览为占位符 · 实际样式以游戏内为准
+    ⚡ 点击卡片复制短名称（无 `fa-`）· 图标来源：fontawesome.css / solid / duotone / brands / custom-icons（bloxd.io）· 实际样式以游戏内为准
   </div>
 </div>
 
@@ -272,17 +333,21 @@
   (function(){
     "use strict";
 
-    // ---------- 从提供的 CSS 中提取的图标数据集 (去重合并别名) ----------
+    let currentFilter = 'all';
+
     const iconDatabase = [
       { primary: "fa-add", aliases: ["fa-plus"], isPro: false },
-      { primary: "fa-angle-double-up", aliases: ["fa-angles-up"], isPro: false },
+      { primary: "fa-angles-up", aliases: ["fa-angle-double-up"], isPro: false },
       { primary: "fa-angle-down", aliases: [], isPro: false },
       { primary: "fa-angle-up", aliases: [], isPro: false },
+      { primary: "fa-angle-double-up", aliases: [], isPro: false },
+      { primary: "fa-apple", aliases: [], isPro: false, available: false },
       { primary: "fa-arrow-up", aliases: [], isPro: false },
       { primary: "fa-arrow-up-right-from-square", aliases: ["fa-external-link"], isPro: false },
       { primary: "fa-arrows", aliases: ["fa-arrows-up-down-left-right"], isPro: false },
       { primary: "fa-arrows-h", aliases: ["fa-arrows-left-right"], isPro: false },
       { primary: "fa-arrows-rotate", aliases: ["fa-refresh","fa-sync"], isPro: false },
+      { primary: "fa-arrows-left-right", aliases: [], isPro: false },
       { primary: "fa-award", aliases: [], isPro: false },
       { primary: "fa-backpack", aliases: [], isPro: true },
       { primary: "fa-bars", aliases: ["fa-navicon"], isPro: false },
@@ -309,6 +374,7 @@
       { primary: "fa-cubes", aliases: [], isPro: false },
       { primary: "fa-cut", aliases: ["fa-scissors"], isPro: false },
       { primary: "fa-dice", aliases: [], isPro: false },
+      { primary: "fa-discord", aliases: [], isPro: false, available: false },
       { primary: "fa-dizzy", aliases: ["fa-face-dizzy"], isPro: false },
       { primary: "fa-door-closed", aliases: [], isPro: false },
       { primary: "fa-door-open", aliases: [], isPro: false },
@@ -346,38 +412,55 @@
       { primary: "fa-layer-group", aliases: [], isPro: false },
       { primary: "fa-lightbulb", aliases: [], isPro: false },
       { primary: "fa-list", aliases: ["fa-list-squares"], isPro: false },
-      { primary: "fa-location-check", aliases: ["fa-map-marker-check"], isPro: true },
-      { primary: "fa-location-xmark", aliases: ["fa-map-marker-times","fa-map-marker-xmark"], isPro: true },
+      { primary: "fa-location-check", aliases: ["fa-map-marker-check"], isPro: false },
+      { primary: "fa-location-xmark", aliases: ["fa-map-marker-times","fa-map-marker-xmark"], isPro: false },
       { primary: "fa-lock", aliases: [], isPro: false },
       { primary: "fa-lock-open", aliases: [], isPro: false },
       { primary: "fa-magnifying-glass", aliases: ["fa-search"], isPro: false },
-      { primary: "fa-person", aliases: ["fa-male"], isPro: false },
-      { primary: "fa-square-minus", aliases: ["fa-minus-square"], isPro: false },
+      { primary: "fa-map-marker-check", aliases: [], isPro: false },
+      { primary: "fa-map-marker-times", aliases: [], isPro: false },
+      { primary: "fa-map-marker-xmark", aliases: [], isPro: false },
+      { primary: "fa-minus-square", aliases: ["fa-square-minus"], isPro: false },
+      { primary: "fa-mouse", aliases: [], isPro: false },
       { primary: "fa-music", aliases: [], isPro: false },
+      { primary: "fa-navicon", aliases: [], isPro: false },
       { primary: "fa-palette", aliases: [], isPro: false },
+      { primary: "fa-pants", aliases: [], isPro: false, available: false },
       { primary: "fa-pen", aliases: [], isPro: false },
       { primary: "fa-pen-field", aliases: [], isPro: true },
+      { primary: "fa-paste", aliases: [], isPro: false },
+      { primary: "fa-pen-to-square", aliases: [], isPro: false },
+      { primary: "fa-person", aliases: ["fa-male"], isPro: false },
       { primary: "fa-person-arrow-down-to-line", aliases: [], isPro: true },
       { primary: "fa-person-arrow-up-from-line", aliases: [], isPro: true },
       { primary: "fa-person-falling-burst", aliases: [], isPro: true },
       { primary: "fa-person-military-pointing", aliases: [], isPro: true },
       { primary: "fa-planet-ringed", aliases: [], isPro: true },
       { primary: "fa-power-off", aliases: [], isPro: false },
+      { primary: "fa-plus", aliases: [], isPro: false },
+      { primary: "fa-plus-circle", aliases: [], isPro: false },
       { primary: "fa-recycle", aliases: [], isPro: false },
-      { primary: "fa-rotate-right", aliases: ["fa-redo-alt","fa-rotate-forward"], isPro: false },
+      { primary: "fa-redo-alt", aliases: ["fa-rotate-forward"], isPro: false },
       { primary: "fa-right-from-bracket", aliases: ["fa-sign-out-alt"], isPro: false },
       { primary: "fa-rocket-launch", aliases: [], isPro: true },
+      { primary: "fa-rotate-forward", aliases: [], isPro: false },
+      { primary: "fa-rotate-right", aliases: ["fa-redo-alt","fa-rotate-forward"], isPro: false },
+      { primary: "fa-shoe", aliases: [], isPro: false, available: false },
       { primary: "fa-shield", aliases: ["fa-shield-blank"], isPro: false },
       { primary: "fa-shield-halved", aliases: ["fa-shield-alt"], isPro: false },
-      { primary: "fa-shirt", aliases: ["fa-tshirt"], isPro: false },
+      { primary: "fa-shirt", aliases: ["fa-t-shirt","fa-tshirt"], isPro: false },
       { primary: "fa-snowflake", aliases: [], isPro: false },
       { primary: "fa-square-dashed", aliases: [], isPro: true },
       { primary: "fa-star", aliases: [], isPro: false },
       { primary: "fa-store", aliases: [], isPro: false },
       { primary: "fa-swords", aliases: [], isPro: true },
+      { primary: "fa-t-shirt", aliases: [], isPro: false },
+      { primary: "fa-tachometer-alt", aliases: [], isPro: false },
+      { primary: "fa-tachometer-alt-fast", aliases: [], isPro: false },
       { primary: "fa-terminal", aliases: [], isPro: false },
       { primary: "fa-trash-can", aliases: ["fa-trash-alt"], isPro: false },
       { primary: "fa-trophy", aliases: [], isPro: false },
+      { primary: "fa-tshirt", aliases: [], isPro: false },
       { primary: "fa-up-from-bracket", aliases: [], isPro: true },
       { primary: "fa-upload", aliases: [], isPro: false },
       { primary: "fa-user", aliases: [], isPro: false },
@@ -388,12 +471,17 @@
       { primary: "fa-user-plus", aliases: [], isPro: false },
       { primary: "fa-user-slash", aliases: [], isPro: false },
       { primary: "fa-user-unlock", aliases: [], isPro: true },
+      { primary: "fa-users-crown", aliases: [], isPro: true },
       { primary: "fa-video", aliases: ["fa-video-camera"], isPro: false },
       { primary: "fa-volume", aliases: ["fa-volume-medium"], isPro: false },
       { primary: "fa-volume-low", aliases: ["fa-volume-down"], isPro: false },
+      { primary: "fa-volume-medium", aliases: [], isPro: false },
+      { primary: "fa-volume-down", aliases: [], isPro: false },
       { primary: "fa-volume-slash", aliases: [], isPro: false },
       { primary: "fa-wrench", aliases: [], isPro: false },
-      { primary: "fa-x", aliases: [], isPro: false }
+      { primary: "fa-x", aliases: [], isPro: false },
+      { primary: "fa-youtube", aliases: [], isPro: false, available: false },
+      { primary: "fa-zap", aliases: [], isPro: false }
     ];
 
     const totalIcons = iconDatabase.length;
@@ -404,52 +492,66 @@
     const visibleSpan = document.getElementById('visibleCount');
     const toast = document.getElementById('toast');
 
-    // 辅助函数：去除 "fa-" 前缀
+    window.setFilter = function(mode) {
+      currentFilter = mode;
+      document.getElementById('btnAll').classList.toggle('active', mode === 'all');
+      document.getElementById('btnGame').classList.toggle('active', mode === 'game');
+      renderCards(searchInput.value);
+    };
+
     function getShortName(primaryClass) {
       return primaryClass.replace(/^fa-/, '');
     }
 
-    // 渲染网格
+    function getIconClass(item) {
+      if (item.available === false) return "fa-brands " + item.primary;
+      if (item.primary === "fa-pants" || item.primary === "fa-shoe") return "fa-kit " + item.primary;
+      return "fa-solid " + item.primary;
+    }
+
     function renderCards(filterText = '') {
       const searchTerm = filterText.trim().toLowerCase();
       let visibleCount = 0;
-      
+
       let html = '';
       iconDatabase.forEach(item => {
         const primary = item.primary;
         const aliases = item.aliases;
         const isPro = item.isPro;
-        
+        const isUnavailable = item.available === false;
+
+        if (currentFilter === 'game' && isUnavailable) return;
+
         const allNames = [primary, ...aliases].map(n => n.toLowerCase());
         const matches = searchTerm === '' || allNames.some(name => name.includes(searchTerm));
-        
+
         if (!matches) return;
         visibleCount++;
-        
+
         const shortName = getShortName(primary);
-        const iconClass = `fa-solid ${primary}`;
+        const iconClass = getIconClass(item);
         const aliasStr = aliases.length ? aliases.map(a => a.replace(/^fa-/, '')).join(' · ') : '';
-        
+
         html += `
-          <div class="card" data-short="${shortName}" data-pro="${isPro}" title="点击复制 ${shortName}">
+          <div class="card" data-short="${shortName}" title="点击复制 ${shortName}">
             <div class="icon-preview">
-              <i class="${iconClass}${isPro ? ' pro-icon-placeholder' : ''}" style="${isPro ? 'opacity:0.5;' : ''}"></i>
+              <i class="${iconClass}"></i>
             </div>
             <div class="class-name">${primary}</div>
             ${aliasStr ? `<div class="aliases">别名: ${aliasStr}</div>` : ''}
             ${isPro ? '<div class="pro-badge"><i class="fa-solid fa-crown" style="font-size:10px;"></i> PRO</div>' : ''}
+            ${isUnavailable ? '<div class="kit-badge"><i class="fa-kit fa-pants" style="font-size:10px;"></i> 仅供参考</div>' : ''}
           </div>
         `;
       });
-      
+
       if (visibleCount === 0) {
         html = `<div class="no-result"><i class="fa-regular fa-face-frown" style="margin-right:10px;"></i>没有匹配的图标，试试 "copy", "heart" 或 "user"</div>`;
       }
-      
+
       grid.innerHTML = html;
       visibleSpan.textContent = visibleCount;
-      
-      // 绑定点击复制事件 —— 复制不带 "fa-" 的短名称
+
       document.querySelectorAll('.card').forEach(card => {
         card.addEventListener('click', (e) => {
           const shortName = card.dataset.short;
@@ -480,7 +582,6 @@
       setTimeout(() => toast.classList.remove('show'), 1800);
     }
 
-    // 搜索防抖
     let debounceTimer;
     searchInput.addEventListener('input', (e) => {
       clearTimeout(debounceTimer);
@@ -489,9 +590,8 @@
       }, 200);
     });
 
-    // 初始化渲染
     renderCards();
   })();
 </script>
 </body>
-</html>
+</html>