/*---------------------------------------------------------------------
    File Name: icons.css
    茶木野站点图标（纯 CSS 绘制，无外部依赖、无字体文件）

    替代原 Font Awesome 依赖，仅保留站点实际使用的 6 个字形：
    箭头 x4（轮播控件）、加号/减号（FAQ 折叠指示）
---------------------------------------------------------------------*/

/* 基础 */
.icon {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    font-style: normal;
    line-height: 1;
    vertical-align: middle;
    speak: never;
}

/* 箭头主干：一条 45° 圆角线段，通过旋转指向四个方向 */
.icon::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.62em;
    height: 0.62em;
    border-right: 0.11em solid currentColor;
    border-bottom: 0.11em solid currentColor;
    transform: translate(-70%, -70%) rotate(-45deg);
    border-radius: 0.02em;
}

.icon-chevron-left::before  { transform: translate(-30%, -70%) rotate(135deg); }
.icon-chevron-right::before { transform: translate(-70%, -70%) rotate(-45deg); }
.icon-arrow-left::before    { transform: translate(-30%, -70%) rotate(135deg); width: 0.7em; height: 0.7em; }
.icon-arrow-right::before   { transform: translate(-70%, -70%) rotate(-45deg); width: 0.7em; height: 0.7em; }

/* 加号：主干旋转 45° 后再整体转 -45° 恢复正交，即"上指向"变"右指向" */
.icon-plus::before {
    transform: translate(-70%, -70%) rotate(135deg);
}

/* 减号：只画一条横线 */
.icon-minus::before {
    width: 0.85em;
    height: 0;
    border-bottom-width: 0.11em;
    border-right: none;
    transform: translate(-50%, -50%);
}