@font-face {
  font-display: block;
  font-family: bootstrap-icons;
  src: url("./fonts/bootstrap-icons.woff2") format("woff2"), url("./fonts/bootstrap-icons.woff") format("woff");
}

.bi::before,
[class*=" bi-"]::before,
[class^="bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =========================================================
   1. 当前 Ukulele 页面正在使用的图标 (8个)
   ========================================================= */
.bi-chevron-down::before { content: "\f282"; }
.bi-facebook::before { content: "\f344"; }
.bi-twitter-x::before { content: "\f6b8"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-pinterest::before { content: "\f4ea"; }
.bi-reddit::before { content: "\f650"; }
.bi-bookmark-heart-fill::before { content: "\f198"; }
.bi-info-circle::before { content: "\f431"; }

/* =========================================================
   2. 乐器与音频播放控制图标组 (针对乐器网站定制)
   ========================================================= */
.bi-play::before { content: "\f4f5"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-pause::before { content: "\f4ce"; }
.bi-pause-fill::before { content: "\f4cd"; }
.bi-stop::before { content: "\f594"; }
.bi-stop-fill::before { content: "\f593"; }
.bi-record::before { content: "\f509"; }
.bi-record-fill::before { content: "\f508"; }
.bi-skip-start-fill::before { content: "\f554"; }
.bi-skip-end-fill::before { content: "\f550"; }
.bi-volume-up::before { content: "\f611"; }
.bi-volume-up-fill::before { content: "\f610"; }
.bi-volume-down::before { content: "\f60d"; }
.bi-volume-down-fill::before { content: "\f60c"; }
.bi-volume-mute::before { content: "\f60b"; }
.bi-volume-mute-fill::before { content: "\f60a"; }
.bi-music-note::before { content: "\f496"; }
.bi-music-note-beamed::before { content: "\f495"; }
.bi-music-note-list::before { content: "\f497"; }
.bi-mic::before { content: "\f481"; }
.bi-mic-fill::before { content: "\f480"; }
.bi-headphones::before { content: "\f412"; }
.bi-disc::before { content: "\f303"; }

/* =========================================================
   3. 全球热门社交与分享图标组
   ========================================================= */
.bi-instagram::before { content: "\f423"; }
.bi-youtube::before { content: "\f659"; }
.bi-github::before { content: "\f3ed"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-discord::before { content: "\f300"; }
.bi-tiktok::before { content: "\f6b4"; }
.bi-linkedin::before { content: "\f472"; }
.bi-share::before { content: "\f52e"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-envelope::before { content: "\f32f"; }
.bi-envelope-fill::before { content: "\f32e"; }
.bi-link-45deg::before { content: "\f470"; }

/* =========================================================
   4. 基础 UI 框架与导航方向图标组
   ========================================================= */
.bi-search::before { content: "\f52a"; }
.bi-list::before { content: "\f479"; }
.bi-x::before { content: "\f62a"; }
.bi-x-lg::before { content: "\f629"; }
.bi-plus::before { content: "\f4fe"; }
.bi-plus-lg::before { content: "\f4fd"; }
.bi-dash::before { content: "\f2a6"; }
.bi-dash-lg::before { content: "\f2a5"; }
.bi-check::before { content: "\f26e"; }
.bi-check-lg::before { content: "\f26d"; }
.bi-house::before { content: "\f425"; }
.bi-house-fill::before { content: "\f424"; }
.bi-gear::before { content: "\f3e5"; }
.bi-gear-fill::before { content: "\f3e4"; }
.bi-person::before { content: "\f4da"; }
.bi-person-fill::before { content: "\f4d7"; }
.bi-person-circle::before { content: "\f4d5"; }

/* 箭头与下拉方向 */
.bi-chevron-up::before { content: "\f286"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-caret-down-fill::before { content: "\f22c"; }
.bi-caret-up-fill::before { content: "\f238"; }
.bi-caret-left-fill::before { content: "\f230"; }
.bi-caret-right-fill::before { content: "\f234"; }
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up::before { content: "\f13a"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-arrow-repeat::before { content: "\f118"; }

/* =========================================================
   5. 状态、提示与主题图标组
   ========================================================= */
.bi-info-circle-fill::before { content: "\f430"; }
.bi-check-circle::before { content: "\f26a"; }
.bi-check-circle-fill::before { content: "\f269"; }
.bi-exclamation-circle::before { content: "\f338"; }
.bi-exclamation-circle-fill::before { content: "\f337"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-question-circle::before { content: "\f505"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-moon::before { content: "\f495"; }
.bi-moon-fill::before { content: "\f494"; }
.bi-sun::before { content: "\f5a9"; }
.bi-sun-fill::before { content: "\f5a8"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-bell::before { content: "\f18d"; }
.bi-bell-fill::before { content: "\f18a"; }
.bi-clock::before { content: "\f293"; }
.bi-clock-fill::before { content: "\f292"; }
.bi-calendar::before { content: "\f225"; }
.bi-shield-check::before { content: "\f530"; }

/* =========================================================
   6. 常用交互、工具与组件图标组
   ========================================================= */
.bi-bookmark::before { content: "\f199"; }
.bi-bookmark-fill::before { content: "\f195"; }
.bi-star::before { content: "\f588"; }
.bi-star-fill::before { content: "\f586"; }
.bi-star-half::before { content: "\f587"; }
.bi-heart::before { content: "\f417"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-eye::before { content: "\f341"; }
.bi-eye-fill::before { content: "\f33f"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-lock::before { content: "\f47a"; }
.bi-lock-fill::before { content: "\f478"; }
.bi-unlock::before { content: "\f603"; }
.bi-unlock-fill::before { content: "\f601"; }
.bi-download::before { content: "\f30a"; }
.bi-upload::before { content: "\f605"; }
.bi-sliders::before { content: "\f55d"; }
.bi-sliders2::before { content: "\f55e"; }
.bi-code-slash::before { content: "\f2bd"; }
.bi-copy::before { content: "\f2cf"; }
.bi-clipboard::before { content: "\f2a0"; }
.bi-file-earmark::before { content: "\f37d"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-folder::before { content: "\f3d7"; }
.bi-folder-fill::before { content: "\f3d4"; }
.bi-image::before { content: "\f42b"; }
.bi-camera::before { content: "\f22b"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-pencil-square::before { content: "\f4c9"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-tag::before { content: "\f58f"; }
.bi-tag-fill::before { content: "\f58e"; }