/**
 * UniSync 图标样式（主界面 + 分享页共用）
 *
 * 图标字体来自扩展：chrome/font/iconfont.woff2（LayUI iconfont，176 个字形）
 * 应用 logo 来自扩展：chrome/icons/icon*.png
 * 用法：<i class="uicon uicon-search" aria-hidden="true"></i>
 */

@font-face {
    font-family: 'unisync-icons';
    src: url('font/iconfont.woff2') format('woff2'),
         url('font/iconfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.uicon {
    font-family: 'unisync-icons' !important;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    vertical-align: -0.05em;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* —— 通用 —— */
.uicon-search:before { content: '\e615'; }
.uicon-close:before { content: '\1006'; }
.uicon-down:before { content: '\e61a'; }
.uicon-up:before { content: '\e619'; }
.uicon-right:before { content: '\e602'; }
.uicon-left:before { content: '\e603'; }
.uicon-return:before { content: '\e65c'; }
.uicon-more:before { content: '\e65f'; }
.uicon-more-vertical:before { content: '\e671'; }
.uicon-ok:before { content: '\e605'; }
.uicon-add:before { content: '\e624'; }
.uicon-edit:before { content: '\e642'; }
.uicon-delete:before { content: '\e640'; }
.uicon-refresh:before { content: '\e669'; }
.uicon-print:before { content: '\e66d'; }
.uicon-export:before { content: '\e67d'; }

/* —— 书签 / 目录 —— */
.uicon-folder:before { content: '\e656'; }
.uicon-link:before { content: '\e64c'; }
.uicon-file:before { content: '\e621'; }
.uicon-file-empty:before { content: '\e655'; }
.uicon-read:before { content: '\e705'; }
.uicon-list:before { content: '\e60a'; }
.uicon-form:before { content: '\e63c'; }
.uicon-tree:before { content: '\e62e'; }
.uicon-grid:before { content: '\e653'; }
.uicon-website:before { content: '\e7ae'; }
.uicon-home:before { content: '\e68e'; }
.uicon-star:before { content: '\e600'; }
.uicon-star-fill:before { content: '\e658'; }
.uicon-time:before { content: '\e68d'; }
.uicon-location:before { content: '\e715'; }
.uicon-share:before { content: '\e641'; }
.uicon-download:before { content: '\e601'; }
.uicon-upload:before { content: '\e62f'; }

/* —— 状态 / 账户 —— */
.uicon-lock:before { content: '\e673'; }
.uicon-key:before { content: '\e683'; }
.uicon-alert:before { content: '\e60b'; }
.uicon-tips:before { content: '\e702'; }
.uicon-help:before { content: '\e607'; }
.uicon-notice:before { content: '\e667'; }
.uicon-set:before { content: '\e716'; }
.uicon-theme:before { content: '\e66a'; }
.uicon-user:before { content: '\e770'; }
.uicon-group:before { content: '\e613'; }
.uicon-logout:before { content: '\e682'; }

/* —— 应用 logo：用 PNG 的 alpha 做遮罩，随主题着色 —— */
.uicon-logo {
    width: 1.2em;
    height: 1.2em;
    background-color: currentColor;
    -webkit-mask: url('icon/logo48.png') center / contain no-repeat;
    mask: url('icon/logo48.png') center / contain no-repeat;
    font-family: inherit !important;
}
.uicon-logo:before { content: none; }

/* 登录页标题上的 logo */
.login-logo {
    width: 26px;
    height: 26px;
    color: var(--accent-color);
    vertical-align: -0.22em;
    margin-right: 6px;
}