/* ===================================
   剑网世界 - SVG 图标样式
   替换 emoji 为专业图标
   =================================== */

/* 通用图标类 */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
}

/* Logo 图标 */
.icon-logo {
    width: 40px;
    height: 40px;
}

/* 导航图标 */
.icon-nav {
    width: 24px;
    height: 24px;
}

/* 功能图标 */
.icon-feature {
    width: 80px;
    height: 80px;
}

/* 门派图标 */
.icon-faction {
    width: 60px;
    height: 60px;
}

/* 大图标 */
.icon-lg {
    width: 100px;
    height: 100px;
}

/* 图标动画 */
.icon-spin {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.icon-pulse {
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
}

.icon-float {
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}