/* 图标列表小部件样式 */
.icon-list-widget {
    list-style: none;
    margin: 0;
    padding: 0;
}

.icon-list-item {
    display: block;
}

.icon-list-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    position: relative;
}

/* 图标样式 */
.icon-list-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}

.icon-position-right .icon-list-icon {
    transform: translateX(-10px);
}

/* 悬停时图标从左往右渐进显示 */
.icon-list-item:hover .icon-list-icon {
    opacity: 1;
    transform: translateX(0);
}

/* 文本样式 */
.icon-list-text {
    position: relative;
    display: inline-block;
    transition: color 0.3s ease;
}

/* 文本下划线效果 */
.icon-list-text::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #0073aa;
    transition: width 0.3s ease;
}

/* 悬停时下划线从左往右展开 */
.icon-list-item:hover .icon-list-text::after {
    width: 100%;
}

/* 图标SVG样式 */
.icon-list-icon svg {
    width: 1em;
    height: 1em;
    transition: fill 0.3s ease;
}