/*
 * @kanway-css-index
 * 文件: css/media/media-icons.css
 * 层级: 媒体组件
 * 引用页面: Media-News/Insights、文章页
 * 依赖: -
 * 修改指引: 侧栏图标 .icon-*
 * 索引: css/00-样式文件索引.css
 */
/* ==============================================
   纯CSS图标（替代Font Awesome，避免CDN冲突）
   ============================================== */
.icon {
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    width: 1em;
    height: 1em;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    margin-right: 4px;
    speak: none;
}

/* ---- 各图标定义 ---- */

/* 日历 */
.icon-calendar::before { content: "\1F4C5"; font-size: 13px; }

/* 用户 */
.icon-user::before { content: "\1F464"; font-size: 13px; }

/* 文件夹 */
.icon-folder::before { content: "\1F4C1"; font-size: 13px; }

/* 文件夹打开 */
.icon-folder-open::before { content: "\1F4C2"; font-size: 13px; }

/* 眼睛/浏览量 */
.icon-eye::before { content: "\1F441"; font-size: 13px; }

/* 左箭头 */
.icon-angle-left::before { content: "\2039"; font-size: 18px; font-weight: bold; }

/* 右箭头 */
.icon-angle-right::before { content: "\203A"; font-size: 18px; font-weight: bold; }

/* 搜索 */
.icon-search::before { content: "\1F50D"; font-size: 13px; }

/* 星标 */
.icon-star::before { content: "\2B50"; font-size: 13px; }

/* 外部链接 */
.icon-external-link::before { content: "\1F517"; font-size: 13px; }

/* 链接 */
.icon-link::before { content: "\1F517"; font-size: 13px; }

/* 标签 */
.icon-tags::before { content: "\1F3F7"; font-size: 13px; }

/* 信封 */
.icon-envelope::before { content: "\2709"; font-size: 15px; }

/* 发送 */
.icon-paper-plane::before { content: "\1F4E8"; font-size: 13px; }

/* 对话 */
.icon-comments::before { content: "\1F4AC"; font-size: 13px; }

/* 建筑 */
.icon-building::before { content: "\1F3E2"; font-size: 15px; }

/* 用户组 */
.icon-users::before { content: "\1F465"; font-size: 13px; }

/* 地球 */
.icon-globe::before { content: "\1F310"; font-size: 13px; }

/* 归档 */
.icon-archive::before { content: "\1F4C6"; font-size: 13px; }

/* ---- 图标颜色覆盖规则 ---- */

/* 元信息区域图标 - 主题蓝色 */
.article-meta .icon,
.news-meta .icon,
.featured-date .icon,
.read-count .icon,
.news-views .icon {
    color: #1D5198;
}

/* 侧边栏标题图标 - 橙色 */
.widget-title .icon,
.sidebar-title .icon {
    color: #FC6B00;
    margin-right: 8px;
}

/* 分类列表图标 - 主题蓝色 */
.category-list .icon,
.archive-list .icon {
    color: #1D5198;
    margin-right: 8px;
}

/* 导航区域图标 */
.article-nav .icon {
    color: #1D5198;
    margin: 0 4px;
}

/* 统计数字图标 */
.stat-item .icon {
    font-size: 28px;
    color: #1D5198;
}

/* 搜索按钮图标 */
.blog-search button .icon,
.faq-search button .icon {
    color: #fff;
}

/* 订阅按钮图标 */
.newsletter-form button .icon {
    color: #fff;
}

/* CTA按钮图标 */
.cta-btn .icon {
    margin-right: 6px;
}

/* 分页按钮内图标 - 完全居中 */
.page-num .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-right: 0;
    font-size: 14px;
    line-height: 1;
}

.page-num .icon::before {
    font-size: inherit;
}
