/* wwwroot/css/icons.css */

/**
 * 引入 Segoe UI Symbol 字体文件
 * 
 * Summary:
 * 1. 使用 @font-face 定义自定义字体家族名称 'Segoe UI Symbol'。
 * 2. src 指向相对路径 ../fonts/seguisym.ttf。
 * 3. format('truetype') 指定字体格式。
 */
@font-face {
    font-family: 'Segoe UI Symbol';
    src: url('../seguisym.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* 优化加载体验，避免文字不可见 */
}

/**
 * 图标基础类
 * 
 * Summary:
 * 1. 使用自定义字体家族 'Segoe UI Symbol'。
 * 2. 其他样式与之前保持一致，确保图标正确显示和对齐。
 */
.ai, .ai-symbol {
    font-family: 'Segoe UI Symbol', sans-serif;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/**
 * 具体图标类定义
 * 
 * Summary:
 * 每个类对应一个特定的 Unicode 字符。
 * 注意：Unicode 值必须以反斜杠开头 (例如 \E001)。
 */

/* 主页 / Home */
.ai-home::before {
    content: "\E10F";
}

/* 搜索 / Search */
.ai-search::before {
    content: "\E094";
}

/* 设置 / Settings */
.ai-settings::before {
    content: "\E115";
}

/* 用户 / User */
.ai-user::before {
    content: "\E13D";
}

/* 添加 / Add */
.ai-add::before {
    content: "\E109";
}

/* 删除 / Delete */
.ai-delete::before {
    content: "\E107";
}

/* 编辑 / Edit */
.ai-edit::before {
    content: "\E104";
}

/* 保存 / Save */
.ai-save::before {
    content: "\E105";
}

/* 关闭 / Close */
.ai-close::before {
    content: "\E10A";
}

/* 菜单 / Menu */
.ai-menu::before {
    content: "\E179";
}

/* 黑色太阳与光线 / Black Sun With Rays */
.ai-black-sun-with-rays::before {
    content: "\2600";
}

/* 太阳 / Sun */
.ai-sun::before {
    content: "\2609";
}

/* 月亮 / Moon */
.ai-moon::before {
    content: "\1F319";
}