/* 基础图标样式 */
.icon {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 手机图标 */
.icon-smartphone {
    background-image: url('../images/icons/smartphone.svg');
}

/* 安卓图标 */
.icon-android {
    background-image: url('../images/icons/android.svg');
}

/* 设备图标 */
.icon-device {
    background-image: url('../images/icons/device.svg');
}

/* 问题图标 */
.icon-question {
    background-image: url('../images/icons/question.svg');
}

/* 设置图标 */
.icon-settings {
    background-image: url('../images/icons/settings.svg');
}

/* 通知图标 */
.icon-notification {
    background-image: url('../images/icons/notification.svg');
}

/* 电脑图标 */
.icon-computer {
    background-image: url('../images/icons/computer.svg');
}

/* 路由器图标 */
.icon-router {
    background-image: url('../images/icons/router.svg');
}

/* 盾牌图标 */
.icon-shield {
    background-image: url('../images/icons/shield.svg');
}

/* 金钱图标 */
.icon-money {
    background-image: url('../images/icons/money.svg');
}

/* 统一图标颜色 */
.icon {
    filter: invert(31%) sepia(98%) saturate(1946%) hue-rotate(201deg) brightness(96%) contrast(107%);
}

/* 悬浮效果 */
.icon:hover {
    filter: invert(31%) sepia(98%) saturate(1946%) hue-rotate(201deg) brightness(120%) contrast(107%);
}

/* 仪表盘图标 */
.icon-dashboard {
    background-image: url('../images/icons/dashboard.svg');
}

/* WiFi图标 */
.icon-wifi {
    background-image: url('../images/icons/wifi.svg');
}

/* 存储图标 */
.icon-storage {
    background-image: url('../images/icons/storage.svg');
}

/* 定时器图标 */
.icon-timer {
    background-image: url('../images/icons/timer.svg');
}

/* CPU图标 */
.icon-cpu {
    background-image: url('../images/icons/cpu.svg');
}

/* 用户图标 */
.icon-users {
    background-image: url('../images/icons/users.svg');
}

/* 个人资料图标 */
.icon-profile {
    background-image: url('../images/icons/profile.svg');
}

/* 奖杯图标 */
.icon-award {
    background-image: url('../images/icons/award.svg');
}

/* 云图标 */
.icon-cloud {
    background-image: url('../images/icons/cloud.svg');
}

/* 客服图标 */
.icon-customer-service {
    background-image: url('../images/icons/customer-service.svg');
}

/* 目标图标 */
.icon-target {
    background-image: url('../images/icons/target.svg');
}

/* 下载图标 */
.icon-download {
    background-image: url('../images/icons/download.svg');
}

/* Windows图标 */
.icon-windows {
    background-image: url('../images/icons/windows.svg');
}

/* Linux图标 */
.icon-linux {
    background-image: url('../images/icons/linux.svg');
}

/* 终端图标 */
.icon-terminal {
    background-image: url('../images/icons/terminal.svg');
}

/* 工具图标 */
.icon-tools {
    background-image: url('../images/icons/tools.svg');
}

/* 更多图标可以根据需要继续添加... */