/*
 * GTW 图标样式表
 * 配合 includes/icons.php 使用：图标以「内联 SVG」形式输出
 * （assets/icons/*.svg 由 icon() 在首次渲染时按需下载并缓存），
 * 本文件仅提供基础排版与 Font Awesome 同名的尺寸 / 旋转 / 动画修饰类，
 * 不依赖任何图标库或 CDN。
 */

svg.gtw-ico {
    display: inline-block;
    width: 1em;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
    fill: currentColor;
}

/* 尺寸 */
.gtw-ico.fa-xs { font-size: .75em; }
.gtw-ico.fa-sm { font-size: .875em; }
.gtw-ico.fa-lg { font-size: 1.25em; line-height: .05em; vertical-align: -.075em; }
.gtw-ico.fa-2x { font-size: 2em; }
.gtw-ico.fa-3x { font-size: 3em; }
.gtw-ico.fa-4x { font-size: 4em; }
.gtw-ico.fa-5x { font-size: 5em; }
.gtw-ico.fa-6x { font-size: 6em; }
.gtw-ico.fa-7x { font-size: 7em; }
.gtw-ico.fa-8x { font-size: 8em; }
.gtw-ico.fa-9x { font-size: 9em; }
.gtw-ico.fa-10x { font-size: 10em; }

/* 固定宽度（便于列表 / 按钮对齐） */
.gtw-ico.fa-fw { width: 1.25em; text-align: center; }

/* 旋转与翻转 */
.gtw-ico.fa-rotate-90 { transform: rotate(90deg); }
.gtw-ico.fa-rotate-180 { transform: rotate(180deg); }
.gtw-ico.fa-rotate-270 { transform: rotate(270deg); }
.gtw-ico.fa-flip-horizontal { transform: scale(-1, 1); }
.gtw-ico.fa-flip-vertical { transform: scale(1, -1); }
.gtw-ico.fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); }

/* 浮动 */
.gtw-ico.fa-pull-left { float: left; margin-right: .3em; }
.gtw-ico.fa-pull-right { float: right; margin-left: .3em; }

/* 动画 */
.gtw-ico.fa-spin { animation: gtw-ico-spin 2s linear infinite; }
.gtw-ico.fa-pulse { animation: gtw-ico-spin 1s steps(8) infinite; }

@keyframes gtw-ico-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .gtw-ico.fa-spin,
    .gtw-ico.fa-pulse { animation: none; }
}