/* 扁平化图标库 - 双色设计：白色主体 + 蓝色强调 */
.flat-icon {
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
/* 浅色主题下的图标样式 */
.light-theme .flat-icon {
opacity: 0.9;
}
/* 导航和操作图标特殊尺寸 */
.nav-icon .flat-icon {
width: 28px;
height: 28px;
}
.action-icon .flat-icon {
width: 32px;
height: 32px;
}
.notification-icon .flat-icon {
width: 24px;
height: 24px;
}
.icon-bell {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-chart-line {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-megaphone {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-file {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-shopping {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-diamond {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-brain {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-zap {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-check {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-message {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-smartphone {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-home {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-chart-bar {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-clock {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-clipboard {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-user {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-target {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-dollar {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-edit {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-lock {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-globe {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-info {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-heart {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-palette {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-logout {
background-image: url('data:image/svg+xml;utf8,');
}
.icon-file-text {
background-image: url('data:image/svg+xml;utf8,');
}
/* 设置图标特殊尺寸 */
.settings-icon .flat-icon {
width: 26px;
height: 26px;
}
.banner-icon .flat-icon {
width: 20px;
height: 20px;
}
.chart-placeholder .flat-icon {
width: 40px;
height: 40px;
}