/* 图标美化 - 子比主题全部图标渐变现代化 */

/* ═══ 基础过渡 ═══ */
.fa {
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* ═══ 导航/方向 - 蓝紫渐变 ═══ */
.fa-home,
.fa-search,
.fa-bars,
.fa-angle-up,
.fa-angle-down,
.fa-angle-left,
.fa-angle-right,
.fa-chevron-right,
.fa-arrow-right,
.fa-long-arrow-left,
.fa-th-large,
.fa-expand,
.fa-compress {
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 互动/喜爱 - 红粉渐变 ═══ */
.fa-heart,
.fa-heart-o,
.fa-star,
.fa-star-o,
.fa-thumbs-up,
.fa-thumbs-o-up,
.fa-thumbs-down,
.fa-thumbs-o-down,
.fa-fire {
    background: linear-gradient(135deg, #ee0979, #ff6a00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 用户/社交 - 青绿渐变 ═══ */
.fa-user,
.fa-user-o,
.fa-user-circle,
.fa-user-circle-o,
.fa-user-plus,
.fa-users,
.fa-sign-in,
.fa-sign-out,
.fa-comments,
.fa-comment,
.fa-comment-o,
.fa-commenting,
.fa-commenting-o,
.fa-envelope,
.fa-envelope-o,
.fa-wechat,
.fa-weixin,
.fa-qq,
.fa-weibo {
    background: linear-gradient(135deg, #43e97b, #38f9d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 媒体/内容 - 粉紫渐变 ═══ */
.fa-camera,
.fa-image,
.fa-file-image-o,
.fa-picture-o,
.fa-film,
.fa-play,
.fa-play-circle,
.fa-play-circle-o,
.fa-video-camera,
.fa-file-video-o,
.fa-music,
.fa-quote-left,
.fa-quote-right {
    background: linear-gradient(135deg, #a18cd1, #fbc2eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 文件/文档 - 天蓝渐变 ═══ */
.fa-file-text-o,
.fa-file-o,
.fa-file,
.fa-file-pdf-o,
.fa-file-word-o,
.fa-file-excel-o,
.fa-file-code-o,
.fa-file-archive-o,
.fa-folder-open,
.fa-folder-open-o,
.fa-folder,
.fa-folder-o,
.fa-book,
.fa-bookmark,
.fa-bookmark-o,
.fa-clipboard {
    background: linear-gradient(135deg, #89f7fe, #66a6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 购物/金融 - 金橙渐变 ═══ */
.fa-shopping-cart,
.fa-shopping-bag,
.fa-credit-card,
.fa-credit-card-alt,
.fa-money,
.fa-gift,
.fa-diamond,
.fa-trophy,
.fa-ticket,
.fa-tag,
.fa-tags {
    background: linear-gradient(135deg, #f6d365, #fda085);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 工具/设置 - 蓝绿渐变 ═══ */
.fa-cog,
.fa-cogs,
.fa-wrench,
.fa-magic,
.fa-bolt,
.fa-rocket,
.fa-shield,
.fa-code,
.fa-database,
.fa-cloud,
.fa-cloud-upload,
.fa-cloud-download,
.fa-wifi,
.fa-globe,
.fa-sitemap,
.fa-filter,
.fa-sliders,
.fa-puzzle-piece,
.fa-plug,
.fa-key,
.fa-lock,
.fa-unlock {
    background: linear-gradient(135deg, #4facfe, #00f2fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 提醒/状态 - 橙红渐变 ═══ */
.fa-bell,
.fa-bell-o,
.fa-exclamation-circle,
.fa-exclamation-triangle,
.fa-question-circle-o,
.fa-question-circle,
.fa-info-circle,
.fa-flag,
.fa-flag-o {
    background: linear-gradient(135deg, #fa709a, #fee140);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 时间/日程 - 靛蓝渐变 ═══ */
.fa-clock-o,
.fa-calendar,
.fa-calendar-o,
.fa-calendar-check-o,
.fa-history,
.fa-hourglass,
.fa-hourglass-o {
    background: linear-gradient(135deg, #667eea, #00d2ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 操作/编辑 - 绿蓝渐变 ═══ */
.fa-check,
.fa-check-circle,
.fa-check-square-o,
.fa-plus,
.fa-plus-circle,
.fa-minus,
.fa-minus-circle,
.fa-times,
.fa-times-circle,
.fa-edit,
.fa-pencil,
.fa-pencil-square-o,
.fa-trash,
.fa-trash-o,
.fa-refresh,
.fa-download,
.fa-upload,
.fa-share,
.fa-share-alt,
.fa-external-link,
.fa-link,
.fa-unlink,
.fa-copy,
.fa-clone {
    background: linear-gradient(135deg, #11998e, #38ef7d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 位置/地图 - 珊瑚渐变 ═══ */
.fa-map-marker,
.fa-map,
.fa-map-o,
.fa-map-pin,
.fa-location-arrow,
.fa-compass,
.fa-street-view {
    background: linear-gradient(135deg, #f093fb, #f5576c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 浏览/阅读 - 紫蓝渐变 ═══ */
.fa-eye,
.fa-eye-slash,
.fa-binoculars,
.fa-rss,
.fa-rss-square,
.fa-newspaper-o,
.fa-list,
.fa-list-ul,
.fa-list-ol,
.fa-list-alt {
    background: linear-gradient(135deg, #7f7fd5, #86a8e7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ═══ 悬停效果 ═══ */
a:hover > .fa,
button:hover > .fa,
.btn:hover > .fa,
.float-btn:hover .fa {
    transform: scale(1.18);
    filter: brightness(1.15);
}

/* 齿轮旋转动画 */
.fa-cog:hover,
.fa-cogs:hover {
    animation: iconSpin 2s linear infinite;
}

@keyframes iconSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}