/* icons.css - 图标字体样式 */

/* 基础图标样式 */
[class^="icon-"], [class*=" icon-"] {
    font-family: 'iconfont', 'Material Icons', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 图标大小类 */
.icon-sm {
    font-size: 16px !important;
}
.icon-md {
    font-size: 24px !important;
}
.icon-lg {
    font-size: 32px !important;
}
.icon-xl {
    font-size: 48px !important;
}

/* 图标颜色类 */
.icon-primary {
    color: #09bb8a !important;
}
.icon-secondary {
    color: #061237 !important;
}
.icon-white {
    color: #ffffff !important;
}
.icon-light {
    color: #83899b !important;
}
.icon-success {
    color: #09bb8a !important;
}
.icon-warning {
    color: #f9ae3d !important;
}
.icon-error {
    color: #f56c6c !important;
}

/* 图标旋转动画 */
.icon-spin {
    animation: icon-spin 2s infinite linear;
}
@keyframes icon-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 图标脉动动画 */
.icon-pulse {
    animation: icon-pulse 1s infinite ease-in-out;
}
@keyframes icon-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

/* 图标悬停效果 */
.icon-hover:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

/* 图标容器 */
.icon-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(9, 187, 138, 0.1);
    color: #09bb8a;
    margin-right: 10px;
}

.icon-container-primary {
    background: rgba(9, 187, 138, 0.1);
    color: #09bb8a;
}

.icon-container-secondary {
    background: rgba(6, 18, 55, 0.1);
    color: #061237;
}

.icon-container-light {
    background: rgba(131, 137, 155, 0.1);
    color: #83899b;
}

/* 定义所有图标（使用原文件的图标字体定义） */
@font-face {
    font-family: 'iconfont';
    src: url('https://at.alicdn.com/t/c/font_4664942_rgkeqi3s8o.woff2?t=1747206968308') format('woff2'),
         url('https://at.alicdn.com/t/c/font_4664942_rgkeqi3s8o.woff?t=1747206968308') format('woff'),
         url('https://at.alicdn.com/t/c/font_4664942_rgkeqi3s8o.ttf?t=1747206968308') format('truetype'),
         url('https://at.alicdn.com/t/c/font_4664942_rgkeqi3s8o.svg?t=1747206968308#iconfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 常用图标定义 - 匹配原文件中的图标 */
.icon-report-loss-of:before { content: "\e693"; }
.icon-huangguan:before { content: "\e6c1"; }
.icon-chenggong:before { content: "\e692"; }
.icon-yaoqingfanyong:before { content: "\e603"; }
.icon-a-fenxiang2:before { content: "\e691"; }
.icon-a-zhuce1:before { content: "\e68f"; }
.icon-a-fenxiang11:before { content: "\e690"; }
.icon-Untitled:before { content: "\e68e"; }
.icon-quanbuyidu:before { content: "\e876"; }
.icon-a-Group18316:before { content: "\e68d"; }
.icon-dongjie:before { content: "\e672"; }
.icon-wancheng_4:before { content: "\e6e2"; }
.icon-jianceyujing:before { content: "\e605"; }
.icon-shengyujine:before { content: "\e606"; }
.icon-weiwancheng:before { content: "\ea15"; }
.icon-warning:before { content: "\e68c"; }
.icon-drag:before { content: "\e68b"; }
.icon-map-pin1:before { content: "\e68a"; }
.icon-lock1:before { content: "\e689"; }
.icon-jihuo:before { content: "\e687"; }
.icon-shouzhi:before { content: "\e602"; }
.icon-shengji:before { content: "\e688"; }
.icon-Export:before { content: "\e73e"; }
.icon-xiangji:before { content: "\e8bc"; }
.icon-shenfenzhengzhengmian:before { content: "\e600"; }
.icon-shenfenzhengfanmian:before { content: "\e601"; }
.icon-globe-outline-new:before { content: "\e686"; }
.icon-vbmplatwhtrastd2022:before { content: "\e685"; }
.icon-guanbi:before { content: "\e684"; }
.icon-radios-active:before { content: "\e683"; }
.icon-radios:before { content: "\e682"; }
.icon-nav-left:before { content: "\e681"; }
.icon-gift-outline:before { content: "\e680"; }
.icon-element-plus:before { content: "\e643"; }
.icon-eye-outline:before { content: "\e644"; }
.icon-file-description:before { content: "\e645"; }
.icon-filter-outline:before { content: "\e646"; }
.icon-Filter:before { content: "\e647"; }
.icon-filter-circle-outline:before { content: "\e648"; }
.icon-flame:before { content: "\e649"; }
.icon-glass-full:before { content: "\e64a"; }
.icon-eye-off-outline:before { content: "\e64b"; }
.icon-finger-print-outline:before { content: "\e64c"; }
.icon-headset:before { content: "\e64d"; }
.icon-graph:before { content: "\e64e"; }
.icon-globe-outline:before { content: "\e64f"; }
.icon-import:before { content: "\e650"; }
.icon-home:before { content: "\e651"; }
.icon-layout-list:before { content: "\e652"; }
.icon-help-circle-outline:before { content: "\e653"; }
.icon-information-circle-outline:before { content: "\e654"; }
.icon-layout-grid:before { content: "\e655"; }
.icon-link-outline:before { content: "\e656"; }
.icon-heartbeat:before { content: "\e657"; }
.icon-heart:before { content: "\e658"; }
.icon-lock:before { content: "\e659"; }
.icon-logout:before { content: "\e65a"; }
.icon-map-pin:before { content: "\e65b"; }
.icon-moneybag:before { content: "\e65c"; }
.icon-map-2:before { content: "\e65d"; }
.icon-mail:before { content: "\e65e"; }
.icon-moon:before { content: "\e65f"; }
.icon-minimize:before { content: "\e660"; }
.icon-moon-outline:before { content: "\e661"; }
.icon-music:before { content: "\e662"; }
.icon-news:before { content: "\e663"; }
.icon-notifications-outline:before { content: "\e664"; }
.icon-notification:before { content: "\e665"; }
.icon-photo-plus:before { content: "\e666"; }
.icon-remove-outline:before { content: "\e667"; }
.icon-qrcode:before { content: "\e668"; }
.icon-photo-heart:before { content: "\e669"; }
.icon-profile:before { content: "\e66a"; }
.icon-Search:before { content: "\e66b"; }
.icon-settings:before { content: "\e66c"; }
.icon-scan:before { content: "\e66d"; }
.icon-receipt-outline:before { content: "\e66e"; }
.icon-share-outline:before { content: "\e66f"; }
.icon-rocket:before { content: "\e670"; }
.icon-shield-check:before { content: "\e671"; }
.icon-shield-lock:before { content: "\e673"; }
.icon-star:before { content: "\e674"; }
.icon-star-outline:before { content: "\e675"; }
.icon-star-half:before { content: "\e676"; }
.icon-system-uicons:before { content: "\e677"; }
.icon-player-pause:before { content: "\e678"; }
.icon-ticket:before { content: "\e679"; }
.icon-trending-up:before { content: "\e67a"; }
.icon-user:before { content: "\e67b"; }
.icon-sunny-outline:before { content: "\e67c"; }
.icon-wallet-outline:before { content: "\e67d"; }
.icon-video:before { content: "\e67e"; }
.icon-ticket-1:before { content: "\e67f"; }
.icon-add-outline:before { content: "\e615"; }
.icon-add-circle:before { content: "\e616"; }
.icon-arrow-back-outline:before { content: "\e617"; }
.icon-arrow-forward:before { content: "\e618"; }
.icon-arrow-down-outline:before { content: "\e619"; }
.icon-address-book:before { content: "\e61a"; }
.icon-arrows-down-up:before { content: "\e61b"; }
.icon-arrow-forward-outline:before { content: "\e61c"; }
.icon-arrow-up-outline:before { content: "\e61d"; }
.icon-ball-basketball:before { content: "\e61e"; }
.icon-bookmark:before { content: "\e61f"; }
.icon-bolt-off:before { content: "\e620"; }
.icon-brand-instagram:before { content: "\e621"; }
.icon-brand-facebook:before { content: "\e622"; }
.icon-brand-whatsapp:before { content: "\e623"; }
.icon-building-bank:before { content: "\e624"; }
.icon-calendar-plus:before { content: "\e625"; }
.icon-brand-safari:before { content: "\e626"; }
.icon-card-outline:before { content: "\e627"; }
.icon-broadcast:before { content: "\e628"; }
.icon-calendar-outline:before { content: "\e629"; }
.icon-card-send:before { content: "\e62a"; }
.icon-card-receive:before { content: "\e62b"; }
.icon-calendar-event:before { content: "\e62c"; }
.icon-chart-area:before { content: "\e62d"; }
.icon-check:before { content: "\e62e"; }
.icon-chevron-back-outline:before { content: "\e62f"; }
.icon-chevron-down-outline:before { content: "\e630"; }
.icon-card:before { content: "\e631"; }
.icon-chevron-up-outline:before { content: "\e632"; }
.icon-chart:before { content: "\e633"; }
.icon-circle-check:before { content: "\e634"; }
.icon-close-outline:before { content: "\e635"; }
.icon-clock-hour-4:before { content: "\e636"; }
.icon-color-filter:before { content: "\e637"; }
.icon-chevron-forward-outline:before { content: "\e638"; }
.icon-coin:before { content: "\e639"; }
.icon-confetti:before { content: "\e63a"; }
.icon-copy:before { content: "\e63b"; }
.icon-device-mobile:before { content: "\e63c"; }
.icon-device-gamepad:before { content: "\e63d"; }
.icon-current-location:before { content: "\e63e"; }
.icon-dots-vertical:before { content: "\e63f"; }
.icon-document-text:before { content: "\e640"; }
.icon-edit:before { content: "\e641"; }
.icon-element-3:before { content: "\e642"; }

/* 简化版本 - 常用图标 */
.icon-home:before { content: "\e651"; }
.icon-wallet-outline:before { content: "\e67d"; }
.icon-card-send:before { content: "\e62a"; }
.icon-card-receive:before { content: "\e62b"; }
.icon-arrows-down-up:before { content: "\e61b"; }
.icon-notification:before { content: "\e665"; }
.icon-eye-outline:before { content: "\e644"; }
.icon-chevron-down-outline:before { content: "\e630"; }
.icon-element-plus:before { content: "\e643"; }
.icon-search:before { content: "\e66b"; }
.icon-settings:before { content: "\e66c"; }
.icon-user:before { content: "\e67b"; }
.icon-chart:before { content: "\e633"; }

/* 备用字体图标 - 如果没有加载字体，使用emoji */
.icon-home.emoji-fallback:before { content: "🏠"; }
.icon-wallet-outline.emoji-fallback:before { content: "💰"; }
.icon-card-send.emoji-fallback:before { content: "📤"; }
.icon-card-receive.emoji-fallback:before { content: "📥"; }
.icon-arrows-down-up.emoji-fallback:before { content: "🔄"; }
.icon-notification.emoji-fallback:before { content: "🔔"; }
.icon-eye-outline.emoji-fallback:before { content: "👁️"; }
.icon-chevron-down-outline.emoji-fallback:before { content: "▼"; }
.icon-element-plus.emoji-fallback:before { content: "➕"; }
.icon-search.emoji-fallback:before { content: "🔍"; }
.icon-settings.emoji-fallback:before { content: "⚙️"; }
.icon-user.emoji-fallback:before { content: "👤"; }
.icon-chart.emoji-fallback:before { content: "📈"; }