/**
 * SVG Icons - Pixel Style
 * 内联SVG图标样式定义
 */

/* ==================== ICON BASE ==================== */

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    fill: currentColor;
    flex-shrink: 0;
}

.icon-sm {
    width: 14px;
    height: 14px;
}

.icon-md {
    width: 20px;
    height: 20px;
}

.icon-lg {
    width: 24px;
    height: 24px;
}

.icon-xl {
    width: 32px;
    height: 32px;
}

.icon-2xl {
    width: 48px;
    height: 48px;
}

/* ==================== NAV ICONS ==================== */

/* Dashboard / 仪表盘 */
.icon-dashboard {
    width: 16px;
    height: 16px;
}

/* Lock / 锁 */
.icon-lock {
    width: 16px;
    height: 16px;
}

/* Key Shield / 密钥盾 */
.icon-key-shield {
    width: 16px;
    height: 16px;
}

/* Check / 对勾 */
.icon-check {
    width: 16px;
    height: 16px;
}

/* Bolt / 闪电 */
.icon-bolt {
    width: 16px;
    height: 16px;
}

/* Clipboard / 剪贴板 */
.icon-clipboard {
    width: 16px;
    height: 16px;
}

/* Bell / 铃铛 */
.icon-bell {
    width: 16px;
    height: 16px;
}

/* User / 用户 */
.icon-user {
    width: 16px;
    height: 16px;
}

/* Globe / 地球 */
.icon-globe {
    width: 16px;
    height: 16px;
}

/* Email / 邮件 */
.icon-email {
    width: 16px;
    height: 16px;
}

/* Lightbulb / 灯泡 */
.icon-lightbulb {
    width: 16px;
    height: 16px;
}

/* Home / 主页 */
.icon-home {
    width: 16px;
    height: 16px;
}

/* Chart / 图表 */
.icon-chart {
    width: 16px;
    height: 16px;
}

/* Gear / 齿轮 */
.icon-gear {
    width: 16px;
    height: 16px;
}

/* Key / 钥匙 */
.icon-key {
    width: 16px;
    height: 16px;
}

/* File / 文件 */
.icon-file {
    width: 16px;
    height: 16px;
}

/* Target / 目标 */
.icon-target {
    width: 16px;
    height: 16px;
}

/* Rocket / 火箭 */
.icon-rocket {
    width: 16px;
    height: 16px;
}

/* Leaf / 叶子 */
.icon-leaf {
    width: 16px;
    height: 16px;
}

/* Shield / 盾牌 */
.icon-shield {
    width: 16px;
    height: 16px;
}

/* Flag / 旗帜 */
.icon-flag {
    width: 16px;
    height: 16px;
}

/* Party / 庆祝 */
.icon-party {
    width: 16px;
    height: 16px;
}

/* Warning / 警告 */
.icon-warning {
    width: 16px;
    height: 16px;
}

/* Error / 错误 */
.icon-error {
    width: 16px;
    height: 16px;
}

/* Document / 文档 */
.icon-document {
    width: 16px;
    height: 16px;
}

/* Calendar / 日历 */
.icon-calendar {
    width: 16px;
    height: 16px;
}

/* Clock / 时钟 */
.icon-clock {
    width: 16px;
    height: 16px;
}

/* Wrench / 扳手 */
.icon-wrench {
    width: 16px;
    height: 16px;
}

/* Mobile / 手机 */
.icon-mobile {
    width: 16px;
    height: 16px;
}

/* Laptop / 笔记本 */
.icon-laptop {
    width: 16px;
    height: 16px;
}

/* Star / 星星 */
.icon-star {
    width: 16px;
    height: 16px;
}

/* Box / 盒子 */
.icon-box {
    width: 16px;
    height: 16px;
}

/* Search / 搜索 */
.icon-search {
    width: 16px;
    height: 16px;
}

/* Plus / 加号 */
.icon-plus {
    width: 16px;
    height: 16px;
}

/* Refresh / 刷新 */
.icon-refresh {
    width: 16px;
    height: 16px;
}

/* Book / 书本 */
.icon-book {
    width: 16px;
    height: 16px;
}

/* Trophy / 奖杯 */
.icon-trophy {
    width: 16px;
    height: 16px;
}

/* Download / 下载 */
.icon-download {
    width: 16px;
    height: 16px;
}

/* Upload / 上传 */
.icon-upload {
    width: 16px;
    height: 16px;
}

/* Door / 门/退出 */
.icon-door {
    width: 16px;
    height: 16px;
}

/* Heart / 心 */
.icon-heart {
    width: 16px;
    height: 16px;
}

/* Menu / 菜单 */
.icon-menu {
    width: 16px;
    height: 16px;
}

/* Close / 关闭 */
.icon-close {
    width: 16px;
    height: 16px;
}

/* Arrow Right / 右箭头 */
.icon-arrow-right {
    width: 16px;
    height: 16px;
}

/* Arrow Down / 下箭头 */
.icon-arrow-down {
    width: 16px;
    height: 16px;
}

/* Copy / 复制 */
.icon-copy {
    width: 16px;
    height: 16px;
}

/* Settings / 设置 (齿轮替代) */
.icon-settings {
    width: 16px;
    height: 16px;
}

/* ==================== ICON IN NAVIGATION ==================== */

.nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

/* ==================== ALERT ICONS ==================== */

.alert-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* ==================== STAT CARD ICONS ==================== */

.stat-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
}

/* ==================== EMPTY STATE ICONS ==================== */

.empty-state-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
}

/* ==================== FEATURE ICONS ==================== */

.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
}

/* ==================== CERTIFICATE ICONS ==================== */

.cert-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

/* ==================== VERIFY ICONS ==================== */

.verify-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
}

/* ==================== SOCIAL ICONS ==================== */

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

/* ==================== ILLUSTRATION ICONS ==================== */

.illustration-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
}