/**
 * 自定义 Iconfont 图标字体
 * 用于引入阿里巴巴图标库或其他自定义图标
 */
/* Iconfont 字体声明 */
@font-face {
  font-family: 'iconfont';
  /* 自定义字体名称 */
  src: url('../fonts/iconfont/iconfont.woff2?t=1762164907243') format('woff2'), url('../fonts/iconfont/iconfont.woff?t=1762164907243') format('woff'), url('../fonts/iconfont/iconfont.ttf?t=1762164907243') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Iconfont 基础类 */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
从 fonts/iconfont/iconfont.css 中获取的图标 Unicode：

icon-shoujian (收件):     \e6fc
icon-bianji (编辑):       \e737
icon-lianxiren (联系人):  \e697
icon-shezhi (设置):       \e673
icon-yifasong (已发送):   \e6ab
icon-a-Receiveshoujianshouhoufuwu (收件2): \e930

使用格式：content: "\e737" !important;
*/
/* 
   使用方法1：替换特定按钮的图标
   取消注释下面的代码即可使用
*/
#layout a.compose:before {
  font-family: "iconfont" !important;
  content: "\e737" !important;
}
#layout a.contacts:before {
  font-family: "iconfont" !important;
  content: "\e697" !important;
}
#layout a.settings:before {
  font-family: "iconfont" !important;
  content: "\e673" !important;
}
#layout .folderlist li.inbox > a:before {
  font-family: "iconfont" !important;
  content: "\e930" !important;
}
#messagelist-header .toolbar.menu a.select:before {
  font-family: "iconfont" !important;
  content: "\e640" !important;
}
#messagelist-header .toolbar.menu a.options:before {
  font-family: "iconfont" !important;
  content: "\e660" !important;
}
#messagelist-header .refresh:before {
  font-family: "iconfont" !important;
  content: "\ec08" !important;
}
.ui-dialog-titlebar-close:before {
  font-family: "iconfont" !important;
  content: "\e735" !important;
}
.menu a.expunge:before {
  font-family: "iconfont" !important;
  content: "\e645" !important;
}
.menu a.purge:before {
  font-family: "iconfont" !important;
  content: "\e680" !important;
}
.menu a.folders:before {
  font-family: "iconfont" !important;
  content: "\ec17" !important;
}
.menu a.select.all:before {
  font-family: "iconfont" !important;
  content: "\e71f" !important;
}
.menu a.select.page:before {
  font-family: "iconfont" !important;
  content: "\e602" !important;
}
.menu a.select.unread:before {
  font-family: "iconfont" !important;
  content: "\e640" !important;
}
.menu a.select.flagged:before {
  font-family: "iconfont" !important;
  content: "\e639" !important;
}
.menu a.select.invert:before {
  font-family: "iconfont" !important;
  content: "\e609" !important;
}
.menu a.select.none:before {
  font-family: "iconfont" !important;
  content: "\e630" !important;
}
.toolbar a.reply:before,
button.reply:before {
  font-family: "iconfont" !important;
  content: "\e691" !important;
}
.toolbar a.reply-all:before,
button.reply-all:before {
  font-family: "iconfont" !important;
  content: "\e66a" !important;
}
.toolbar a.forward:before,
button.forward:before {
  font-family: "iconfont" !important;
  content: "\e600" !important;
}
.toolbar a.delete:before,
button.delete:before {
  font-family: "iconfont" !important;
  content: "\e603" !important;
}
.toolbar a.markmessage:before,
button.markmessage:before {
  font-family: "iconfont" !important;
  content: "\e639" !important;
}
.toolbar a.more:before,
button.more:before {
  font-family: "iconfont" !important;
  content: "\e896" !important;
}
.menu a.reply.all:before {
  font-family: "iconfont" !important;
  content: "\e66a" !important;
}
.menu a.forward:before {
  font-family: "iconfont" !important;
  content: "\e600" !important;
}
/*
   使用方法2：使用 iconfont 提供的类名
   如果您从 iconfont.cn 下载的包中有 .icon-xxx 类名
*/
/*
// 示例：收件箱图标
.icon-inbox:before {
    content: "\e600";
}

// 示例：邮件图标
.icon-mail:before {
    content: "\e601";
}

// 在菜单中使用
.menu a.mail:before {
    font-family: "iconfont" !important;
    .icon-inbox();
}
*/
/*
   您可以混合使用 FontAwesome 和 Iconfont
   根据需要选择不同的图标库
*/
/*
// 使用 Iconfont 的收件箱图标
.menu a.mail:before {
    font-family: "iconfont" !important;
    content: "\e600" !important;
}

// 其他按钮继续使用 FontAwesome（在 custom-icons.less 中定义）
*/
/* 调整 iconfont 图标大小 */
/*
.menu a:before {
    font-size: 18px;  // 调整图标大小
}
*/
/* Iconfont 图标动画效果 */
/*
.menu a:before {
    transition: all 0.3s ease;
}

.menu a:hover:before {
    transform: scale(1.1);  // 悬停时放大
}
*/
/*
📖 使用步骤：

1. 下载 Iconfont 字体包
   - 访问 https://www.iconfont.cn/
   - 选择图标并添加到项目
   - 下载到本地

2. 放置字体文件
   - 在 fonts 目录下创建 iconfont 文件夹
   - 将下载的字体文件放入：
     * iconfont.woff2
     * iconfont.woff
     * iconfont.ttf

3. 获取图标 Unicode
   - 打开下载包中的 iconfont.css
   - 复制图标的 Unicode 编码
   - 添加到上面的变量定义中

4. 应用图标
   - 取消注释相应的代码块
   - 或添加自己的图标样式

5. 引入到 layout.html
   - 已在下面为您配置好
*/