/* === 4. 组件列表 (白色卡片) === */
.components-section {
    background-color: #FFFFFF;
    padding: 25px 25px;
    border-radius: 5px;
    border: 1px solid #E4E7E9;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* === 底部图例说明 (Legend) - 嵌入式样式 === */
.legend-wrapper {
    width: 100%;
    margin-top: 15px;          /* 与上方组件的距离 */
    padding-top: 15px;         /* 内部间距 */
    border-top: 1px solid #E4E7E9; /* 顶部分割线，和组件列表风格一致 */
}

.legend-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;                 /* 图例之间的间距 */
    color: #617480;            /* 文字颜色 PTC Gray 7 */
    font-size: 13px;
    font-weight: 500;
}

.legend-label {
    margin-right: 5px;
    color: #20262A;
    font-weight: 600;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.legend-icon svg {
    display: block;
    width: 16px;
    height: 16px;
}