/* Font Awesome 6 Free 字体定义 */
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/fa-solid-900.woff2") format("woff2"),
         url("../fonts/fa-solid-900.woff") format("woff"),
         url("../fonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fa-regular-400.woff2") format("woff2"),
         url("../fonts/fa-regular-400.woff") format("woff"),
         url("../fonts/fa-regular-400.ttf") format("truetype");
}

/* Font Awesome 基础样式 */
.fa, .fas, .far, .fal, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.far {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
}

/* 基础图标 */
.fa-search:before { content: "\f002"; }
.fa-th:before { content: "\f00a"; }
.fa-home:before { content: "\f015"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }

/* 导航图标 */
.fa-bars:before { content: "\f0c9"; }
.fa-times:before { content: "\f00d"; }
.fa-menu:before { content: "\f0c9"; }
.fa-close:before { content: "\f00d"; }
.fa-mobile-alt:before{ content: "\f00a"; }

/* 游戏相关图标 */
.fa-gamepad:before { content: "\f11b"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-download:before { content: "\f019"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-cloud-download-alt:before { content: "\f381"; }

/* 社交图标 */
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fa-share:before { content: "\f064"; }
.fa-comment:before { content: "\f075"; }
.fa-thumbs-up:before { content: "\f164"; }

/* 工具图标 */
.fa-cog:before { content: "\f013"; }
.fa-settings:before { content: "\f013"; }
.fa-gear:before { content: "\f013"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-hammer:before { content: "\f6e3"; }

/* 其他常用图标 */
.fa-user:before { content: "\f007"; }
.fa-users:before { content: "\f0c0"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-phone:before { content: "\f095"; }
.fa-calendar:before { content: "\f133"; }
.fa-clock:before { content: "\f017"; }
.fa-map-marker:before { content: "\f041"; }
.fa-location-dot:before { content: "\f3c5"; }

/* 文件和文档图标 */
.fa-file:before { content: "\f15b"; }
.fa-folder:before { content: "\f07b"; }
.fa-image:before { content: "\f03e"; }
.fa-video:before { content: "\f03d"; }
.fa-music:before { content: "\f001"; }

/* 状态图标 */
.fa-check:before { content: "\f00c"; }
.fa-times:before { content: "\f00d"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-info:before { content: "\f129"; }
.fa-warning:before { content: "\f071"; }
.fa-exclamation:before { content: "\f12a"; }

/* 品牌图标 */
.fa-android:before { content: "\f17b"; }
.fa-apple:before { content: "\f179"; }
.fa-windows:before { content: "\f17a"; }
.fa-google:before { content: "\f1a0"; }
.fa-facebook:before { content: "\f09a"; }
.fa-twitter:before { content: "\f099"; }
.fa-instagram:before { content: "\f16d"; }
.fa-youtube:before { content: "\f167"; }

/* 电商图标 */
.fa-shopping-cart:before { content: "\f07a"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-money:before { content: "\f0d6"; }
.fa-gift:before { content: "\f06b"; }

/* 媒体控制图标 */
.fa-volume-up:before { content: "\f028"; }
.fa-volume-down:before { content: "\f027"; }
.fa-volume-mute:before { content: "\f6a9"; }
.fa-volume-off:before { content: "\f026"; }

/* 网络图标 */
.fa-wifi:before { content: "\f1eb"; }
.fa-signal:before { content: "\f012"; }
.fa-battery-full:before { content: "\f240"; }
.fa-battery-half:before { content: "\f242"; }
.fa-battery-empty:before { content: "\f244"; }