/*!
 * Font Awesome 4.7.0 - Local Version for Modern2 Template
 * 包含必要的字体定义和图标类
 */

/* 字体定义 - 支持多种字体格式和CDN后备 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
       url('../fonts/fontawesome-webfont.woff') format('woff'),
       url('../fonts/fontawesome-webfont.ttf') format('truetype'),
       url('https://use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'),
       url('https://use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.woff') format('woff'),
       url('https://use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}

/* 基础图标类 */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 常用图标定义 */
.fa-check:before { content: "\f00c"; }
.fa-times:before { content: "\f00d"; }
.fa-search:before { content: "\f002"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-user:before { content: "\f007"; }
.fa-lock:before { content: "\f023"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-bars:before { content: "\f0c9"; }
.fa-home:before { content: "\f015"; }
.fa-cog:before { content: "\f013"; }
.fa-download:before { content: "\f019"; }
.fa-upload:before { content: "\f093"; }
.fa-star:before { content: "\f005"; }
.fa-heart:before { content: "\f004"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-phone:before { content: "\f095"; }
.fa-mobile:before { content: "\f10b"; }
.fa-laptop:before { content: "\f109"; }
.fa-desktop:before { content: "\f108"; }
.fa-tablet:before { content: "\f10a"; }
.fa-shield:before { content: "\f132"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-qq:before { content: "\f1d6"; }
.fa-wechat:before { content: "\f1d7"; }
.fa-weixin:before { content: "\f1d7"; }
.fa-alipay:before { content: "\f1d7"; } /* 使用微信图标作为替代 */
.fa-map-marker:before { content: "\f041"; }
.fa-globe:before { content: "\f0ac"; }
.fa-wifi:before { content: "\f1eb"; }
.fa-bluetooth:before { content: "\f293"; }
.fa-database:before { content: "\f1c0"; }
.fa-server:before { content: "\f233"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-users:before { content: "\f0c0"; }
.fa-group:before { content: "\f0c0"; }
.fa-building:before { content: "\f1ad"; }
.fa-bank:before { content: "\f19c"; }
.fa-money:before { content: "\f0d6"; }
.fa-chain:before { content: "\f0c1"; }
.fa-link:before { content: "\f0c1"; }

/* 支付相关图标 */
.fa-payment:before { content: "\f09d"; }
.fa-wallet:before { content: "\f555"; }
.fa-coins:before { content: "\f51e"; }

/* 常用尺寸 */
.fa-lg { 
  font-size: 1.33333333em; 
  line-height: 0.75em; 
  vertical-align: -15%; 
}
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

/* 固定宽度 */
.fa-fw { 
  width: 1.28571429em; 
  text-align: center; 
}

/* 旋转动画 */
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}

@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

/* 后备方案：如果字体加载失败，使用Unicode字符 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .fa:before {
    font-family: FontAwesome, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
  }
}

/* 字体加载失败时的后备显示 */
.fa-check:before { content: "\f00c"; }
.fa-check:after { content: "✓"; display: none; }
@supports not (font-family: FontAwesome) {
  .fa-check:before { display: none; }
  .fa-check:after { display: inline; }
}