/*! Font Awesome 4.7.0 - 现代化增强版 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff') format('woff'),
         url('../fonts/fontawesome-webfont.ttf') format('truetype'),
         url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s ease;
}

/* 常用图标 */
.fa-home:before { content: "\f015"; }
.fa-phone:before { content: "\f095"; }
.fa-phone-square:before { content: "\f098"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-map-marker:before { content: "\f041"; }
.fa-globe:before { content: "\f0ac"; }
.fa-weixin:before { content: "\f1d7"; }
.fa-qq:before { content: "\f1d6"; }
.fa-weibo:before { content: "\f18a"; }
.fa-comments:before { content: "\f086"; }
.fa-commenting:before { content: "\f27a"; }
.fa-desktop:before { content: "\f108"; }
.fa-mobile:before { content: "\f10b"; }
.fa-shield:before { content: "\f132"; }
.fa-search:before { content: "\f002"; }
.fa-eye:before { content: "\f06e"; }
.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-angle-double-right:before { content: "\f101"; }
.fa-clock-o:before { content: "\f017"; }
.fa-check:before { content: "\f00c"; }
.fa-check-circle:before { content: "\f058"; }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-code:before { content: "\f121"; }
.fa-hand-o-up:before { content: "\f0a6"; }
.fa-server:before { content: "\f233"; }
.fa-wechat:before { content: "\f1d7"; }
.fa-users:before { content: "\f0c0"; }
.fa-heart:before { content: "\f004"; }
.fa-building:before { content: "\f1ad"; }
.fa-file-text:before { content: "\f15c"; }
.fa-stamp:before { content: "\f0c5"; }
.fa-bank:before { content: "\f19c"; }
.fa-university:before { content: "\f19c"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-book:before { content: "\f02d"; }
.fa-file-o:before { content: "\f016"; }
.fa-pie-chart:before { content: "\f200"; }
.fa-registered:before { content: "\f25d"; }
.fa-certificate:before { content: "\f0a3"; }
.fa-copyright:before { content: "\f1f9"; }
.fa-angle-up:before { content: "\f106"; }
.fa-volume-up:before { content: "\f028"; }
.fa-calendar:before { content: "\f073"; }
.fa-user:before { content: "\f007"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-double-left:before { content: "\f100"; }
.fa-list:before { content: "\f03a"; }
.fa-th-large:before { content: "\f009"; }
.fa-th-list:before { content: "\f00b"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-rocket:before { content: "\f135"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-line-chart:before { content: "\f201"; }
.fa-bar-chart:before { content: "\f080"; }
.fa-balance-scale:before { content: "\f24e"; }
.fa-refresh:before { content: "\f021"; }
.fa-cogs:before { content: "\f085"; }
.fa-cog:before { content: "\f013"; }
.fa-money:before { content: "\f0d6"; }
.fa-trademark:before { content: "\f25c"; }
.fa-laptop:before { content: "\f109"; }
.fa-bullhorn:before { content: "\f0a1"; }
.fa-lightbulb-o:before { content: "\f0eb"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-star-half-o:before { content: "\f123"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-thumbs-down:before { content: "\f165"; }
.fa-share:before { content: "\f064"; }
.fa-share-alt:before { content: "\f1e0"; }
.fa-external-link:before { content: "\f08e"; }
.fa-link:before { content: "\f0c1"; }
.fa-times:before { content: "\f00d"; }
.fa-times-circle:before { content: "\f057"; }
.fa-plus:before { content: "\f067"; }
.fa-plus-circle:before { content: "\f055"; }
.fa-minus:before { content: "\f068"; }
.fa-minus-circle:before { content: "\f056"; }
.fa-bars:before { content: "\f0c9"; }
.fa-ellipsis-h:before { content: "\f141"; }
.fa-ellipsis-v:before { content: "\f142"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-paper-plane:before { content: "\f1d8"; }
.fa-send:before { content: "\f1d8"; }
.fa-handshake-o:before { content: "\f2b5"; }
.fa-diamond:before { content: "\f219"; }
.fa-trophy:before { content: "\f091"; }
.fa-gift:before { content: "\f06b"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-lock:before { content: "\f023"; }
.fa-unlock:before { content: "\f09c"; }
.fa-key:before { content: "\f084"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-download:before { content: "\f019"; }
.fa-upload:before { content: "\f093"; }
.fa-image:before { content: "\f03e"; }
.fa-camera:before { content: "\f030"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-play:before { content: "\f04b"; }
.fa-play-circle:before { content: "\f144"; }
.fa-pause:before { content: "\f04c"; }
.fa-edit:before { content: "\f044"; }
.fa-pencil:before { content: "\f040"; }
.fa-trash:before { content: "\f1f8"; }
.fa-trash-o:before { content: "\f014"; }
.fa-save:before { content: "\f0c7"; }
.fa-print:before { content: "\f02f"; }
.fa-filter:before { content: "\f0b0"; }
.fa-sort:before { content: "\f0dc"; }
.fa-sort-asc:before { content: "\f0de"; }
.fa-sort-desc:before { content: "\f0dd"; }
.fa-inbox:before { content: "\f01c"; }
.fa-bell:before { content: "\f0f3"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-flag:before { content: "\f024"; }
.fa-question-circle:before { content: "\f059"; }
.fa-exclamation-circle:before { content: "\f06a"; }
.fa-exclamation-triangle:before { content: "\f071"; }
.fa-warning:before { content: "\f071"; }
.fa-spinner:before { content: "\f110"; }
.fa-circle-o-notch:before { content: "\f1ce"; }

/* 尺寸变体 */
.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);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* =========================================
   现代化图标增强样式
========================================= */

/* 图标圆形背景 */
.fa-circle-bg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.1), rgba(229, 77, 29, 0.15));
}

.fa-circle-bg .fa {
    color: #ff6b35;
}

/* 图标方形背景 */
.fa-square-bg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff6b35, #e54d1d);
}

.fa-square-bg .fa {
    color: #fff;
}

/* 渐变色图标 */
.fa-gradient {
    background: linear-gradient(135deg, #ff6b35, #e54d1d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 图标动画效果 */
.fa-hover-scale:hover {
    transform: scale(1.15);
}

.fa-hover-rotate:hover {
    transform: rotate(15deg);
}

.fa-hover-bounce:hover {
    animation: fa-bounce 0.5s ease;
}

@keyframes fa-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

/* 现代化图标按钮样式 */
.btn-icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-icon .fa {
    font-size: 1.1em;
    transition: transform 0.3s ease;
}

.btn-icon:hover .fa-arrow-right {
    transform: translateX(4px);
}

/* 服务分类图标样式 */
.service-category h4 .fa {
    font-size: 1.1em;
    margin-right: 2px;
    color: #ff6b35;
}

/* Hero区域图标 */
.hero-tag .fa {
    font-size: 0.9em;
}

.hero-tag .fa-check-circle {
    color: #ffe0b2;
}

/* 导航图标 */
.nav-item .fa {
    font-size: 0.85em;
    opacity: 0.8;
    transition: opacity 0.3s;
}

.nav-item:hover .fa {
    opacity: 1;
}

/* 内容页图标 */
.content-meta .fa {
    margin-right: 4px;
    font-size: 0.9em;
    opacity: 0.7;
}

/* 底部图标 */
.footer .fa {
    margin-right: 6px;
    font-size: 0.9em;
} 